.dashboard{--dash-surface: var(--navy);--dash-line: #3987e5;--dash-bar: #199e70;--dash-good: #0ca30c;--dash-warning: #fab219;--dash-critical: #e66767;--dash-gold: var(--gold);background:var(--ink);padding-block:clamp(var(--s10),8vw,var(--s16)) clamp(var(--s12),10vw,var(--s20));min-height:100vh}.dash__head{padding-top:clamp(96px,14vw,140px);max-width:760px}.dash__eyebrow{color:var(--gold);margin-bottom:var(--s2)}.dash__title{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(2rem,4.4vw,3.25rem);font-weight:340;line-height:1.08;letter-spacing:-.01em;margin-bottom:var(--s3);text-wrap:balance}.dash__sub{color:var(--bone-60);max-width:62ch;font-size:.9375rem;line-height:1.65}.dash__filterwrap{margin-top:clamp(var(--s6),5vw,var(--s8))}.dash__tablist{display:flex;flex-wrap:wrap;gap:var(--s1);border:1px solid var(--hairline);border-radius:100px;padding:6px;background:#060b1c80;width:fit-content;max-width:100%}.dash__tab{appearance:none;border:0;border-radius:100px;padding:10px 18px;font-family:var(--sans);font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:var(--bone-60);background:transparent;cursor:pointer;transition:background-color .3s var(--ease-out),color .3s var(--ease-out);white-space:nowrap}.dash__tab:hover{color:var(--bone)}.dash__tab.is-active{background:var(--gold);color:var(--ink);font-weight:600}.dash__tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dash__grid{margin-top:clamp(var(--s6),5vw,var(--s10))}.dash__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-bottom:var(--s3)}.dash__charts{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s3)}.chart-card--trend{grid-column:span 8}.chart-card--donut{grid-column:span 4}.chart-card--bar,.chart-card--table{grid-column:span 6}.kpi{background:#0a112899;border:1px solid var(--hairline);border-radius:12px;padding:var(--s3) var(--s3) var(--s2);display:flex;flex-direction:column;gap:6px}.kpi__label{font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--bone-60)}.kpi__value{font-family:var(--sans);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;color:var(--bone);line-height:1.1;font-variant-numeric:normal}.kpi__delta{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500}.kpi__delta.is-good{color:var(--dash-good)}.kpi__delta.is-bad{color:var(--dash-critical)}.kpi__delta-arrow{font-size:.6875rem}.kpi__spark{width:100%;height:28px;margin-top:2px;overflow:visible}.kpi__spark-line{fill:none;stroke:var(--bone-60);stroke-width:1.5}.kpi__spark-dot{fill:var(--dash-gold)}.chart-card{background:#0a11288c;border:1px solid var(--hairline);border-radius:12px;padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.chart-card__caption{font-size:.8125rem;color:var(--bone-60);min-height:1.4em}.chart-card__frame{width:100%;aspect-ratio:640 / 240;position:relative}.chart-card__frame--donut{aspect-ratio:1 / 1;max-width:220px;margin-inline:auto}.trend-chart__svg,.bar-chart__svg,.donut-chart__svg{width:100%;height:100%;display:block;overflow:visible}.trend-chart__gridline{stroke:#f4f1ea14;stroke-width:1}.trend-chart__tick{font-family:var(--sans);font-size:9px;fill:var(--bone-60)}.trend-chart__area{fill:var(--dash-line);opacity:.1}.trend-chart__line{fill:none;stroke:var(--dash-line);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-chart__dot{fill:var(--dash-line);stroke:var(--dash-surface);stroke-width:2}.trend-chart__endlabel{font-family:var(--sans);font-size:12px;font-weight:600;fill:var(--bone)}.trend-chart__crosshair{stroke:var(--gold-40);stroke-width:1;transition:opacity .15s var(--ease-out)}.trend-chart__hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer}.trend-chart__hit:focus-visible{fill:var(--gold-20);stroke:var(--gold);outline:none}.bar-chart__label{font-family:var(--sans);font-size:11px;fill:var(--bone-60)}.bar-chart__bar{fill:var(--dash-bar)}.bar-chart__value{font-family:var(--sans);font-size:11px;font-weight:600;fill:var(--bone);font-variant-numeric:tabular-nums}.bar-chart__hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer}.bar-chart__hit:focus-visible{fill:var(--gold-20);stroke:var(--gold);outline:none}.donut-chart__track{fill:none;stroke:#0ca30c29;stroke-width:16}.donut-chart__fill{fill:none;stroke:var(--dash-good);stroke-width:16;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 100px;transition:stroke-dashoffset .15s linear}.donut-chart__value{font-family:var(--sans);font-size:30px;font-weight:600;fill:var(--bone)}.donut-chart__label{font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;fill:var(--bone-60)}.chart-tooltip{position:absolute;transform:translate(-50%,-120%);background:#060b1cf5;border:1px solid var(--gold-40);border-radius:6px;padding:6px 10px;font-size:.75rem;display:flex;flex-direction:column;gap:1px;pointer-events:none;white-space:nowrap;z-index:5}.chart-tooltip strong{color:var(--bone);font-size:.8125rem}.chart-tooltip span{color:var(--bone-60)}.chart-card__table summary{cursor:pointer;font-size:.75rem;color:var(--gold);list-style:none;width:fit-content}.chart-card__table summary::-webkit-details-marker{display:none}.chart-card__table summary:before{content:"▸ "}.chart-card__table[open] summary:before{content:"▾ "}.chart-card__table table{margin-top:var(--s2);width:100%;border-collapse:collapse;font-size:.8125rem}.chart-card__table th,.chart-card__table td{text-align:left;padding:4px 8px;border-bottom:1px solid rgba(244,241,234,.08);color:var(--bone-60)}.chart-card__table th{color:var(--bone);font-weight:500}.table-wrap{overflow-x:auto}.stage-table{width:100%;border-collapse:collapse;font-size:.875rem}.stage-table th,.stage-table td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(244,241,234,.08)}.stage-table th{color:var(--bone-60);font-weight:500;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.stage-table td{color:var(--bone)}.stage-table__num{font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem}.status-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge--good .status-badge__dot{background:var(--dash-good)}.status-badge--good{color:var(--dash-good)}.status-badge--warning .status-badge__dot{background:var(--dash-warning)}.status-badge--warning{color:var(--dash-warning)}.status-badge--critical .status-badge__dot{background:var(--dash-critical)}.status-badge--critical{color:var(--dash-critical)}@media(max-width:1024px){.dash__kpis{grid-template-columns:repeat(2,1fr)}.chart-card--trend,.chart-card--donut,.chart-card--bar,.chart-card--table{grid-column:span 12}}@media(max-width:480px){.dash__kpis{grid-template-columns:1fr}.dash__tablist{border-radius:14px}.dash__tab{padding:10px 14px;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.dash__tab,.trend-chart__crosshair,.donut-chart__fill{transition:none!important}}