:root{--bg: #0f1115;--panel: #171a21;--border: #2a2f3a;--text: #e6e8eb;--muted: #9aa3b2;--ok: #3fb950;--warn: #d29922;--bad: #f85149;--unknown: #8b949e;--accent: #4493f8}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px 0}.sidebar a{display:block;padding:8px 20px;color:var(--muted);text-decoration:none}.sidebar a.active,.sidebar a:hover{color:var(--text);background:#ffffff0a}.sidebar .brand{padding:0 20px 16px;font-weight:600;border-bottom:1px solid var(--border);margin-bottom:8px}.main{flex:1;min-width:0;padding:24px}.env-banner{padding:4px 12px;font-size:12px;font-weight:600;text-align:center;letter-spacing:.05em}.env-banner.production{background:var(--bad);color:#1a0000}.env-banner.staging{background:var(--warn);color:#201400}.env-banner.development{background:var(--muted);color:#0a0a0a}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px}.metric .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.metric .value{font-size:24px;font-weight:600;margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.status-AVAILABLE,.status-HEALTHY,.status-COMPLETED,.status-VERIFIED{color:var(--ok)}.status-AVAILABLE:before,.status-HEALTHY:before,.status-COMPLETED:before,.status-VERIFIED:before{background:var(--ok)}.status-DEGRADED,.status-HELD,.status-READY_WITH_LIMITATIONS{color:var(--warn)}.status-DEGRADED:before,.status-HELD:before,.status-READY_WITH_LIMITATIONS:before{background:var(--warn)}.status-UNAVAILABLE,.status-BLOCKED,.status-FAILED,.status-TERMINATED,.status-NOT_READY,.status-CORRUPT{color:var(--bad)}.status-UNAVAILABLE:before,.status-BLOCKED:before,.status-FAILED:before,.status-TERMINATED:before,.status-NOT_READY:before,.status-CORRUPT:before{background:var(--bad)}.status-INDETERMINATE,.status-UNKNOWN,.status-INSUFFICIENT_EVIDENCE{color:var(--unknown)}.status-INDETERMINATE:before,.status-UNKNOWN:before,.status-INSUFFICIENT_EVIDENCE:before{background:var(--unknown)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px}tr:hover td{background:#ffffff05}input[type=text],input[type=password]{background:#0a0c10;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:4px;width:100%}button{background:var(--accent);color:#06111f;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.error-text{color:var(--bad);font-size:13px}.muted{color:var(--muted)}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:320px;padding:24px}.help-doc{max-width:860px;line-height:1.55}.help-doc h1{font-size:22px;margin:28px 0 8px}.help-doc h2{font-size:18px;margin:24px 0 8px;color:var(--text)}.help-doc h3{font-size:15px;margin:18px 0 6px;color:var(--muted)}.help-doc p{margin:8px 0}.help-doc hr{border:none;border-top:1px solid var(--border);margin:20px 0}.help-doc ul,.help-doc ol{margin:8px 0;padding-left:22px}.help-doc li{margin:3px 0}.help-doc code{background:#0a0c10;border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:12px;font-family:ui-monospace,Consolas,monospace}.help-doc pre{background:#0a0c10;border:1px solid var(--border);border-radius:6px;padding:12px;overflow-x:auto;margin:10px 0}.help-doc pre code{background:none;border:none;padding:0;font-size:12px;line-height:1.5}.help-doc blockquote{border-left:3px solid var(--accent);margin:12px 0;padding:4px 14px;color:var(--muted);background:#4493f80f;border-radius:0 4px 4px 0}.help-doc blockquote p{margin:4px 0}.help-doc table{margin:10px 0}@media (max-width: 720px){.app-shell{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto;padding:8px}.sidebar .brand{display:none}.sidebar a{padding:8px 12px;white-space:nowrap}}