:root{--ink:#172c3e;--muted:#78909b;--teal:#27aa9d;--bg:#f5f7f8;--line:#e3e9eb;--navy:#11273d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.sidebar{width:248px;position:fixed;top:0;bottom:0;background:#122a3c;color:#f7ffff;padding:36px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:850;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#a5c2c9}.mark{width:43px;height:43px;border:2px solid #48b9aa;display:grid;place-items:center;border-radius:12px;color:#7ce4d5;font-size:26px}.workspace{color:#7fa5b2;font-size:10px;letter-spacing:2px;margin:57px 0 18px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 13px;text-decoration:none;color:#d1e2e8;border-radius:8px;font-size:13px}.sidebar nav a:hover{background:#26465b}.asidefoot{margin-top:auto;color:#69d4c3;font-size:12px}.asidefoot small{display:block;color:#9ab2bd;line-height:2;margin-top:10px}main{margin-left:248px;max-width:1600px;padding:42px 4.3vw 32px}header{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#189b8d}h1{font-size:clamp(36px,4.2vw,62px);letter-spacing:-2.8px;line-height:1.12;margin:18px 0 14px}h1 em{font-style:normal;color:var(--teal)}header p{color:#8397a5;font-size:17px;max-width:650px;line-height:1.8;margin:0}.head-actions button,button,select,input{font:inherit}button{cursor:pointer}.head-actions button,.secondary{background:#fff;border:1px solid #d9e5e8;border-radius:10px;padding:12px 17px;color:#315064;font-weight:700}.toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.control label{display:block;font-size:10px;letter-spacing:2px;color:#8498a3;font-weight:800;margin-bottom:7px}.control select,.filters select,.filters input{background:#fff;border:1px solid #dce5e7;border-radius:9px;padding:12px 14px;color:#243d4d;min-height:44px}.segments{display:flex;background:#e9eef0;padding:4px;border-radius:10px}.segments button{border:0;background:transparent;border-radius:7px;padding:9px 14px;color:#71848e;font-size:13px}.segments button.active{background:#fff;color:#155d5c;box-shadow:0 2px 6px #0001;font-weight:800}.snapshot{margin-left:auto;font-size:10px;color:#198e83;font-weight:800;letter-spacing:1.3px;white-space:nowrap;padding-bottom:10px}.snapshot span{display:block;color:#9babb3;font-size:9px;margin-left:19px}.hero{background:radial-gradient(ellipse at 25% 0%,#224b58 0%,#142d42 55%,#0e2036 100%);border-radius:24px;padding:42px 47px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;color:white;min-height:335px}.hero-tag{display:inline-block;padding:10px 14px;border:1px solid #497b80;border-radius:8px;background:#2b5960;font-size:11px;font-weight:800;letter-spacing:2px;color:#9be6dc}.overline{font-size:12px;letter-spacing:4px;color:#a7c1cd;font-weight:800;margin-top:27px}.hero-value{font-size:clamp(44px,5vw,75px);font-weight:800;letter-spacing:-3px;margin:3px 0 -17px}.hero-delta{color:#94e4ce;font-size:21px;font-weight:800;margin-top:26px}.hero p{color:#9eb6c2}.hero-visual{align-self:center;border-left:1px solid #476070;padding:18px 0 18px 32px}.hero-visual-label{font-size:10px;letter-spacing:3px;color:#a8c0cc}.compare-bar{margin-top:28px}.compare-bar label{display:flex;justify-content:space-between;font-size:12px;margin:0 0 8px;color:#c0d6de}.compare-bar .track{height:15px;border-radius:10px;background:#30465a;overflow:hidden}.compare-bar .fill{height:100%;border-radius:10px;background:#51c4b1}.compare-bar.other .fill{background:#a5bac7}.hero-foot{color:#8da6b7;font-size:11px;margin-top:25px}section{margin-bottom:43px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 20px;gap:12px}.section-head h2{font-size:28px;letter-spacing:-.8px;margin:6px 0 0}.section-note{color:#9aabb4;font-size:11px;letter-spacing:1.5px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi,.panel,.table-panel,.source-panel,.insight{background:#fff;border:1px solid var(--line);border-radius:14px}.kpi{padding:23px 20px;min-height:170px}.kpi .label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#8296a2;font-weight:800}.kpi .number{font-size:clamp(24px,2.3vw,36px);font-weight:800;letter-spacing:-1px;margin:13px 0 6px}.kpi .delta{font-size:12px;font-weight:750}.kpi .base{font-size:11px;color:#9aabb4;margin-top:8px}.good{color:#159f8b!important}.bad{color:#ca5b5b!important}.neutral{color:#81929b!important}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:22px;min-width:0}.panel-title{font-size:16px;font-weight:800}.panel-title small{display:block;font-size:12px;color:#8ba0a9;font-weight:400;margin-top:3px}.chart{margin-top:18px;overflow:hidden}.chart svg{width:100%;height:auto;display:block}.chart svg text{fill:#8398a4;font-size:10px}.chart svg .zero{stroke:#a8b8bf}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.insight{padding:22px}.insight small{display:block;color:#8b9ea9;letter-spacing:1.2px;font-weight:800}.insight strong{display:block;font-size:25px;margin:12px 0 3px}.insight p{color:#8b9ea9;font-size:12px;margin:0}.table-panel{overflow:hidden}.filters{display:flex;gap:10px;padding:17px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.filters input{flex:1;min-width:230px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{background:#f2f6f7;color:#7e949f;text-align:right;letter-spacing:.8px;text-transform:uppercase;font-size:10px;padding:15px 13px;position:sticky;top:0}th:first-child{text-align:left}td{border-top:1px solid #edf0f1;padding:11px 13px;text-align:right;font-variant-numeric:tabular-nums}td:first-child{text-align:left;white-space:normal;min-width:280px}td:last-child{font-size:10px;color:#9daab1}tr.total{background:#f2f7f6;font-weight:800}tr.heading{background:#e9f0f2;color:#42616c;font-weight:800;letter-spacing:1px;text-transform:uppercase}tr.heading td{padding:13px}.table-footer{padding:13px 19px;font-size:12px;color:#92a3ad;border-top:1px solid var(--line)}.source-panel{padding:26px}.source-banner{background:#eaf8f3;color:#137b69;border-radius:9px;padding:15px;margin-bottom:18px}.source-panel p,.footnote{color:#728894;font-size:13px}.source-file{padding:12px 0;border-top:1px solid #eaf0f2;font-size:13px;overflow-wrap:anywhere}.source-file small{display:block;color:#99aab2;font-size:10px}footer{color:#a3b0b8;letter-spacing:2px;font-size:10px;padding:20px 0 50px}@media(max-width:1200px){.sidebar{width:205px}main{margin-left:205px;padding:30px}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:relative;width:auto;padding:16px 20px}.sidebar nav,.workspace,.asidefoot{display:none}main{margin:0;padding:24px 17px}header{display:block}header p{font-size:15px}.head-actions{margin-top:18px}.hero{grid-template-columns:1fr;padding:27px 25px}.hero-visual{border-left:0;border-top:1px solid #476070;padding:20px 0 0}.kpis,.chart-grid,.insights{grid-template-columns:1fr}.snapshot{margin-left:0}.section-head h2{font-size:23px}.filters select{flex:1}h1{letter-spacing:-1.6px}}@media print{.sidebar,.toolbar,.head-actions,.filters,.secondary,#csv{display:none!important}main{margin:0;padding:0}.hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.chart-grid,.kpis{break-inside:avoid}.table-scroll{overflow:visible}table{white-space:normal;font-size:9px}td:first-child{min-width:0}section{break-inside:auto}}