:root{color-scheme:light;--page: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--hover-wash: rgba(11, 11, 11, .04);--accent: #2a78d6;--critical: #d03b3b;--good: #0ca30c;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #6250d6;--series-8: #e34948}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--hover-wash: rgba(255, 255, 255, .05);--accent: #3987e5;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text-primary);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.viz-root{max-width:1200px;margin:0 auto;padding:24px 16px 48px}h1{font-size:22px;margin:0}h2{font-size:15px;margin:0;font-weight:600}.muted{color:var(--text-secondary)}.small{font-size:12.5px}.pad{padding:16px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.top p{margin:4px 0 0}.top-right{display:flex;gap:8px;align-items:center}.filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-1)}.seg button{border:0;background:none;padding:6px 12px;font:inherit;color:var(--text-secondary);cursor:pointer}.seg button+button{border-left:1px solid var(--border)}.seg button.on{color:var(--text-primary);font-weight:600;background:var(--hover-wash)}.seg.small button{padding:4px 10px;font-size:12.5px}button.ghost{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer}button.ghost:disabled{opacity:.5;cursor:default}select{font:inherit;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.banner{border:1px solid var(--critical);color:var(--text-primary);background:var(--surface-1);border-radius:8px;padding:12px 16px;margin-bottom:16px}main.loading{opacity:.6;transition:opacity .2s}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tile.clickable{cursor:pointer}.tile.clickable:hover{background:var(--hover-wash)}.tile-label{color:var(--text-secondary);font-size:12.5px}.tile-value{font-size:26px;font-weight:600;margin-top:2px}.tile-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--grid);white-space:nowrap}th{font-weight:600;color:var(--text-secondary);font-size:12.5px}.num{text-align:right}th.num .th-btn{margin-left:auto}.th-btn{all:unset;cursor:pointer;display:block}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--hover-wash)}td .muted{font-size:12.5px;margin-left:4px}.pill{border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:12px}.pill.active{border-color:var(--good)}.pill.suspended{border-color:var(--critical)}.tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px #0000001f;font-size:12.5px}.tooltip-title{font-weight:600;margin-bottom:4px}.tooltip-row{display:flex;align-items:center;gap:6px;line-height:1.6}.tooltip-row.total{border-top:1px solid var(--grid);margin-top:4px;padding-top:4px}.key-line{width:12px;height:2px;border-radius:1px;display:inline-block}@media (max-width: 640px){.top{flex-direction:column}.tile-value{font-size:22px}}:root{--warning: #fab219;--serious: #ec835a;--flight: rgba(42, 120, 214, .35)}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){--flight: rgba(57, 135, 229, .4)}}h3{font-size:14px;margin:16px 0 4px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tiles.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}button.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}button.ghost.danger{color:var(--critical)}input[type=email]{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);min-width:260px}form.row{margin-bottom:12px}tr.selected td{background:var(--hover-wash)}.actions{display:flex;gap:4px;flex-wrap:wrap;min-width:180px}td .pill{margin-left:6px}.pill.disabled{border-color:var(--critical)}.budget{display:flex;flex-direction:column;gap:6px}.budget.compact{gap:3px}.budget-label{color:var(--text-secondary);font-size:12.5px}.budget-track{height:10px;border-radius:5px;background:var(--grid);overflow:hidden;display:flex}.budget.compact .budget-track{height:6px}.budget-used{background:var(--accent)}.budget-used.warning{background:var(--warning)}.budget-used.critical,.budget-used.over{background:var(--critical)}.budget-flight{background:var(--flight)}.budget-text{font-size:13px;font-variant-numeric:tabular-nums}.budget.compact .budget-text{font-size:12px}.state{font-weight:600;margin-left:4px}.state.warning{color:var(--text-primary)}.state.critical,.state.over{color:var(--critical)}.keybox{display:flex;gap:8px;align-items:flex-start;background:var(--page);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:8px 0}.keybox code,.keybox pre{flex:1;margin:0;font-size:12.5px;white-space:pre-wrap;word-break:break-all}.card.attention{border-color:var(--accent)}td.wrap{white-space:normal;max-width:360px}.request-form{display:grid;gap:10px;max-width:520px}.request-form label{display:grid;gap:4px;font-size:12.5px;color:var(--text-secondary)}.request-form textarea,.request-form input{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.request-form button{justify-self:start}.spin{display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}