:root{--ink:#102a2b;--muted:#667779;--line:#dce5e3;--surface:#fff;--canvas:#f5f8f7;--green:#0d6b58;--green-dark:#075142;--green-soft:#e2f1eb;--amber:#ab6700;--amber-soft:#fff2da;--red:#b23a37;--red-soft:#fcedec}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app-frame{min-height:100vh;display:flex}.sidebar{color:#d7e7e2;background:#082a27;flex-direction:column;width:265px;padding:23px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#fff;align-items:center;gap:11px;padding:3px 11px 23px;text-decoration:none;display:flex}.brand img{object-fit:contain;border-radius:10px;width:40px;height:40px}.brand strong{letter-spacing:-.5px;font-size:19px;display:block}.brand small{color:#86a8a1;letter-spacing:1.7px;margin-top:1px;font-size:9px;font-weight:800;display:block}.workspace-switcher{color:#effaf7;text-align:left;background:#103b36;border:1px solid #27534d;border-radius:12px;align-items:center;gap:9px;width:100%;margin-bottom:22px;padding:10px;display:flex}.workspace-switcher span:nth-child(2){flex:1;min-width:0}.workspace-switcher b,.workspace-switcher small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace-switcher b{font-size:12px}.workspace-switcher small{color:#95b4ad;margin-top:3px;font-size:10px}.workspace-avatar{color:#513600;background:#e9bb6b;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.nav-group{margin:0 0 18px}.nav-group>p{color:#86a8a1;letter-spacing:1px;margin:0 11px 7px;font-size:10px;font-weight:800}.nav-link,.sidebar-bottom a,.sidebar-bottom button{color:#bdd4ce;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:1px 0;padding:9px 11px;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#14554a}.nav-link.active{box-shadow:inset 3px 0 #cae780}.sidebar-bottom{border-top:1px solid #245048;margin-top:auto;padding-top:15px}.sidebar-bottom button{cursor:pointer}.content{width:calc(100% - 265px);min-width:0;margin-left:265px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;justify-content:space-between;align-items:center;height:72px;padding:0 35px;display:flex;position:sticky;top:0}.search{color:#7c8c8c;align-items:center;gap:9px;width:min(440px,55%);display:flex}.search input{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:0}.top-actions{align-items:center;gap:10px;display:flex}.quick-add,.primary-action{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font:700 13px inherit;text-decoration:none;display:inline-flex}.quick-add:hover,.primary-action:hover{background:var(--green-dark)}.icon-button,.profile,.mobile-menu{border:1px solid var(--line);color:#36514d;background:#fff;border-radius:9px;place-items:center;min-width:38px;height:38px;display:grid;position:relative}.icon-button i{background:#d85f4f;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.profile{gap:7px;padding:3px 5px 3px 3px;display:flex}.profile span{color:#0d5d4e;background:#d9e8e4;border-radius:7px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.mobile-menu{display:none}.main{max-width:1600px;padding:34px 38px 55px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:var(--green);letter-spacing:1.15px;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.page-header h1{letter-spacing:-1px;margin:0 0 7px;font-size:29px}.description{color:var(--muted);margin:0;line-height:1.5}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px;display:grid}.stat-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 8px #17362e08}.stat-card{padding:18px}.stat-card p{color:var(--muted);margin:0 0 12px;font-size:12px}.stat-card h2{letter-spacing:-.7px;margin:0;font-size:24px}.stat-card small{color:#758382;margin-top:8px;display:block}.stat-card small.positive{color:#148066}.grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.card{padding:21px}.card-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.card h2{letter-spacing:-.25px;margin:0;font-size:16px}.finance-list{gap:9px;display:grid}.attention-item{border-top:1px solid #edf1f0;align-items:center;gap:12px;padding:12px 0;display:flex}.attention-item:first-child{border-top:0}.attention-icon{background:var(--amber-soft);width:35px;height:35px;color:var(--amber);border-radius:9px;place-items:center;display:grid}.attention-item strong{font-size:13px;display:block}.attention-item small,.muted{color:var(--muted)}.count{color:var(--red);background:var(--red-soft);border-radius:6px;margin-left:auto;padding:4px 7px;font-size:11px;font-weight:800}.period-ring{background:conic-gradient(var(--green) 0 84%,#e6edeb 84%);border-radius:50%;place-items:center;width:112px;height:112px;margin:13px 0;display:grid;position:relative}.period-ring:before{content:"";background:#fff;border-radius:50%;width:83px;height:83px;position:absolute}.period-ring b{font-size:20px;position:relative}.kpi-strip{border-top:1px solid #edf1f0;grid-template-columns:repeat(3,1fr);margin-top:5px;padding-top:15px;display:grid}.kpi-strip span{color:var(--muted);font-size:11px}.kpi-strip b{margin-top:4px;font-size:14px;display:block}.table-card{margin-top:18px;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#72807e;text-transform:uppercase;letter-spacing:.75px;padding:0 0 10px;font-size:10px}.data-table td{border-top:1px solid #edf1f0;padding:12px 0;font-size:12px}.badge,.preview{background:var(--green-soft);color:var(--green);border-radius:99px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-block}.badge.due{background:var(--amber-soft);color:var(--amber)}.filter-bar{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:11px 14px;display:flex}.filter-bar div,.filter-bar button{align-items:center;gap:8px;display:flex}.filter-bar button{color:var(--green);background:0 0;border:0;font-weight:700}.empty-state{text-align:center;place-content:center;min-height:350px;display:grid}.empty-state .empty-icon{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.empty-state h2{margin:0 0 8px;font-size:19px}.empty-state p{color:var(--muted);max-width:430px;margin:0 auto 18px;line-height:1.55}.secondary-action{border:1px solid var(--line);color:var(--green);border-radius:8px;padding:9px 12px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:1000px){.sidebar{width:225px}.content{width:calc(100% - 225px);margin-left:225px}.main{padding:27px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (max-width:720px){.sidebar{display:none}.content{width:100%;margin:0}.mobile-menu{display:grid}.topbar{padding:0 17px}.search{display:none}.main{padding:22px 17px}.page-header{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr}.grid{gap:14px}.data-table{min-width:680px}}