@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--azure-50: #ebf2ff;--azure-100: #d6e4ff;--azure-200: #adc8ff;--azure-300: #84abff;--azure-400: #4d8bff;--azure-500: #1668ff;--azure-600: #0b53e8;--azure-700: #0a43bd;--azure-800: #0a3490;--azure-900: #0b2a66;--navy-950: #060f1f;--navy-900: #0a1a33;--navy-800: #11264a;--navy-700: #1e3a66;--navy-600: #2f4e80;--slate-50: #f7f9fc;--slate-100: #eef2f8;--slate-200: #e2e8f1;--slate-300: #cbd5e3;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--white: #ffffff;--success: #0ca678;--success-soft: #e6f7f1;--warning: #f08c00;--warning-soft: #fef1e0;--danger: #e03131;--danger-soft: #fcebeb;--acct-prod: #1668ff;--acct-staging: #12a8c9;--acct-dev: #94a3b8;--acct-shared: #11264a;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur: .2s;--bg: var(--white);--bg-subtle: var(--slate-50);--bg-muted: var(--slate-100);--bg-brand: var(--azure-50);--surface: var(--white);--divider: var(--slate-100);--fg: var(--navy-900);--fg-muted: var(--slate-600);--fg-subtle: var(--slate-500);--fg-faint: var(--slate-400);--fg-brand: var(--azure-600);--border: var(--slate-200);--border-strong: var(--slate-300);--ring: var(--azure-200);--accent: var(--azure-600);--accent-hover: var(--azure-700);--accent-bg: var(--azure-50);--accent-fg-on: var(--white);--accent-dot: var(--azure-500);--tone-alarm-bg: #fcebeb;--tone-alarm-fg: #c22626;--tone-alarm-dot: #e03131;--tone-warn-bg: #fef1e0;--tone-warn-fg: #b25a00;--tone-warn-dot: #f08c00;--tone-ok-bg: #e6f7f1;--tone-ok-fg: #087f5b;--tone-ok-dot: #0ca678;--tone-info-bg: #ebf2ff;--tone-info-fg: #0a43bd;--tone-info-dot: #1668ff;--tone-nodata-bg: #eef2f8;--tone-nodata-fg: #475569;--tone-nodata-dot: #94a3b8;--shadow-xs: 0 1px 2px rgba(10, 26, 51, .06);--shadow-sm: 0 1px 3px rgba(10, 26, 51, .08), 0 1px 2px rgba(10, 26, 51, .04);--shadow-md: 0 4px 12px rgba(10, 26, 51, .08), 0 2px 4px rgba(10, 26, 51, .04);--shadow-lg: 0 12px 28px rgba(10, 26, 51, .1), 0 4px 10px rgba(10, 26, 51, .05);--bg-elevated: var(--surface);--text: var(--fg);--text-muted: var(--fg-subtle);--text-inverse: var(--white);--primary: var(--accent);--primary-accent: var(--accent-hover);--ok: var(--tone-ok-dot);--warn: var(--tone-warn-dot);--danger: var(--tone-alarm-dot);--info: var(--tone-info-dot);--radius: var(--radius-md)}[data-theme=dark]{--bg: var(--navy-950);--bg-subtle: var(--navy-950);--bg-muted: var(--navy-800);--bg-brand: rgba(22, 104, 255, .18);--surface: var(--navy-900);--divider: rgba(255, 255, 255, .07);--fg: var(--slate-50);--fg-muted: var(--slate-300);--fg-subtle: var(--slate-400);--fg-faint: var(--slate-500);--fg-brand: var(--azure-400);--border: var(--navy-700);--border-strong: var(--navy-600);--ring: var(--azure-700);--accent: var(--azure-400);--accent-hover: var(--azure-300);--accent-bg: rgba(22, 104, 255, .18);--accent-dot: var(--azure-400);--acct-shared: #4a6ea8;--tone-alarm-bg: rgba(224, 49, 49, .18);--tone-alarm-fg: #f08787;--tone-alarm-dot: #f08787;--tone-warn-bg: rgba(240, 140, 0, .16);--tone-warn-fg: #f5b04d;--tone-warn-dot: #f08c00;--tone-ok-bg: rgba(12, 166, 120, .16);--tone-ok-fg: #4dd4a9;--tone-ok-dot: #4dd4a9;--tone-info-bg: rgba(22, 104, 255, .18);--tone-info-fg: #84abff;--tone-info-dot: #1668ff;--tone-nodata-bg: rgba(148, 163, 184, .16);--tone-nodata-fg: #94a3b8;--tone-nodata-dot: #94a3b8;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-subtle);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}button{font:inherit;cursor:pointer}a{color:var(--accent)}*:focus-visible{outline:3px solid var(--ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}@keyframes ops-spin{to{transform:rotate(360deg)}}@keyframes ops-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-fade{animation:ops-fade .22s var(--ease-out)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px 20px;min-width:0}.card--tight{padding:16px 18px}.card--flush{padding:0;overflow:hidden}.card--interactive{text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--fg);transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--interactive:active{transform:scale(.98)}.label{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-subtle)}.label--table{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;color:var(--fg)}.big-number{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.1}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap}.pill--alarm{background:var(--tone-alarm-bg);color:var(--tone-alarm-fg)}.pill--ok{background:var(--tone-ok-bg);color:var(--tone-ok-fg)}.pill--warn{background:var(--tone-warn-bg);color:var(--tone-warn-fg)}.pill--nodata{background:var(--tone-nodata-bg);color:var(--tone-nodata-fg)}.pill--info{background:var(--tone-info-bg);color:var(--tone-info-fg)}.pill--accent{background:var(--accent-bg);color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--fg-muted);border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out)}.chip:hover{border-color:var(--border-strong)}.chip:active{transform:scale(.98)}.chip--active{background:var(--accent-bg);color:var(--accent);border-color:transparent}.chip--active:hover{border-color:transparent}.chip__dot{width:7px;height:7px;flex:none;border-radius:2px}.chip__count{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint)}.chip--active .chip__count{color:var(--accent)}.chip-divider{width:1px;height:20px;background:var(--border);margin:0 4px}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--divider)}th{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);background:var(--bg-subtle)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.row-alarm{background:var(--tone-alarm-bg)}.row-anomaly{background:var(--tone-warn-bg)}.state{padding:20px;text-align:center;color:var(--fg-subtle);font-size:13px}.state--error{color:var(--tone-alarm-fg)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:ops-spin .7s linear infinite;display:inline-block}.errors{border-top:1px solid var(--divider);padding-top:8px}.error-note{display:flex;align-items:center;gap:6px;color:var(--tone-warn-fg);font-size:12px}.list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}.panel__head{display:flex;align-items:center;gap:10px}.panel__title{margin:0;font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.panel__head-spacer{flex:1}.subtle{color:var(--fg-subtle);font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge--ok{color:var(--tone-ok-fg);background:var(--tone-ok-bg)}.badge--alarm{color:var(--tone-alarm-fg);background:var(--tone-alarm-bg)}.badge--insufficient{color:var(--tone-nodata-fg);background:var(--tone-nodata-bg)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600}.iconbtn:hover{background:var(--bg-subtle)}.iconbtn:active{transform:scale(.98)}.iconbtn--primary{background:var(--accent);border-color:transparent;color:var(--accent-fg-on)}.iconbtn--primary:hover{background:var(--accent-hover)}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--bg-subtle)}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;display:flex;flex-direction:column;gap:16px}.login__title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--fg-subtle)}.field input{padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:inherit}.field input:focus{outline:none;border-color:var(--accent-dot);box-shadow:0 0 0 3px var(--accent-bg)}.login__error{color:var(--tone-alarm-fg);font-size:12px}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.topbar__mark{width:28px;height:28px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:var(--accent-fg-on)}.topbar__spacer{flex:1}.content{padding:24px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1400px;width:100%;margin:0 auto}@media (max-width: 900px){.content{grid-template-columns:1fr}}.metric-big{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.delta{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13px}.delta--up{color:var(--tone-alarm-fg)}.delta--down{color:var(--tone-ok-fg)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tile{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:6px;min-width:0}.tile__label{font-size:11px;color:var(--fg-subtle);display:flex;align-items:center;gap:6px}.tile__value{font-family:var(--font-mono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.state-tile{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.state-tile--ok{border-left:3px solid var(--tone-ok-dot)}.state-tile--alarm{border-left:3px solid var(--tone-alarm-dot);background:var(--tone-alarm-bg)}.progress{height:6px;border-radius:var(--radius-full);background:var(--bg-subtle);overflow:hidden;border:1px solid var(--divider)}.progress__fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress__fill--under{background:var(--tone-ok-dot)}.progress__fill--forecast-over{background:var(--tone-warn-dot)}.progress__fill--over{background:var(--tone-alarm-dot)}.budget-row{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--divider)}.budget-row:last-child{border-bottom:none}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg button{padding:5px 12px;background:var(--surface);border:none;color:var(--fg-subtle);font-size:12.5px;font-weight:600}.seg button.active{background:var(--accent-bg);color:var(--accent)}