.analytics-dashboard{--a-bg:#0d1b2a;--a-tile:#14263a;--a-line:#30465b;--a-muted:#a7b4c2;--a-good:#43d3ff;background:var(--a-bg);color:white;padding:24px}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px}.analytics-heading h2{font-size:22px;font-weight:500;color:white;margin:8px 0}.analytics-heading p{font-size:13px;color:var(--a-muted)}.analytics-heading .eyebrow{color:#90bedf}.analytics-edit{color:var(--a-good);font-size:14px;white-space:nowrap}.analytics-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end;background:#19324a;padding:14px;margin-bottom:16px}.analytics-controls label{display:grid;gap:6px;font-size:12px;color:#cfdeeb}.analytics-controls select{border:1px solid #52697e;padding:9px 12px;background:#14263a;color:white;min-width:170px}.analytics-controls>span{font-size:12px;align-self:center;margin-left:auto;color:#cfdeeb}.analytics-controls button{border:1px solid #7ea2c2;color:white;padding:10px 14px;background:transparent;cursor:pointer}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--a-line);border:1px solid var(--a-line);margin-bottom:20px}.analytics-kpis article{background:var(--a-tile);padding:20px;min-width:0}.analytics-kpis article>span{display:block;font-size:13px;color:#cfdeeb}.analytics-kpis strong{font-family:'Space Mono';font-size:28px;font-weight:400;display:block;margin:12px 0 4px;letter-spacing:-1px}.analytics-kpis small{font-size:11px;color:var(--a-muted)}.analytics-kpis p{font-size:13px;margin:13px 0 0}.analytics-kpis em{font-style:normal;color:var(--a-muted);font-size:10px;display:block;margin-top:3px}.analytics-dashboard .favorable{color:#43d3ff}.analytics-dashboard .unfavorable{color:#f5a69d}.analytics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.analytics-panel{border:1px solid var(--a-line);min-width:0;background:#14232f}.analytics-panel-title{padding:12px 16px;background:#19324a;display:flex;gap:10px;justify-content:space-between;align-items:center}.analytics-panel-title h2{font-size:14px;font-weight:500;color:white}.analytics-panel-title>span{font-size:10px;color:#b8c9d8;text-align:right}.analytics-chart{padding:8px 8px 0}.analytics-chart svg{width:100%;display:block}.analytics-dashboard svg text{font-family:'Space Grotesk',sans-serif;font-size:10px;fill:#bbcad8}.a-grid{stroke:#304253;stroke-width:1}.analytics-legend{display:flex;gap:20px;justify-content:center;padding:8px 10px 16px;font-size:12px;color:#c5d0dc}.analytics-legend span,.a-mix-list>div{display:flex;align-items:center;gap:7px}.analytics-legend i,.a-mix-list i{width:8px;height:8px;display:inline-block;flex:none}.analytics-horizontal{padding:26px 18px;display:grid;gap:17px}.a-bar-row{display:grid;grid-template-columns:95px 1fr 68px;gap:12px;align-items:center;font-size:12px}.a-bar-row>div{height:11px;background:#223647}.a-bar-row b{display:block;height:11px}.a-bar-row strong{font-family:'Space Mono';font-size:12px;font-weight:400;text-align:right}.analytics-mix{display:flex;gap:16px;align-items:center;padding:15px 20px;min-height:235px}.analytics-mix svg{width:43%;max-width:205px;flex:none}.a-mix-list{display:grid;gap:11px;flex:1;font-size:12px;max-height:230px;overflow:auto}.a-mix-list strong{margin-left:auto;font-weight:400;font-family:'Space Mono';font-size:11px}.analytics-variance{width:100%;font-size:13px}.analytics-variance th{background:#223b53!important;color:#dce8f2!important;font-size:12px}.analytics-variance th,.analytics-variance td{border-color:#30465b!important;padding:13px 16px;white-space:nowrap}.analytics-variance td{background:transparent;color:#e3ebf1}.analytics-variance tr:hover td{background:#1b354a!important}.analytics-note{font-size:12px;line-height:1.6;color:#b5c5d3;padding:12px 16px}.analytics-dashboard select:disabled{opacity:.5}@media(max-width:1050px){.analytics-kpis strong{font-size:23px}.analytics-kpis article{padding:14px}.analytics-chart-grid{grid-template-columns:1fr}.analytics-mix svg{max-width:185px}}@media(max-width:650px){.analytics-dashboard{padding:12px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-heading h2{font-size:18px}.analytics-heading{align-items:flex-start}.analytics-controls{gap:12px}.analytics-controls label{flex:1}.analytics-controls select{min-width:130px;width:100%}.analytics-controls>span{margin-left:0}.analytics-kpis strong{font-size:22px}.analytics-panel-title{align-items:flex-start}.analytics-panel-title>span{max-width:95px}.analytics-mix{padding:15px 10px;gap:12px}.a-bar-row{grid-template-columns:85px 1fr 62px;gap:8px}.analytics-horizontal{padding:22px 12px}.analytics-panel-title h2{font-size:13px}}
.analytics-section-heading{margin:24px 0 16px}.analytics-section-heading h2{font-size:20px;color:white;font-weight:500;margin-bottom:8px}.analytics-section-heading p{font-size:13px;color:#c0d0df;line-height:1.7;max-width:78ch}.analytics-comparison-note{padding:14px 16px;margin:-6px 0 20px;background:#19324a;color:#d4e1ed;font-size:13px;line-height:1.7}.analytics-annual-context{border-top:1px solid #52697e;margin-top:32px;padding-top:8px}.annual-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.annual-heading label{display:grid;gap:8px;font-size:13px;color:#d4e1ed;flex-shrink:0}.annual-heading select{min-height:44px;border:1px solid #7ea2c2;padding:9px 12px;background:#14263a;color:white}.analytics-panel-title>span{font-size:12px}.analytics-chart{overflow-x:auto}.analytics-chart svg{min-width:540px}.analytics-chart svg text{font-size:13px}.analytics-scroll-hint{display:none}.analytics-controls select,.analytics-controls button{min-height:44px}.analytics-edit{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:650px){.annual-heading{flex-direction:column;gap:16px}.annual-heading label,.annual-heading select{width:100%}.analytics-section-heading h2{font-size:19px}.analytics-section-heading p{font-size:13px}.analytics-chart svg{min-width:620px}.analytics-scroll-hint{display:block;color:#c0d0df;font-size:12px;margin:-8px 0 18px}.analytics-panel-title{flex-direction:column;gap:6px}.analytics-panel-title>span{max-width:none;text-align:left}.analytics-annual-context{margin-top:28px}}