:root{--bg: #0a0e0f;--surface: #111719;--surface-2: #161d1e;--sunk: #0d1314;--text: #e8edec;--text-2: #9aa8a7;--muted: #7f8f8d;--rule: #26302f;--rule-soft: #1b2322;--accent: #14c6a0;--accent-soft: #7fe6cf;--accent-wash: rgba(20, 198, 160, .1);--amber: #e2a83b;--amber-wash: rgba(226, 168, 59, .09);--orange: #d9803f;--red: #e0574b;--red-wash: rgba(224, 87, 75, .09);--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer;border:1px solid var(--rule);background:var(--surface-2);color:var(--text);border-radius:3px;padding:7px 13px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-wash)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#04201a;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft)}button.ghost{background:transparent}button.small{padding:4px 9px;font-size:12px}input,select{font:inherit;background:var(--sunk);color:var(--text);border:1px solid var(--rule);border-radius:3px;padding:8px 11px;width:100%}input::placeholder{color:#5d6b69}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--rule);background:#080b0c;display:flex;flex-direction:column;gap:22px;padding:20px 0 16px;position:sticky;top:0;height:100vh}.brand{padding:0 18px}.brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.02em}.brand-sub{margin-top:8px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.brand-sub:before{content:"";width:18px;height:2px;background:var(--accent);display:block}.nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:2px;font-size:13px;color:var(--text-2);border-left:2px solid transparent}.nav a:hover{background:var(--accent-wash);color:var(--text)}.nav a.active{background:var(--accent-wash);color:var(--text);border-left-color:var(--accent)}.nav .count{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.sidebar-foot{margin-top:auto;padding:0 18px;display:flex;flex-direction:column;gap:8px}.whoami{font-size:12px;color:var(--text-2)}.whoami .role{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block}.main{min-width:0;padding:26px 30px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:-.015em;margin:4px 0 0}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.page-sub{color:var(--text-2);font-size:13px;margin:6px 0 0}.card{background:var(--surface);border:1px solid var(--rule);border-radius:4px}.card-head{padding:12px 16px;border-bottom:1px solid var(--rule);display:flex;align-items:baseline;justify-content:space-between;gap:14px}.card-head h2{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0}.card-head .note{font-size:12px;color:var(--muted)}.card-body{padding:16px}.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:22px}.tile{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}.tile .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tile .value{font-family:var(--font-display);font-size:26px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.tile .note{font-size:12px;color:var(--text-2);margin-top:2px}.tile.alert{border-color:#e2a83b66}.tile.alert .value{color:var(--amber)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:left;padding:9px 14px;border-bottom:1px solid var(--rule);white-space:nowrap;background:var(--sunk)}tbody td{padding:10px 14px;border-bottom:1px solid var(--rule-soft);vertical-align:top;color:var(--text-2)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#ffffff04}tbody td.strong{color:var(--text)}.mono{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;text-align:right}.chip{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;padding:2px 7px;border-radius:2px;border:1px solid var(--rule);background:var(--surface-2);color:var(--text-2);white-space:nowrap}.chip.good{border-color:#14c6a080;color:var(--accent);background:var(--accent-wash)}.chip.warn{border-color:#e2a83b73;color:var(--amber);background:var(--amber-wash)}.chip.bad{border-color:#e0574b73;color:var(--red);background:var(--red-wash)}.chip.quiet{color:var(--muted)}.sla{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.sla:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.sla.g{color:var(--accent)}.sla.a{color:var(--amber)}.sla.o{color:var(--orange)}.sla.r{color:var(--red)}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.empty h3{font-family:var(--font-display);font-size:15px;color:var(--text-2);margin:0 0 6px;font-weight:500}.empty p{margin:0;font-size:13px;max-width:46ch;margin-inline:auto}.banner{border-radius:4px;padding:12px 15px;margin-bottom:18px;font-size:13px;border:1px solid}.banner.error{background:var(--red-wash);border-color:#e0574b66;color:#f0a49c}.banner.info{background:var(--accent-wash);border-color:#14c6a059;color:var(--accent-soft)}.banner.warn{background:var(--amber-wash);border-color:#e2a83b66;color:#e8c47f}.loading{padding:40px;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:12px}.signin{display:grid;place-items:center;min-height:100vh;padding:24px}.signin-card{width:100%;max-width:400px}.signin-card .brand-name{font-size:20px}.field{margin:18px 0 14px}.field label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.hint{font-size:12px;color:var(--muted);margin-top:12px}.split{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}@media (max-width: 1000px){.split{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:16px}.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13px}.kv dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:3px}.kv dd{margin:0;color:var(--text-2)}.timeline{display:flex;flex-direction:column;gap:0;font-size:13px}.timeline-row{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--rule-soft)}.timeline-row:last-child{border-bottom:0}.timeline-row .t{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.timeline-row .who{font-size:11.5px;color:var(--muted)}.suggestion{border:1px solid var(--rule);border-radius:3px;padding:10px 12px;display:grid;gap:8px;background:var(--surface-2)}.suggestion+.suggestion{margin-top:8px}.suggestion .why{font-size:12px;color:var(--muted)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters select{width:auto;min-width:150px}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px}.nav{flex-direction:row;flex-wrap:wrap;padding:0}.sidebar-foot{margin:0 0 0 auto;padding:0}.main{padding:18px 16px 50px}}button.linkish{border:0;background:none;padding:0;color:var(--accent);font-size:inherit;text-decoration:underline;text-underline-offset:2px}button.linkish:hover:not(:disabled){background:none;color:var(--accent-soft)}.issued-password{font-size:22px;letter-spacing:.04em;padding:14px 16px;margin:12px 0 14px;border:1px dashed var(--accent);border-radius:8px;background:var(--accent-wash);-webkit-user-select:all;user-select:all}.role-list{margin:0 0 12px;padding-left:18px;color:var(--text-2);line-height:1.7}.muted-row{opacity:.55}.note.bad{color:var(--red)}td.right,th.right{text-align:right;white-space:nowrap}.small{font-size:12px}.form-grid{display:grid;gap:14px;max-width:560px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}