:root{color-scheme:dark;--bg: #0b1220;--page: #080d18;--sidebar: #101827;--panel: #111c2e;--panel-2: #172033;--border: #26364e;--border-strong: #334155;--text: #e5eefb;--muted: #94a3b8;--blue: #60a5fa;--critical: #dc2626;--error: #ef4444;--warn: #f59e0b;--info: #38bdf8;--debug: #94a3b8;--green: #8ff0b4}*{box-sizing:border-box}html{min-height:100%;background:var(--page)}body{min-height:100vh;margin:0;background:var(--page);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,table{font:inherit}button{border:0}.auth-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-panel{width:min(420px,100%);padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.auth-panel p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}.auth-panel label{display:grid;gap:6px;margin-top:14px;color:var(--muted);font-size:12px}.auth-panel input,.filters input,.filters select{min-height:38px;border:1px solid var(--border-strong);border-radius:6px;background:#0f172a;color:var(--text)}.auth-panel input{padding:0 10px}.auth-panel button{margin-top:18px;min-height:40px;padding:0 14px;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}.secondary-action{margin-left:8px;border:1px solid var(--border-strong);background:transparent!important}.form-message{margin-top:12px;padding:10px;border:1px solid var(--border-strong);border-radius:6px;color:var(--muted);font-size:13px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:12px;background:var(--sidebar);border-right:1px solid #243148;padding:18px}.brand{margin-bottom:6px;font-size:18px;font-weight:750}.nav{display:grid;gap:8px;font-size:13px}.nav button{width:100%;min-height:38px;padding:10px;border-radius:6px;background:transparent;color:#aab8d0;text-align:left;cursor:pointer}.nav button:hover{background:#16243a;color:var(--text)}.nav button.active{background:#2563eb;color:#fff}.status-card{padding:12px;border:1px solid var(--border-strong);border-radius:6px;background:#0f172a;color:#cbd5e1;font-size:12px}.status-card.ok{border-color:#1f8f53;background:#092416;color:var(--green)}.content{display:grid;gap:16px;align-content:start;min-width:0;padding:20px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.2}h2{margin-bottom:10px;font-size:15px;line-height:1.3}.page-header p{margin-top:3px;color:var(--muted);font-size:13px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.filters input{width:min(300px,100%);padding:0 10px}.filters select{padding:0 30px 0 10px}.filters button{padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel-2);color:var(--text);font-size:12px;white-space:nowrap;cursor:pointer}.signout{margin-top:auto;min-height:38px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.error-panel{padding:12px;border:1px solid var(--critical);border-radius:8px;background:#f43f5e1f;color:#fecdd3}.filters button:hover{background:#20314b}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.split-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px}.panel{min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.label{color:#93a4bd;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.value{margin-top:6px;font-size:28px;font-weight:800;line-height:1.1}.info{color:var(--info)}.danger{color:var(--error)}.critical{color:var(--critical)}.warn{color:var(--warn)}.severity-critical{color:var(--critical);font-weight:700}.severity-error{color:var(--error);font-weight:700}.severity-warn{color:var(--warn);font-weight:650}.severity-info{color:var(--info)}.severity-debug{color:var(--debug)}.bars{display:flex;align-items:end;gap:8px;height:190px;padding-top:22px;border-top:1px solid #1f2c42}.chart-summary{margin:-4px 0 10px;color:var(--muted);font-size:12px}.bar{width:8%;min-width:10px;border-radius:4px 4px 0 0;background:var(--info)}.danger-bar{background:var(--error)}.critical-bar{background:var(--critical)}.severity-list,.rows{display:grid;gap:8px;font-size:13px}.severity-item{display:grid;gap:4px}.progress{height:8px;overflow:hidden;border-radius:5px;background:#1f2937}.progress div{height:8px;border-radius:5px}.progress .critical{background:var(--critical)}.progress .danger{background:var(--error)}.progress .warn{background:var(--warn)}.progress .info{background:var(--info)}.row{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:6px;background:var(--panel-2)}.row span,.row strong{min-width:0}.row small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.empty{padding:10px;color:var(--muted);font-size:13px}.row strong{font-weight:650;text-align:right;white-space:nowrap}.warn-row{border:1px solid #854d0e;background:#271d12;color:#fdba74}.table-wrap{overflow-x:auto}.load-more-wrap{display:flex;justify-content:center;padding-top:12px}.load-more{min-height:38px;padding:0 16px;border:1px solid var(--border-strong);border-radius:6px;background:#0f172a;color:var(--text);cursor:pointer}.load-more:disabled{cursor:default;opacity:.55}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px;border-bottom:1px solid #25344c;text-align:left;vertical-align:top}th{color:#93a4bd;font-weight:600}td:first-child{color:#c7d2e3;font-variant-numeric:tabular-nums}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus{background:#17233a;outline:1px solid var(--border-strong)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#030712b8}.log-modal{width:min(960px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px #0000006b}.modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--border);background:var(--panel)}.modal-header p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.5;word-break:break-word}.icon-action{width:34px;height:34px;border:1px solid var(--border-strong);border-radius:6px;background:#0f172a;color:var(--text);cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.detail-item{min-width:0;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.detail-item span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;text-transform:uppercase}.detail-item strong{display:block;overflow-wrap:anywhere;font-size:13px}.detail-section{padding:0 16px 16px}.detail-section h3{margin:0 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase}.detail-section p{line-height:1.55;overflow-wrap:anywhere}.detail-section pre{max-height:360px;overflow:auto;margin:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:#07101f;color:#dbeafe;font-size:12px;line-height:1.45}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #243148}.metric-grid,.split-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.detail-grid{grid-template-columns:1fr}}