:root{color-scheme:light;--green:#116544;--green-dark:#0d5137;--green-light:#e9f4ed;--ink:#21382c;--muted:#6c7c72;--border:#e1e8e3;--surface:#fff;--background:#f5f7f5;--red:#b4423d;--red-light:#fbefed}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7eb99a;outline-offset:3px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}.topbar{background:var(--green);color:#fff}.topbar-inner,.nav-inner{max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center}.topbar-inner{height:70px;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand strong{font-size:27px;letter-spacing:-1px}.brand span{font-size:17px;font-weight:400;border-left:1px solid #ffffff50;padding-left:13px}.private-badge{font-size:12px;color:#e2f1e8;display:flex;gap:7px;align-items:center}.private-badge span{font-size:9px;color:#9dd9af}.main-nav{background:white;border-bottom:1px solid var(--border)}.nav-inner{height:48px}.nav-inner>span{align-self:stretch;display:flex;align-items:center;border-bottom:3px solid var(--green);font-weight:600;color:var(--green);font-size:13px}.dashboard{max-width:1440px;margin:0 auto;padding:34px 40px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:1.6px;font-weight:750;margin:0 0 5px}h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:0;font-weight:680}.intro{color:var(--muted);margin:7px 0 0;font-size:14px}.button{border:1px solid transparent;border-radius:6px;padding:10px 16px;font-weight:600;font-size:12px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{border-color:#cfdbd1;background:white;color:var(--ink)}.secondary:hover{background:#f1f5f1}.secondary>span{font-size:18px;line-height:16px}.subtle{background:white;border-color:var(--border);padding:6px 11px;font-weight:500}.subtle:not(:disabled):hover{background:#f3f7f3}.filters{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;background:white;border:1px solid var(--border);border-radius:8px;padding:17px 20px}.quick-periods{display:flex;background:#f1f5f1;border:1px solid #e2e9e2;border-radius:6px;padding:3px;align-self:center}.quick-periods button{border:none;background:transparent;color:#63746a;padding:7px 17px;font-size:12px;border-radius:4px;font-weight:550}.quick-periods button.selected{background:white;color:var(--green);box-shadow:0 1px 3px #15361f15}.quick-periods button:hover{color:var(--green)}.date-controls{display:flex;align-items:end;gap:10px}.date-controls label{display:grid;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:650;color:var(--muted)}.date-controls input{height:40px;min-width:144px;max-width:170px;border:1px solid #d6e0d7;border-radius:5px;color:var(--ink);background:white;padding:7px 9px;font-size:12px}.period-description{display:flex;justify-content:space-between;gap:12px;margin:12px 0 23px;color:var(--muted);font-size:11px;flex-wrap:wrap}.period-description p{margin:0}.period-description p:first-child{color:#506657}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:21px 24px}.kpi h2{font-size:12px;color:#5f7366;font-weight:550;margin:0 0 8px}.kpi-value{font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:0 0 10px}.delta{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:650}.delta-caption{color:var(--muted);font-size:10px;font-weight:400;margin-left:3px}.positive{color:var(--green)}.negative{color:var(--red)}.neutral,.muted{color:var(--muted)}.kpi-note{color:#7c8a80;font-size:10px;margin:13px 0 0}.charts-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:20px;margin-bottom:24px;align-items:stretch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:23px 24px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:650}.section-heading p{color:var(--muted);font-size:11px;margin:4px 0 0}.chart-caption{color:#7b8a80;font-size:10px;margin:10px 0 15px}.trend-svg{display:block;width:100%;margin:35px 0 0;overflow:visible}.chart-grid{stroke:#e9eee9;stroke-width:1;stroke-dasharray:3 4}.chart-axis{fill:#819084;font-size:12px;font-family:inherit}.trend-line{stroke:#21815a;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:#21815a;stroke:white;stroke-width:1.4}.chart-end-label{fill:var(--green);font:600 12px system-ui}.chart-note{font-size:10px;color:var(--muted);margin-top:18px}.bar-list{display:grid;gap:12px}.bar-row{min-width:0}.bar-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;margin-bottom:4px}.branch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d6556}.bar-value{white-space:nowrap;font-size:10px;font-weight:600;color:#3f5b49}.bar-track{display:block;width:100%;height:5px}.bar-background{fill:#edf2ed}.bar-fill{fill:#7bb596}.bar-row.rise .bar-fill{fill:#116544}.bar-row.fall .bar-fill,.negative-bar{fill:#c9786f}.rank-insights{display:grid;gap:6px;border-top:1px solid #edf1ed;margin-top:17px;padding-top:12px;font-size:10px;line-height:1.6}.rank-insights strong{font-weight:600}.detail-panel{padding:0;overflow:hidden}.detail-heading{padding:22px 24px 16px;margin:0}.toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap;cursor:pointer}.toggle input{accent-color:var(--green);height:14px;width:14px;margin:0}.table-scroll{overflow:auto;max-height:750px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{text-align:right;padding:13px 22px;border-bottom:1px solid #edf1ed}thead th{font-size:10px;font-weight:600;color:#78887c;background:#f8faf8;position:sticky;top:0;z-index:1}thead th:first-child,tbody th{text-align:left}tbody th{font-weight:500;color:#4b6152;font-size:11px}tbody tr:hover{background:#fbfcfa}td{font-variant-numeric:tabular-nums}td:first-of-type{font-weight:600;color:#344d3d}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;font-size:10px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:14px}.metric-help{border-top:1px solid var(--border);padding:14px 24px;font-size:11px;color:var(--muted)}.metric-help summary{cursor:pointer;display:list-item}.metric-help p{line-height:1.8;max-width:1100px;margin-bottom:3px}.dashboard-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#87938a;margin:23px 0 0}.empty-state{text-align:center;color:var(--muted);padding:35px 12px;font-size:12px}.loading-placeholder{padding:80px 24px;text-align:center;color:var(--muted);background:white;border:1px solid var(--border);border-radius:8px}.loading-message{font-size:12px;color:var(--green);margin:0 0 15px}.error-message{color:#873c32;background:#fff1eb;border:1px solid #f2d4cb;padding:14px 18px;font-size:12px;border-radius:6px;margin:0 0 18px}.export-status:empty{display:none}.export-status{font-size:12px;color:var(--muted);margin:0 0 17px}.download-ready{color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid #8dbba0;padding-bottom:2px}#content[aria-busy="true"]>.kpi-grid,#content[aria-busy="true"]>.charts-grid,#content[aria-busy="true"]>.detail-panel{opacity:.55;pointer-events:none} @media(min-width:1500px){.trend-svg{margin-top:50px}}@media(max-width:1100px){.dashboard{padding:28px 26px 20px}.topbar-inner,.nav-inner{padding-left:26px;padding-right:26px}.kpi{padding:20px}.kpi-value{font-size:28px}.delta-caption{display:none}.charts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:20px}.detail-panel{padding:0}.trend-svg{margin-top:60px}.quick-periods button{padding-left:13px;padding-right:13px}.date-controls input{min-width:130px;width:130px}}@media(max-width:850px){.charts-grid{grid-template-columns:1fr}.trend-svg{margin:15px 0 0;max-height:300px}.bar-list{gap:14px}.ranking-panel .bar-meta{font-size:11px}.ranking-panel .bar-value{font-size:11px}.kpi-grid{gap:12px}.kpi-value{font-size:25px}.filters{align-items:center}.quick-periods{flex:1;justify-content:space-between}.date-controls{width:100%}.date-controls label{flex:1}.date-controls input{width:100%;max-width:none}.period-description{gap:5px}.detail-heading{align-items:start;flex-direction:column;gap:12px}}@media(max-width:560px){body{font-size:13px}.topbar-inner{height:62px;padding:0 18px}.nav-inner{height:44px;padding:0 18px}.brand strong{font-size:25px}.brand span{font-size:15px}.private-badge{font-size:10px}.dashboard{padding:25px 16px 18px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:21px}h1{font-size:23px;letter-spacing:-.6px}.eyebrow{font-size:9px}.intro{font-size:11px}.page-heading>.button{font-size:0;padding:9px 12px;margin-top:10px}.page-heading>.button span{font-size:22px}.page-heading>.button::after{content:'CSV';font-size:11px}.filters{padding:13px;gap:15px}.quick-periods button{padding:7px 14px;font-size:11px}.date-controls{gap:7px}.date-controls label{font-size:9px}.date-controls input{min-width:0;font-size:11px;padding:8px 5px;height:38px}.date-controls .button{padding:8px 10px;font-size:11px}.period-description{margin-bottom:18px;font-size:10px}.kpi-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.kpi{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:17px 18px;align-items:center}.kpi h2{grid-column:1;margin:0 0 4px;font-size:11px}.kpi-value{grid-column:1;grid-row:2;margin:0;font-size:29px}.kpi .delta{grid-column:2;grid-row:1/3;align-self:center;font-size:12px}.kpi .delta.neutral{font-size:10px;max-width:95px}.kpi-note{grid-column:1/3;margin:8px 0 0;font-size:9px}.charts-grid{gap:16px;margin-bottom:18px}.panel{padding:18px 16px}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.trend-svg{margin-top:18px}.chart-axis{font-size:13px}.chart-end-label{font-size:13px}.chart-caption{font-size:9px}.bar-meta{gap:10px}.ranking-panel .bar-meta,.ranking-panel .bar-value{font-size:10px}.rank-insights{font-size:9px}.detail-panel{padding:0}.detail-heading{padding:18px 16px 15px}.toggle{font-size:10px}.pagination{padding:13px 14px;align-items:flex-start;gap:8px;font-size:9px}.pagination>div{gap:7px;flex-wrap:wrap;justify-content:end}.pagination .button{font-size:10px;padding:4px 7px}.metric-help{padding:13px 16px;font-size:10px}th,td{padding:12px 15px}.dashboard-footer{font-size:9px}.loading-placeholder{font-size:12px;padding:55px 15px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}#content>.kpi-grid,#content>.charts-grid,#content>.detail-panel{transition:opacity .15s}}@media print{.topbar,.main-nav,.filters,#export,.pagination,.toggle,.metric-help,.export-status{display:none}.dashboard{padding:0}.charts-grid{grid-template-columns:1fr 1fr}.table-scroll{max-height:none;overflow:visible}.panel,.kpi{break-inside:avoid}.dashboard-footer{margin-top:15px}body{background:white}}