:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0a0a0a;--paper:#fff;--page-bg:#f5f5f5;--muted:#737373;--border-color:#0a0a0a;--tile-bg:#0a0a0a;--tile-text:#fff;--gridline:#e1e0d9;--series-1:#2a78d6;--series-3:#1baf7a;--status-good:#0ca30c;--status-warning:#b8860b;--status-serious:#d9622b;--status-critical:#d03b3b}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f5;--paper:#141414;--page-bg:#0a0a0a;--muted:#a3a3a3;--border-color:#f5f5f5;--tile-bg:#f5f5f5;--tile-text:#0a0a0a;--gridline:#2c2c2a;--series-1:#3987e5;--series-3:#199e70}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f5;--paper:#141414;--page-bg:#0a0a0a;--muted:#a3a3a3;--border-color:#f5f5f5;--tile-bg:#f5f5f5;--tile-text:#0a0a0a;--gridline:#2c2c2a;--series-1:#3987e5;--series-3:#199e70}*{box-sizing:border-box}body{background:var(--page-bg);background-image:radial-gradient(color-mix(in srgb, var(--border-color) 15%, transparent) 1px, transparent 1px);color:var(--muted);background-size:22px 22px;background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font-family:inherit;font-size:inherit}h1,h2,h3{color:var(--ink);letter-spacing:-.01em;font-weight:800}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-card{background:var(--paper);border:2px solid var(--border-color);border-radius:0;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:36px 32px;display:flex}.login-card h1{margin:0;font-size:28px}.login-subtitle{color:var(--muted);margin:0 0 8px;font-size:14px}.login-card label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.login-card input{border:2px solid var(--border-color);background:var(--paper);color:var(--ink);border-radius:0;padding:10px 12px;font-weight:500}.login-card input:focus{background:var(--page-bg);outline:none}.login-card button{background:var(--ink);color:var(--page-bg);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:0;margin-top:10px;padding:12px;font-weight:700}.login-card button:disabled{opacity:.5;cursor:default}.login-error{color:var(--status-critical);font-size:13px;font-weight:600}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--page-bg);border-bottom:2px solid var(--border-color);align-items:center;gap:20px;padding:14px 24px;display:flex}.summary-strip{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);gap:22px;margin-left:8px;font-size:12px;font-weight:600;display:flex}.summary-strip strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.logout-btn{background:var(--paper);border:2px solid var(--border-color);color:var(--ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:0;padding:7px 14px;font-size:11px;font-weight:700}.logout-btn:hover{background:var(--ink);color:var(--page-bg)}.theme-toggle{background:var(--paper);border:2px solid var(--border-color);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--ink);color:var(--page-bg)}.login-theme-toggle{position:absolute;top:24px;right:24px}.workspace-switcher{position:relative}.workspace-trigger{cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:4px;display:flex}.workspace-avatar{background:var(--ink);width:30px;height:30px;color:var(--page-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.workspace-avatar--sm{border-radius:3px;width:24px;height:24px;font-size:11px}.workspace-name{text-transform:capitalize;color:var(--ink);font-size:15px;font-weight:800}.workspace-caret{color:var(--ink)}.workspace-menu{background:var(--paper);border:2px solid var(--border-color);z-index:20;border-radius:0;min-width:240px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.workspace-option{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:8px;display:flex}.workspace-option:hover{background:var(--page-bg)}.workspace-option--active{background:var(--ink);color:var(--page-bg)}.workspace-option--active .workspace-avatar{background:var(--page-bg);color:var(--ink)}.workspace-option-name{text-transform:capitalize;flex:1;font-weight:700}.workspace-option-count{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.workspace-option-stale-dot{background:var(--status-warning);border-radius:50%;width:7px;height:7px}.workspace-switcher--empty{color:var(--muted);font-size:14px;font-weight:600}.content{flex-direction:column;flex:1;gap:28px;width:100%;padding:32px clamp(20px,4vw,56px) 64px;display:flex}.content-header{justify-content:space-between;align-items:flex-end;display:flex}.content-header h2{text-transform:capitalize;margin:0 0 6px;font-size:34px}.empty-state{text-align:center;color:var(--muted);padding:80px 0;font-weight:600}.refresh-btn{background:var(--paper);border:2px solid var(--border-color);cursor:pointer;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:9px 16px;font-size:11px;font-weight:700}.refresh-btn:hover{background:var(--ink);color:var(--page-bg)}.refresh-btn:disabled{opacity:.5;cursor:default;background:var(--paper);color:var(--ink)}.live-badge{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--status-good);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}.live-badge--stale .live-dot{background:var(--status-warning);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:3px;display:grid}.stat-tile{background:var(--tile-bg);color:var(--tile-text);border-radius:0;padding:18px 20px}.stat-tile-label{text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:8px;font-size:11px;font-weight:700}.stat-tile-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.stat-tile-hint{opacity:.65;margin-top:4px;font-size:11px;font-weight:600}.card{background:var(--paper);border:2px solid var(--border-color);border-radius:0;padding:20px 22px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{background:var(--ink);color:var(--page-bg);text-transform:uppercase;letter-spacing:.05em;border-radius:2px;margin:0;padding:5px 10px;font-size:11px;font-weight:800;display:inline-block}.range-toggle{gap:6px;display:flex}.range-btn{border:2px solid var(--border-color);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:0;padding:4px 11px;font-size:11px;font-weight:700}.range-btn--active{background:var(--ink);color:var(--page-bg)}.legend{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);gap:18px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.legend-item{align-items:center;gap:7px;display:flex}.legend-swatch{border-radius:2px;width:10px;height:10px}.chart-wrap{position:relative}.chart-wrap--loading{opacity:.6}.trend-chart{touch-action:none;width:100%;height:auto;display:block}.gridline{stroke:var(--gridline);stroke-width:1px}.axis-label{fill:var(--muted);font-size:10px;font-weight:600}.crosshair{stroke:var(--ink);stroke-width:1px;pointer-events:none}.chart-empty{color:var(--muted);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.tooltip{background:var(--ink);color:var(--page-bg);pointer-events:none;white-space:nowrap;z-index:10;border:none;border-radius:0;padding:10px 12px;font-size:12px;position:absolute;transform:translate(-50%,-120%)}.tooltip-date{text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:800}.tooltip-row{align-items:center;gap:6px;display:flex}.tooltip-key{border-radius:1px;width:10px;height:2px}.tooltip-value{font-variant-numeric:tabular-nums;font-weight:800}.tooltip-label{color:var(--page-bg);opacity:.75}.badge{text-transform:uppercase;letter-spacing:.02em;border:1.5px solid;border-radius:2px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge--neutral{color:var(--muted)}.badge--good{color:var(--status-good)}.badge--warning{color:var(--status-warning)}.badge--serious{color:var(--status-serious)}.badge--critical{color:var(--status-critical)}.search-form input{border:2px solid var(--border-color);background:var(--paper);color:var(--ink);border-radius:0;min-width:220px;padding:8px 12px;font-weight:500}.search-form input:focus{background:var(--page-bg);outline:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);border-bottom:2px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:800}td{border-bottom:1px solid var(--gridline);white-space:nowrap;color:var(--ink);padding:11px 12px;font-weight:500}.muted{color:var(--muted);font-weight:500}.table-empty{text-align:center;color:var(--muted);font-weight:600;padding:24px!important}.pagination{align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.pagination button{border:2px solid var(--border-color);background:var(--paper);cursor:pointer;color:var(--ink);text-transform:uppercase;letter-spacing:.02em;border-radius:0;padding:6px 14px;font-size:11px;font-weight:700}.pagination button:not(:disabled):hover{background:var(--ink);color:var(--page-bg)}.pagination button:disabled{opacity:.4;cursor:default}.pagination .muted{text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}
