:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-tint:#eff6ff;--ink:#1e293b;--text:#1e293b;--text-muted:#64748b;--text-faint:#94a3b8;--line:#e5e7eb;--line-soft:#f1f3f5;--surface:#fff;--canvas:#f5f7fa;--critical:#dc2626;--critical-tint:#fee2e2;--warning:#d97706;--warning-tint:#fef3c7;--stable:#059669;--stable-tint:#d1fae5;--purple:#7c3aed;--purple-tint:#ede9fe;--teal:#0d9488;--teal-tint:#ccfbf1;--font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-sans);background:var(--canvas);color:var(--text);margin:0}body{font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--primary-tint);color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);color:var(--text);flex-direction:column;padding:22px 16px;display:flex}.brand{letter-spacing:-.01em;color:var(--primary-dark);align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.brand-dot{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.brand small{color:var(--text-faint);margin-top:5px;margin-left:35px;font-size:11px;font-weight:400;display:block}.nav{align-content:start;gap:2px;margin-top:26px;display:grid}.nav a{color:var(--text-muted);border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.nav-icon{opacity:.85;flex-shrink:0;display:inline-flex}.nav a:hover{background:var(--canvas)}.nav a.active{background:var(--primary-tint);color:var(--primary-dark);font-weight:600}.nav a.active .nav-icon{color:var(--primary)}.nav-group-head{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:600;display:flex}.nav-group-head:hover{background:var(--canvas)}.nav-chevron{color:var(--text-faint);transition:transform .15s;display:inline-flex}.nav-chevron.collapsed{transform:rotate(-90deg)}.nav-group-items{border-left:1px solid var(--line);gap:1px;margin:2px 0 4px 23px;padding-left:14px;display:grid}.nav-group-items a{padding:7px 12px;font-size:13px}.nav-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-top:1px solid var(--line-soft);margin-top:8px;padding:16px 12px 4px;font-size:10.5px;font-weight:700}.sidebar-legend{border-top:1px solid var(--line-soft);color:var(--text-faint);gap:14px;margin-top:auto;padding:14px 12px 4px;font-size:11px;display:flex}.sidebar-legend span{align-items:center;gap:5px;display:flex}.sidebar-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.main{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex}.page{padding:28px 32px}.title{letter-spacing:-.02em;color:var(--text);margin:0 0 20px;font-size:24px;font-weight:700}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 2px #1018280a}.metric-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:inline-flex}.metric-icon.tint-accent{background:var(--primary-tint);color:var(--primary)}.metric-icon.tint-warning{background:var(--warning-tint);color:var(--warning)}.metric-icon.tint-critical{background:var(--critical-tint);color:var(--critical)}.metric-icon.tint-success{background:var(--stable-tint);color:var(--stable)}.metric-icon.tint-purple{background:var(--purple-tint);color:var(--purple)}.metric-icon.tint-teal{background:var(--teal-tint);color:var(--teal)}.metric-label{color:var(--text-muted);font-size:12px;font-weight:500}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);margin-top:6px;font-size:26px;font-weight:700}.metric-link{color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:block}.metric-link:hover{border-color:var(--primary);box-shadow:0 4px 12px #2563eb1f}.critical{color:var(--critical)}.warning{color:var(--warning)}.section-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{color:var(--text);font-size:14.5px;font-weight:700}.panel-body{padding:18px 20px}.overview-row{align-items:center;gap:12px;padding:11px 0;display:flex}.overview-row-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.overview-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.overview-row-bar{background:var(--line-soft);border-radius:99px;flex:2;height:7px;overflow:hidden}.overview-row-fill{background:var(--primary);border-radius:99px;height:100%}.overview-row-fill.full{background:var(--critical)}.overview-row-count{text-align:right;width:52px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:12.5px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:12px 16px}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10.5px;font-weight:600}.table td{font-size:13px}.row-clickable{cursor:pointer;transition:background-color .1s}.row-clickable:hover{background:var(--canvas)}.row-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.row-stripe-critical td:first-child{border-left:3px solid var(--critical)}.row-stripe-warning td:first-child{border-left:3px solid var(--warning)}.row-stripe-stable td:first-child{border-left:3px solid var(--stable)}.badge{border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-red{background:var(--critical-tint);color:var(--critical)}.badge-amber{background:var(--warning-tint);color:var(--warning)}.badge-green{background:var(--stable-tint);color:var(--stable)}.pill{background:var(--line-soft);color:var(--text-muted);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.alert{border-bottom:1px solid var(--line-soft);padding:14px 20px}.alert strong{margin-bottom:4px;font-size:13px;display:block}.alert-text-link{color:inherit;border-radius:8px;margin:-4px -6px 0;padding:4px 6px;text-decoration:none;display:block}.alert-text-link:hover{background:var(--canvas)}.alert-link{color:inherit;border-bottom:1px solid var(--line-soft);padding:14px 20px;text-decoration:none;transition:background-color .12s;display:block}.alert-link:hover{background:var(--canvas)}.muted{color:var(--text-muted);font-size:12px}.alert-banner{background:var(--critical-tint);color:inherit;border:1px solid #fca5a5;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;text-decoration:none;display:flex}.alert-banner-icon{width:34px;height:34px;color:var(--critical);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user{align-items:center;gap:10px;display:flex}.avatar{background:var(--primary-tint);width:32px;height:32px;color:var(--primary-dark);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.avatar-sm{flex-shrink:0;width:28px;height:28px;font-size:10.5px}.name-cell{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-secondary:hover{background:var(--canvas)}.btn-danger{background:var(--surface);color:var(--critical);border-color:#fca5a5}.btn-danger:hover{background:var(--critical-tint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.spinner{flex-shrink:0;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--text);font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 11px;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{gap:10px;margin-top:6px;display:flex}.error-text{color:var(--critical);margin:-6px 0 14px;font-size:12.5px}.login-shell{grid-template-columns:minmax(320px,42%) 1fr;min-height:100vh;display:grid}.login-brand-panel{background:linear-gradient(160deg,var(--primary-dark),var(--primary));color:#fff;flex-direction:column;justify-content:space-between;padding:56px 48px;display:flex}.login-brand-mark{letter-spacing:-.01em;font-size:19px;font-weight:700}.login-brand-copy{max-width:320px}.login-brand-copy h2{letter-spacing:-.02em;margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.3}.login-brand-copy p{color:#dbeafe;margin:0;font-size:13.5px;line-height:1.6}.login-waveform{width:100%;height:64px;margin:32px 0}.login-form-panel{justify-content:center;align-items:center;padding:32px;display:flex}.login-form-inner{width:100%;max-width:360px}.login-heading{letter-spacing:-.02em;color:var(--text);margin:0 0 6px;font-size:26px;font-weight:700}.login-sub{color:var(--text-muted);margin:0 0 28px;font-size:13px}@media (max-width:840px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 14px;font-size:13px;font-weight:600;transition:color .12s}.tab.active{color:var(--primary-dark);border-bottom-color:var(--primary)}.empty-state{text-align:center;color:var(--text-faint);padding:36px 20px;font-size:13px}.stack{gap:12px;display:grid}.kv{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.kv span:first-child{color:var(--text-muted)}.kv span:last-child{font-weight:600}.timeline-item{border-bottom:1px solid var(--line-soft);gap:12px;padding:11px 0;display:flex}.timeline-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.timeline-time{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.link-btn{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.link-btn:hover{color:var(--primary)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-width:260px;padding:9px 12px;font-size:13px}.search-input-icon{align-items:center;display:flex;position:relative}.search-input-icon svg{color:var(--text-faint);pointer-events:none;position:absolute;left:11px}.search-input-icon input{padding-left:34px}.modal-overlay{z-index:100;background:#0f172a70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:16px;flex-direction:column;width:100%;max-height:88vh;display:flex;box-shadow:0 20px 48px #0f172a3d}.modal-head{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text);font-size:15px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.modal-close:hover{background:var(--canvas);color:var(--text)}.modal-body{padding:20px;overflow-y:auto}.icon-btn{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.icon-btn:hover{background:var(--canvas);color:var(--text)}.icon-btn.danger:hover{background:var(--critical-tint);color:var(--critical);border-color:#fca5a5}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.row-actions{gap:6px;display:flex}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.page{padding:20px}.topbar{padding:0 20px}}