:root{--ink: #17150f;--ink-secondary: #514f47;--ink-muted: #8a877d;--gridline: #17150f1a;--surface: #f4f3ef;--surface-2: #ffffff;--card-shadow: 0 1px 2px rgba(23, 21, 15, .04), 0 4px 16px rgba(23, 21, 15, .06);--spend-line: #2a78d6;--accent-gold: #c99a3a;--accent-gold-strong: #ffcc02;--kpi-value-color: var(--ink);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--ink: #f5f4f1;--ink-secondary: #c9c7bd;--ink-muted: #8a877d;--gridline: #ffffff1a;--surface: #0d0d0d;--surface-2: #151515;--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 20px rgba(0, 0, 0, .35);--spend-line: #3987e5;--accent-gold: #ffcc02;--accent-gold-strong: #ffcc02;--kpi-value-color: var(--accent-gold)}}body{margin:0;background:var(--surface);color:var(--ink);font-family:Fira Sans,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{font-family:Fira Sans,sans-serif;letter-spacing:-.02em;color:var(--ink);margin:0}h2{font-size:19px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:10px}h2:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent-gold);flex-shrink:0}.card{background:var(--surface-2);border-radius:14px;box-shadow:var(--card-shadow);padding:20px 24px}.tabular,th,td{font-family:Fira Code,Fira Sans,monospace;font-variant-numeric:tabular-nums}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--gridline)}.block-state{padding:16px 0;color:var(--ink-secondary);font-size:14px}.block-state.error{color:#c0392b}tr.clickable{cursor:pointer}tr.clickable:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}tr.selected{background:color-mix(in srgb,var(--accent-gold) 16%,transparent)}.currency-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid var(--gridline);color:var(--ink-secondary);vertical-align:middle;margin-left:6px}.currency-note{color:var(--ink-muted);font-size:13px;margin-top:-4px}:root{--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}@media(prefers-color-scheme:dark){:root{--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--ink-muted)}.status-dot--good{background:var(--status-good)}.status-dot--warning{background:var(--status-warning)}.status-dot--serious{background:var(--status-serious)}.status-dot--critical{background:var(--status-critical)}.dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1 / -1}.dash-grid>.card{margin:0;display:flex;flex-direction:column}@media(max-width:1080px){.dash-grid{grid-template-columns:1fr}.span-4,.span-5,.span-7,.span-8,.span-12{grid-column:1 / -1}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0}.panel-meta{font-size:12px;font-weight:500;color:var(--ink-muted);font-family:Fira Code,monospace;white-space:nowrap}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.card--interactive{transition:box-shadow .18s ease-out,transform .18s ease-out}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 2px 4px #17150f0d,0 10px 30px #17150f17}@media(prefers-color-scheme:dark){.card--interactive:hover{box-shadow:0 2px 4px #00000059,0 12px 34px #00000073}}@media(prefers-reduced-motion:reduce){.card--interactive:hover{transform:none}}tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ink) 2.5%,transparent)}tbody tr.selected:nth-child(2n){background:color-mix(in srgb,var(--accent-gold) 16%,transparent)}th{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}@media(max-width:720px){.card{padding:16px}.dash-grid{gap:14px}h2{font-size:17px;margin-bottom:12px}.panel-head{margin-bottom:10px}.dash-grid>.card{min-width:0}th,td{padding:4px 8px;font-size:12px}.tbl-scroll,.tpl-scroll,.wa-breakdown-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.tbl-scroll:after,.tpl-scroll:after,.wa-breakdown-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--ink) 16%,transparent));pointer-events:none}.tbl-scroll td:first-child,.tbl-scroll th:first-child,.tpl-scroll td:first-child,.tpl-scroll th:first-child,.wa-breakdown-wrap td:first-child,.wa-breakdown-wrap th:first-child{position:sticky;left:0;z-index:1;background:var(--surface-2);box-shadow:1px 0 0 var(--gridline)}.tbl-scroll tbody tr:nth-child(2n) td:first-child,.tpl-scroll tbody tr:nth-child(2n) td:first-child,.wa-breakdown-wrap tbody tr:nth-child(2n) td:first-child{background:color-mix(in srgb,var(--ink) 2.5%,var(--surface-2))}.tbl-scroll tbody tr.selected td:first-child,.tbl-scroll tbody tr.selected:nth-child(2n) td:first-child,.tpl-scroll tbody tr.selected td:first-child,.tpl-scroll tbody tr.selected:nth-child(2n) td:first-child{background:color-mix(in srgb,var(--accent-gold) 16%,var(--surface-2))}}@media(max-width:480px){.card{padding:14px}h2{font-size:16px}th,td{padding:4px 6px;font-size:11px}}