*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--navy:#03081c;--navy2:#071238;--navy3:#0c1c4a;--navy4:#12285c;--teal:#0078f0;--teal2:#0062d6;--silver:#d8d8d8;--gold:var(--silver);--red:#e3001b;--green:#22c55e;--orange:#f97316;--text:#e8edf5;--text2:#8fa3c0;--text3:#4d6380;--border:#ffffff0f;--card:#ffffff08;--card2:#ffffff0d;--hover-row:#ffffff05;--row-border:#ffffff08;--ratio-border:#ffffff08;--select-bg:var(--navy2);--menu-bg:#162040;--menu-bg-hover:#1d2a4f;--menu-border:#ffffff1f}[data-theme=light]{--navy:#f1f5f9;--navy2:#fff;--navy3:#e2e8f0;--navy4:#eef2f7;--teal:#002478;--teal2:#001a54;--silver:#64748b;--gold:var(--silver);--red:#c8001a;--green:#16a34a;--orange:#ea580c;--text:#0f172a;--text2:#334155;--text3:#64748b;--border:#00000014;--card:#fff;--card2:#f8fafc;--hover-row:#00000005;--row-border:#f1f5f9;--ratio-border:#f1f5f9;--select-bg:#fff;--menu-bg:#fff;--menu-bg-hover:#f1f5f9;--menu-border:#0000001f}body{background:var(--navy);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--navy2);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;transition:width .3s;display:flex;overflow-y:auto}.sidebar.collapsed{width:56px;min-width:56px}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px;display:flex}.sidebar-logo .brand-logo-light{display:none}.sidebar-logo .brand-logo-dark,[data-theme=light] .sidebar-logo .brand-logo-light{display:block}[data-theme=light] .sidebar-logo .brand-logo-dark{display:none}.logo-mark{background:var(--teal);width:28px;height:28px;color:var(--navy);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.logo-text{color:var(--text);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.logo-sub{color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px;font-size:9px}.sidebar-year{background:var(--navy4);border:1px solid var(--border);border-radius:8px;margin:12px 10px;padding:8px 10px}.sidebar-year label{color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:9px;display:block}.sidebar-year select{width:100%;color:var(--teal);cursor:pointer;background:0 0;border:none;outline:none;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.sidebar-year select option{background:var(--select-bg)}.nav-section{padding:16px 0 4px}.nav-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);white-space:nowrap;padding:0 14px 6px;font-size:14px;font-weight:600;overflow:hidden}.nav-item{cursor:pointer;color:var(--text2);white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex;overflow:hidden}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{border-left-color:var(--teal);color:var(--teal);background:#00c9b10f}.nav-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--navy2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.topbar-breadcrumb{color:var(--text3);flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.topbar-breadcrumb span{color:var(--text2)}.filter-group{align-items:center;gap:8px;display:flex}.filter-pill{background:var(--navy4);border:1px solid var(--border);color:var(--text2);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.filter-pill select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;max-width:160px;font-family:DM Sans,sans-serif;font-size:12px}.filter-pill select option{background:var(--select-bg)}.filter-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.refresh-btn{background:var(--navy4);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.refresh-btn:hover{border-color:var(--teal);color:var(--teal)}.refresh-btn.loading{opacity:.6;pointer-events:none}.data-tag{color:var(--teal);letter-spacing:.5px;background:#00c9b11a;border:1px solid #00c9b133;border-radius:6px;padding:3px 8px;font-size:10px}.content{background:var(--navy);flex:1;padding:24px;overflow-y:auto}.page-header{background:linear-gradient(135deg,var(--navy3)0%,var(--navy4)100%);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding:24px 28px;display:flex}.page-header-left .eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:6px;font-size:9px}.page-header-left h1{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.page-header-left p{color:var(--text2);margin-top:4px;font-size:12px}.page-header-right{gap:24px;display:flex}.header-kpi{text-align:right}.header-kpi-val{color:var(--teal);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.header-kpi-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-size:10px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:16px;display:grid}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.grid-2.wide-left{grid-template-columns:1.4fr 1fr}.grid-2.wide-left-sm{grid-template-columns:1.15fr 1fr}.pct-inline{display:none}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.card-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.card-title span{color:var(--text3);text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.kpi-card{background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.kpi-label{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:8px;font-size:10px}.kpi-value{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.kpi-value.teal{color:var(--teal)}.kpi-value.gold{color:var(--gold)}.kpi-sub{color:var(--text3);margin-top:4px;font-size:11px}.kpi-delta{border-radius:100px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:11px;display:inline-flex}.kpi-delta.pos{color:var(--green);background:#22c55e1a}.kpi-delta.neg{color:var(--red);background:#ff4d6d1a}.ac-perf-tbl{border-collapse:collapse;width:100%;font-size:12px}.ac-perf-tbl thead th{white-space:nowrap;text-align:right;color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#1b2a4a;border-bottom:2px solid #2d4a7a;padding:8px 10px;font-size:11px;font-weight:700}.ac-perf-tbl thead th.left{text-align:left}.ac-perf-tbl thead th.col-bh{color:#00c9b1}.ac-perf-tbl thead th.col-gp{color:#ff8c42}.ac-perf-tbl thead th.col-np{color:#00c9b1}.ac-perf-tbl tbody td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);color:var(--text2);font-variant-numeric:tabular-nums;padding:6px 10px;font-size:12px}.ac-perf-tbl tbody td.left{text-align:left}.ac-perf-tbl tbody tr:hover td{background:var(--hover-row)}.ac-perf-tbl tfoot td{text-align:right;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums;background:#1b2a4a;border-top:2px solid #00c9b1;padding:8px 10px;font-size:12px;font-weight:700}.ac-perf-tbl tfoot td.left{text-align:left}[data-theme=light] .ac-perf-tbl thead th,[data-theme=light] .ac-perf-tbl tfoot td{background:#1e3a5f}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:9px;font-weight:600}.tbl th.right{text-align:right}.tbl td{border-bottom:1px solid var(--row-border);color:var(--text2);padding:9px 12px}.tbl td.right{text-align:right;font-variant-numeric:tabular-nums}.tbl td.bold{color:var(--text);font-weight:600}.tbl tr:hover td{background:var(--hover-row)}.tbl tr.section-header td{color:var(--teal);letter-spacing:1.5px;text-transform:uppercase;background:#00c9b10d;padding:6px 12px;font-size:9px;font-weight:600}.tbl tr.total-row td{color:var(--text);background:#00c9b114;border-top:1px solid #00c9b133;font-weight:700}.tbl tr.subtotal-row td{color:var(--text);border-top:1px solid var(--border);font-weight:600}.neg{color:var(--red)!important}.neg:before{content:"▼";vertical-align:1px;font-size:8px}.kpi-sub-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.kpi-sub-badge.pos{color:var(--green);background:#10b9811a}.kpi-sub-badge.neg{color:var(--red);background:#ff4d6d1a}.kpi-sub-badge.neg:before{content:""}.pos{color:var(--green)!important}.bar-track{background:var(--border);border-radius:4px;flex:1;height:6px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .6s}.bar-fill.teal{background:var(--teal)}.bar-fill.gold{background:var(--gold)}.bar-fill.red{background:var(--red)}.bar-fill.orange{background:var(--orange)}.badge{border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.badge.teal{color:var(--teal);background:#0078f01f}.badge.gold{color:var(--gold);background:#d8d8d824}.badge.red{color:var(--red);background:#ff4d6d1f}.badge.green{color:var(--green);background:#22c55e1f}.badge.orange{color:var(--orange);background:#f973161f}.badge.gray{background:var(--border);color:var(--text3)}.status-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.status-dot.green{background:var(--green)}.status-dot.orange{background:var(--orange)}.status-dot.red{background:var(--red)}.loading-state{height:200px;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prog-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.prog-label{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:140px;font-size:12px;overflow:hidden}.prog-val{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:80px;font-size:12px;font-weight:600}.prog-pct{color:var(--text3);text-align:right;flex-shrink:0;width:40px;font-size:11px}.ratio-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.ratio-section-title{color:var(--text);margin-bottom:14px;font-size:13px;font-weight:600}.ratio-row{border-bottom:1px solid var(--ratio-border);align-items:center;padding:8px 0;display:flex}.ratio-row:last-child{border-bottom:none}.ratio-name{color:var(--text2);flex:1;font-size:12px}.ratio-val{color:var(--text);text-align:right;width:70px;font-size:13px;font-weight:600}.ratio-bench{color:var(--text3);text-align:right;width:70px;font-size:11px}.ratio-status{text-align:right;width:80px}.entity-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.entity-card-name{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.entity-row{justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.entity-row .label{color:var(--text3)}.entity-row .value{color:var(--text);font-weight:500}.entity-row .value.teal{color:var(--teal);font-weight:700}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.budget-monthly-scroll::-webkit-scrollbar{height:8px}.budget-monthly-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px;margin:0 8px}.budget-monthly-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.budget-monthly-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}[data-theme=light] .budget-monthly-scroll::-webkit-scrollbar-track{background:#0000000a}[data-theme=light] .budget-monthly-scroll::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .budget-monthly-scroll::-webkit-scrollbar-thumb:hover{background:#00000059}.donut-wrap{align-items:center;gap:20px;display:flex}.legend-item{color:var(--text2);align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ac-section-header{background:var(--navy4);color:var(--text);letter-spacing:.5px;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.ac-section-sub{color:var(--text3);font-size:10px;font-weight:400}@media (max-width:1023px){.grid-3,.grid-4,.grid-5{grid-template-columns:1fr 1fr}.grid-6{grid-template-columns:repeat(3,1fr)}.col-span-3{grid-column:span 2}.grid-2>*,.grid-3>*,.grid-4>*,.grid-5>*,.grid-6>*{min-width:0}.pct-col{display:none}.pct-inline{font-variant-numeric:tabular-nums;margin-top:1px;font-size:10px;font-weight:500;display:block}}.nav-toggle,.nav-backdrop{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}@media (max-width:1023px){.app{height:100dvh}.sidebar{z-index:1200;width:264px;min-width:264px;padding-bottom:env(safe-area-inset-bottom);transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 24px #0006}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:264px;min-width:264px}.nav-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;display:block;position:fixed;inset:0}.nav-backdrop.show{opacity:1;pointer-events:auto}.nav-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;font-size:20px;line-height:1;display:inline-flex}.nav-toggle:active{background:var(--card2)}.nav-item{min-height:44px;padding:12px 16px;font-size:14px}.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar-breadcrumb{flex:auto;min-width:0;font-size:10px}.filter-group{flex-wrap:wrap;gap:6px;width:100%}.filter-pill{flex:auto;min-width:0}.filter-pill select{width:100%;max-width:100%}.content{padding:12px}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{gap:12px}.page-header{border-radius:12px;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px}.page-header-left h1{font-size:20px}.page-header-right{flex-wrap:wrap;gap:16px;width:100%}.header-kpi{text-align:left}.header-kpi-val{font-size:18px}.card{padding:14px}.kpi-card{padding:14px 16px}.kpi-value{font-size:20px}.tbl th,.tbl td{padding:8px}.ac-perf-tbl thead th,.ac-perf-tbl tbody td,.ac-perf-tbl tfoot td{padding:6px 8px}}@media (max-width:639px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-2.wide-left,.grid-2.wide-left-sm{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.content{padding:10px 8px}.page-header{padding:14px}.page-header-left h1{font-size:18px}.page-header-right{flex-direction:column;gap:10px}.card{border-radius:10px;padding:12px}.kpi-card{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;padding:12px 14px;display:grid}.kpi-label{grid-area:1/1;margin-bottom:0}.kpi-value{text-align:right;grid-area:1/2;font-size:19px}.kpi-sub{grid-area:2/1;margin-top:2px}.kpi-delta-line{text-align:right;grid-area:2/2;margin-top:2px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .page-white{background:#f8fafc}[data-theme=light] .page-white .page-header{border:none;background:linear-gradient(135deg,#0a1628 0%,#1a3a6e 100%)!important}[data-theme=light] .page-white .page-header .header-kpi-val{color:#fff!important}[data-theme=light] .page-white .page-header .header-kpi-label{color:#ffffff80!important}[data-theme=light] .page-white .page-header .eyebrow{color:var(--teal)!important}[data-theme=light] .page-white .card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .page-white .tbl th{color:#475569;background:#f1f5f9;border-bottom:2px solid #e2e8f0;font-size:10px}[data-theme=light] .page-white .tbl td{color:#334155;border-bottom:1px solid #f1f5f9}[data-theme=light] .page-white .tbl tr:hover td{background:#f8fafc}[data-theme=light] .page-white .tbl tr.section-header td{color:#1e40af;background:#eff6ff;font-size:9px}[data-theme=light] .page-white .tbl tr.total-row td{color:#166534;background:#f0fdf4;border-top:2px solid #bbf7d0}[data-theme=light] .page-white .tbl tr.subtotal-row td{color:#1e293b;border-top:1px solid #e2e8f0}[data-theme=light] .page-white .neg{color:#dc2626!important}[data-theme=light] .page-white .tbl td.bold{color:#0f172a}td.drillable{cursor:pointer;transition:all .12s;position:relative}td.drillable:hover{color:#1d4ed8!important;background:#3b82f614!important}td.drillable:hover:after{content:"↗";color:#3b82f6;opacity:.8;font-size:9px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}[data-theme=light] .page-white td.drillable:hover{background:#3b82f60f!important}.theme-toggle{border-top:1px solid var(--border);cursor:pointer;color:var(--text3);white-space:nowrap;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;font-size:12px;transition:all .15s;display:flex;overflow:hidden}.theme-toggle:hover{color:var(--text);background:var(--hover-row)}.theme-toggle-track{background:var(--border);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.theme-toggle-track.active{background:var(--teal)}.theme-toggle-thumb{background:var(--text);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle-track.active .theme-toggle-thumb{transform:translate(16px)}.export-mode{color:#1a1a1a!important;background:#fff!important;padding:20px!important}.export-mode .page-header{background:#1b2a4a!important;border-radius:8px!important;margin-bottom:16px!important}.export-mode .card,.export-mode .kpi-card{background:#fff!important;border:1px solid #e2e8f0!important}.export-mode .tbl td,.export-mode .tbl th{color:#1a1a1a!important;border-color:#e2e8f0!important}.export-mode .tbl tr:hover td{background:0 0!important}.export-mode .neg{color:#dc2626!important}.export-mode .section-header td{color:#1e40af!important;background:#f0f9ff!important}.export-mode .total-row td{color:#166534!important;background:#f0fdf4!important}.skeleton{background:linear-gradient(90deg,var(--border)25%,#ffffff14 50%,var(--border)75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%}.page-fade-in{animation:.3s ease-out fadeIn}.bar-fill{transition:width .6s cubic-bezier(.16,1,.3,1)}.nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:16px;line-height:1}.nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .nav-label{display:none}@media (max-width:1023px){.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label{display:block}.sidebar.collapsed .nav-icon{text-align:center;width:24px;font-size:16px}}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:8px 0}.sidebar.collapsed .nav-icon{width:auto;font-size:18px}.sidebar.collapsed .nav-section-label,.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .logo-sub,.sidebar.collapsed .sidebar-year{display:none}body,.sidebar,.topbar,.content,.card,.kpi-card,.filter-pill,.page-header,.ratio-section,.entity-card,.ac-section-header,.nav-item,.tbl td,.tbl th{transition:background-color .2s,border-color .2s,color .2s}[data-theme=light] .card,[data-theme=light] .kpi-card,[data-theme=light] .ratio-section,[data-theme=light] .entity-card{box-shadow:0 1px 3px #0000000f}[data-theme=light] .sidebar{box-shadow:1px 0 4px #0000000a}[data-theme=light] .page-header{background:linear-gradient(135deg,#e2e8f0 0%,#eef2f7 100%)}[data-density=compact] .tbl th{padding:5px 8px;font-size:9px}[data-density=compact] .tbl td{padding:5px 8px;font-size:11px}[data-density=compact] .tbl tr.section-header td{padding:4px 8px}[data-density=compact] .ac-perf-tbl thead th{padding:5px 7px;font-size:10px}[data-density=compact] .ac-perf-tbl tbody td{padding:3px 7px;font-size:11px}[data-density=compact] .ac-perf-tbl tfoot td{padding:5px 7px;font-size:11px}[data-density=compact] .card{padding:12px}[data-density=compact] .kpi-card{padding:12px 14px}[data-density=compact] .kpi-value{font-size:20px}[data-density=compact] .kpi-label{margin-bottom:4px}[data-density=compact] .page-header{margin-bottom:12px;padding:18px 24px}[data-density=compact] .page-header-left h1{font-size:20px}[data-density=compact] .header-kpi-val{font-size:18px}[data-density=compact] .grid-3,[data-density=compact] .grid-4,[data-density=compact] .grid-5{gap:10px;margin-bottom:12px}[data-density=compact] .topbar{padding:8px 18px}[data-density=compact] .filter-pill{padding:4px 10px}[data-density=compact] .nav-item{padding:7px 14px;font-size:12px}.input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;outline:none;padding:7px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text3)}.input:hover{border-color:var(--text3)}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0078f02e;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal)18%,transparent)}select.input{cursor:pointer}select.input option{background:var(--select-bg);color:var(--text)}.search-field{background:var(--card);border:1px solid var(--border);border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 9px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:hover{border-color:var(--text3)}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0078f02e;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal)18%,transparent)}.search-field>svg{color:var(--text3);flex-shrink:0;transition:color .15s}.search-field:focus-within>svg{color:var(--teal)}.search-field input{min-width:0;height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:12px}.search-field input::placeholder{color:var(--text3)}.search-field input::-webkit-search-cancel-button{appearance:none}.search-field input::-webkit-search-decoration{appearance:none}.search-field button{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:color .15s,background .15s;display:inline-flex}.search-field button:hover{color:var(--text);background:var(--border)}[data-density=compact] .search-field{height:28px}[data-density=compact] .input{padding:5px 9px}