:root{--page: #f9f9f7;--surface: #fcfcfb;--border: #e5e4e0;--ink: #0b0b0b;--ink-2: #52514e;--ink-3: #8b8a85;--series-1: #2a78d6;--series-1-soft: #cde2fb;--series-2: #eb6834;--seq-100: #cde2fb;--seq-200: #9ec5f4;--seq-300: #6da7ec;--seq-400: #3987e5;--seq-500: #256abf;--seq-600: #184f95;--seq-700: #0d366b;--accent: #2a78d6;--accent-hover: #1c5cab;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .07)}@media (prefers-color-scheme: dark){:root{--page: #0d0d0d;--surface: #1a1a19;--border: #383835;--ink: #ffffff;--ink-2: #c3c2b7;--ink-3: #8b8a85;--series-1: #3987e5;--series-1-soft: #184f95;--series-2: #d95926;--seq-100: #0d366b;--seq-200: #184f95;--seq-300: #256abf;--seq-400: #3987e5;--seq-500: #5598e7;--seq-600: #86b6ef;--seq-700: #cde2fb;--accent: #3987e5;--accent-hover: #5598e7;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Segoe UI,SF Pro Text,Inter,system-ui,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;padding:16px 10px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:2px}.sidebar .brand{font-weight:700;font-size:15px;padding:6px 12px 14px}.sidebar .brand span{color:var(--accent)}.sidebar a{display:block;padding:8px 12px;border-radius:6px;color:var(--ink-2);font-weight:500}.sidebar a.active{background:var(--series-1-soft);color:var(--ink)}.sidebar a:hover:not(.active){background:var(--page)}.sidebar .section{margin:14px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.sidebar .spacer{flex:1}.main{flex:1;padding:22px 28px;min-width:0}.page-title{font-size:19px;font-weight:700;margin:0 0 4px}.page-sub{color:var(--ink-2);margin:0 0 18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.tile-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tile{flex:1;min-width:150px}.tile .label{color:var(--ink-2);font-size:12px;margin-bottom:6px}.tile .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.tile .hint{color:var(--ink-3);font-size:12px;margin-top:4px}.grid-2{display:grid;grid-template-columns:3fr 2fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filters label{color:var(--ink-2);font-size:13px}input,select,textarea,button{font:inherit;color:var(--ink)}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}button.ghost:hover{background:var(--page)}button.danger{background:var(--critical)}button.small{padding:4px 10px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th{color:var(--ink-2);font-size:12px;font-weight:600}tbody tr:hover{background:var(--page)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.chip:before{content:"";width:7px;height:7px;border-radius:50%}.chip.pending{color:var(--warning)}.chip.pending:before{background:var(--warning)}.chip.approved{color:var(--good)}.chip.approved:before{background:var(--good)}.chip.rejected{color:var(--critical)}.chip.rejected:before{background:var(--critical)}.chart-title{font-size:13px;font-weight:600;margin:0 0 10px}.chart-tooltip{position:fixed;pointer-events:none;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;box-shadow:0 2px 8px #00000026}.barlist-row{display:flex;align-items:center;gap:10px;padding:5px 0}.barlist-name{width:160px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.barlist-track{flex:1;height:14px;position:relative}.barlist-fill{position:absolute;inset:0 auto 0 0;background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px}.barlist-val{width:70px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-2)}.heatmap-hint{font-size:12px;margin:-4px 0 10px}.heatmap-wrap{overflow-x:auto}.heatmap-grid{display:grid;gap:2px;min-width:520px}.heatmap-cell{aspect-ratio:1 / 1;min-height:16px;border-radius:2px;transition:outline-color .08s;outline:2px solid transparent}.heatmap-cell:hover{outline-color:var(--ink)}.heatmap-col-label,.heatmap-row-label{font-size:10px;color:var(--ink-3);display:flex;align-items:center;justify-content:center}.heatmap-row-label{justify-content:flex-end;padding-right:6px;white-space:nowrap}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:11px}.heatmap-legend .right{margin-left:auto}.heatmap-swatch{width:16px;height:10px;border-radius:2px;display:inline-block}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin:-4px 0 12px;font-size:12px;color:var(--ink-2)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.grouped-row{display:flex;align-items:center;gap:10px;padding:6px 0}.grouped-tracks{flex:1;display:flex;flex-direction:column;gap:2px}.grouped-track{position:relative;height:13px;display:flex;align-items:center}.grouped-fill{height:100%;border-radius:0 4px 4px 0;min-width:2px}.grouped-val{font-size:11px;color:var(--ink-2);margin-left:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.callout{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);background:var(--surface);padding:12px 14px;margin-bottom:16px;font-size:13px;color:var(--ink-2)}.callout p{margin:0}.callout p+p{margin-top:8px}.callout strong{color:var(--ink)}.callout-warn{border-left-color:var(--warning)}.callout-critical{border-left-color:var(--critical)}.tile-warn{border-left:3px solid var(--warning)}.tile-good{border-left:3px solid var(--good)}.error-text{color:var(--critical);font-size:13px}.muted{color:var(--ink-3)}.mt{margin-top:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--page)}.login-card{width:360px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:20px;margin:0}.login-card p{margin:0;color:var(--ink-2)}