@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#253b41;background:#f4f7f8;font-synthesis:none;--teal:#087f73;--ink:#152e33;--muted:#82949a;--line:#e4ebed}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}input,select,textarea{border:1px solid #dce5e7;border-radius:7px;padding:10px 12px;outline:none;background:white;color:#293e44;max-width:100%;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#4baf9f;box-shadow:0 0 0 3px #e4f5ef}textarea{min-height:85px;resize:vertical}button{border:1px solid #dce5e7;border-radius:7px;background:#fff;padding:10px 14px;color:#42575c;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}button:hover{background:#f1f7f5}button.primary{background:var(--teal);border-color:var(--teal);color:white}button.danger{background:#fff2f0;border-color:#efd6d1;color:#bc6458}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.num{font-family:Manrope,system-ui,sans-serif}p{color:#82949a;line-height:1.6;font-size:12px}small{color:#8b9ca1;font-size:10px}.loading{height:100vh;display:grid;place-items:center;color:var(--teal)}.shell{display:flex;min-height:100vh}.sidebar{width:234px;background:#122d32;color:#93b0b4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 18px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;color:#fff;font-size:18px;letter-spacing:-.5px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#287c70;display:grid;place-items:center;color:#bceada}.brand b{font-weight:400;color:#6da299}.workspace{margin:27px 10px 25px;padding:11px;background:#1c393e;border:1px solid #2a464b;border-radius:8px;font-size:10px;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:#62c7a7;display:inline-block}.nav-section{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#587c82;padding:20px 16px 11px}.sidebar nav{overflow:auto;flex:1}.nav-btn{border:0;background:transparent;color:#94afb3;display:flex;justify-content:flex-start;width:100%;padding:12px 15px;margin-bottom:3px;font-size:11px;gap:12px;font-weight:400}.nav-btn.active{background:#25494b;color:#c0eee0;border-left:3px solid #67c3a8}.nav-btn:hover{background:#1c3c41}.sidebar-footer{border-top:1px solid #29444a;margin-top:24px;padding:19px 9px 0;display:flex;align-items:center;gap:10px;font-size:11px}.avatar{height:32px;width:32px;background:#3d655f;display:grid;place-items:center;border-radius:9px;color:#cdf2e5;font-size:11px}.sidebar-footer small{display:block;font-size:8px;color:#75969b;margin-top:3px}.logout{padding:5px;background:transparent;border:0;color:#6e9297;margin-left:auto}.main{margin-left:234px;flex:1;min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 37px;font-size:10px;color:#91a0a5}.topbar b{color:#53696f;font-weight:500}.top-actions{display:flex;gap:20px;align-items:center}.top-actions input{font-size:10px;padding:7px 9px}.status-local{display:flex;gap:7px;align-items:center}.content{padding:32px 37px 40px;max-width:1700px;margin:auto}.eyebrow{font-size:8px;letter-spacing:2px;color:#74918f;font-weight:700;margin-bottom:9px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.heading h1{font-size:26px;letter-spacing:-1px;font-weight:800;color:#244047}.heading p{margin-top:8px;font-size:11px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat{padding:21px 22px;background:white;border:1px solid var(--line);border-radius:10px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7d9398;margin-bottom:15px}.stat-icon{color:#3e9484;background:#edf6f2;border-radius:8px;padding:7px;display:grid;place-items:center}.stat-value{font-family:Manrope,system-ui;font-size:24px;font-weight:800;letter-spacing:-.8px;color:#234b4b;white-space:nowrap}.stat small{display:block;margin-top:10px;font-size:9px}.stat.accent{background:#187868;border-color:#187868}.stat.accent .stat-value,.stat.accent .stat-top{color:#fff}.stat.accent small{color:#a8d9cc}.stat.accent .stat-icon{background:#338d7e;color:#cff7e8}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.card-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f2;gap:12px}.card-head h2{font-size:13px;letter-spacing:-.1px}.card-head p{font-size:9px;margin-top:4px}.card-body{padding:23px}.callout{background:#eef7f3;border:1px solid #d4e9df;border-radius:8px;padding:15px 18px;color:#4f7b70;font-size:10px;line-height:1.7;margin:0 0 21px;display:flex;gap:12px;align-items:flex-start}.callout.warning{background:#fff8ec;color:#9c7840;border-color:#f1e2c4}.callout.error{background:#fff2ef;color:#a56859;border-color:#efd9d1}.badge{padding:5px 8px;border-radius:5px;background:#edf7f1;color:#4d917a;font-size:8px;white-space:nowrap;font-weight:500;display:inline-flex}.badge.amber{color:#b08040;background:#fbf3e5}.badge.red{color:#b8776d;background:#fcf0ee}.badge.gray{color:#8c9aa0;background:#f1f4f5}.badge.blue{color:#638da8;background:#eef4f9}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafcfc;color:#82959b;text-transform:uppercase;font-size:8px;letter-spacing:.65px;font-weight:600;padding:14px 18px;border-bottom:1px solid #e9edef}td{padding:15px 18px;border-bottom:1px solid #eef2f3;font-size:10px;color:#60747b}td b{font-weight:600;color:#35545c}td small{display:block;margin-top:4px;font-size:8px}.money{text-align:right;font-variant-numeric:tabular-nums}.teal{color:#208a73}.amber-text{color:#bc8b40}.row-link{cursor:pointer}.row-link:hover td{background:#f6faf8}.table-action{padding:6px 9px;font-size:9px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:10px;color:#92a2a7}.pagination>div{display:flex;gap:8px;align-items:center}.pagination button{padding:6px 10px}.filters{display:flex;align-items:center;gap:9px;padding:17px 21px;flex-wrap:wrap;border-bottom:1px solid #edf1f2}.search{position:relative;min-width:230px;flex:1;max-width:380px}.search input{width:100%;padding-left:35px}.search .icon{position:absolute;left:11px;top:10px;color:#94a7aa;width:15px}.filters select,.filters input{font-size:10px;padding:9px 11px}.filters .search input{padding-left:35px}.empty{padding:65px 25px;text-align:center;color:#9dafb3;font-size:12px}.empty .icon{height:34px;width:34px;margin-bottom:15px;color:#a7c1b8}.bar-row{margin-bottom:21px}.bar-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:8px;color:#6c8389}.bar-label b{font-size:11px;color:#335c5d}.bar{height:7px;background:#edf3f1;border-radius:6px;overflow:hidden}.bar span{display:block;height:100%;background:#4ba18b;border-radius:6px}.legend{display:flex;gap:20px;font-size:9px;color:#8ba09f;margin-top:26px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat{padding:18px;background:#f6f9f8;border-radius:8px}.mini-stat b{font-family:Manrope;display:block;font-size:20px;color:#335f58;margin-bottom:7px}.mini-stat span{font-size:9px;color:#94a7a3}.review-item{padding:14px 0;border-bottom:1px solid #eff2f2;display:flex;gap:12px;align-items:center;font-size:10px}.review-item b{display:block;color:#536f72}.review-item small{max-width:300px;white-space:normal;line-height:1.5;display:block;margin-top:5px}.review-item button{margin-left:auto;padding:7px 9px;font-size:9px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.upload-card{padding:30px 23px;background:white;border:1px solid var(--line);border-radius:10px}.upload-icon{height:43px;width:43px;border-radius:11px;background:#eaf4ef;color:#348d76;display:grid;place-items:center;margin-bottom:24px}.upload-card h2{font-size:15px;margin-bottom:8px}.upload-card p{font-size:10px;min-height:52px}.upload-card button{margin-top:20px;width:100%}.upload-card small{display:block;margin-top:13px;text-align:center;font-size:8px}.step{display:flex;gap:15px;align-items:center;margin-bottom:18px;font-size:11px}.step-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eff6f1;color:#59957e;font-size:10px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-story{padding:9vh 12%;background:#153c3d;color:#c7e5d9;position:relative;overflow:hidden}.auth-story .brand{padding:0}.auth-story h1{font-size:50px;letter-spacing:-2px;margin:19vh 0 24px;line-height:1.2;font-weight:700;color:#e5f6ed}.auth-story p{color:#80a99f;max-width:320px;line-height:1.8}.auth-circle{position:absolute;width:450px;height:450px;border:1px solid #2f5952;border-radius:50%;right:-250px;bottom:-160px;box-shadow:0 0 0 55px #204844,0 0 0 56px #345f56}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:100%;max-width:350px}.auth-form h2{font-size:25px;letter-spacing:-.9px;margin-bottom:10px}.auth-form>p{font-size:11px;margin-bottom:28px}.auth-form button{width:100%;margin-top:10px;padding:13px}.auth-note{font-size:9px;text-align:center;color:#9faeae;margin-top:24px;line-height:1.8}label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#677e83;margin-bottom:17px}label input,label select,label textarea{width:100%}.modal-bg{position:fixed;inset:0;background:#0e2c3477;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:30px}.modal{width:100%;max-width:830px;max-height:90vh;background:white;border-radius:13px;display:flex;flex-direction:column;box-shadow:0 20px 80px #0b202b33}.modal.wide{max-width:1120px}.modal-header{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px}.modal-header p{font-size:10px;margin-top:5px}.modal-header button{border:0;padding:5px}.modal-body{padding:25px 27px;overflow:auto}.modal-footer{padding:17px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.checkbox{flex-direction:row;align-items:center;gap:9px}.checkbox input{width:14px;height:14px;accent-color:#258a72}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 24px}.detail-field{font-size:9px;color:#98a7ab}.detail-field b{display:block;font-size:11px;color:#566f75;margin-top:6px}.detail-money{display:flex;gap:25px;padding:18px;background:#f2f8f4;border-radius:8px;margin:18px 0}.detail-money small{font-size:9px}.detail-money b{display:block;font-size:17px;color:#356454;margin-top:6px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8da3a3;margin:24px 0 12px}.remark{padding:14px;background:#f7f9f9;border:1px solid #e6eceb;border-radius:7px;font-size:11px;line-height:1.8;word-break:break-word}.notice{padding:12px 15px;background:#fff1ed;color:#ad7768;font-size:11px;border-radius:7px;white-space:pre-wrap;margin-bottom:18px}.success{background:#edf8ef;color:#568e6e}#toast{position:fixed;bottom:25px;right:25px;z-index:500;max-width:420px;font-size:12px;line-height:1.5;padding:15px 21px;background:#234d45;color:#e4f4eb;border-radius:9px;box-shadow:0 4px 30px #23443733;display:none}#toast.visible{display:block}#toast.error{background:#9b5b50}.mobile-nav{display:none}.footnote{font-size:9px;color:#92a3a9;margin-top:17px;line-height:1.8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-preview{background:#f4f8f6;padding:17px;border-radius:8px;margin-bottom:18px}.file-preview b{color:#498673}.raw{white-space:pre-wrap;font-size:10px;background:#f6f8f8;padding:15px;max-height:180px;overflow:auto}.link{color:#278b73;background:transparent;border:0;padding:0;font-size:10px}.flash{color:#b1793b}.user-card{display:flex;align-items:center;gap:12px}.mobile-top{display:none}@media(min-width:1600px){.content{padding-top:40px}.stat-value{font-size:29px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{margin-left:205px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.stat-value{font-size:25px}.upload-grid{grid-template-columns:1fr}.upload-card p{min-height:0}.upload-card button{max-width:240px}.upload-card small{text-align:left}.upload-card{padding:23px}.upload-icon{margin-bottom:15px}}@media(max-width:720px){.sidebar{display:none;width:234px}.sidebar.open{display:flex}.main{margin-left:0}.topbar{height:65px;padding:0 16px}.top-actions{gap:9px}.status-local{display:none}.mobile-top{display:inline-flex;padding:6px;border:0}.content{padding:24px 16px}.heading{align-items:flex-start;flex-direction:column;gap:15px}.heading h1{font-size:24px}.stats{gap:10px}.stat{padding:16px 13px}.stat-value{font-size:19px}.stat-top{font-size:9px}.stat-icon{display:none}.stat small{font-size:8px}.filters{padding:14px;gap:8px}.search{width:100%;max-width:none}.filters select{flex:1}.auth{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h1,.auth-story p,.auth-circle{display:none}.auth-form-wrap{padding:35px 25px}.auth-form h2{font-size:23px}.modal-bg{padding:12px}.modal{max-height:95vh}.modal-header{padding:18px}.modal-body{padding:19px}.modal-footer{padding:14px 18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.detail-money{flex-wrap:wrap;gap:18px}.detail-money b{font-size:14px}.two-col{grid-template-columns:1fr}.topbar>span{font-size:9px}.top-actions input{max-width:125px}.heading .actions button{font-size:10px}}
