:root{--bg: #0b1020;--panel: #141b31;--panel2: #1b2440;--line: #263156;--text: #e7ecf7;--muted: #93a0c2;--accent: #5b8cff;--ok: #37d29b;--warn: #ffc857;--bad: #ff6b6b;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 80% -10%,#16224a 0%,var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 14px;border-radius:10px;transition:.15s}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#08122e;font-weight:650}button.danger{border-color:#5a2330;color:#ffb4b4}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;width:100%;padding:10px 12px;color:var(--text);background:#0e1428;border:1px solid var(--line);border-radius:10px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted)}.tag{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line)}.tag.ok{color:var(--ok);border-color:#17513c;background:#0f2a20}.tag.bad{color:var(--bad);border-color:#5a2330;background:#2a1216}.tag.warn{color:var(--warn);border-color:#574717;background:#2a230f}.err{color:var(--bad);font-size:14px}.ok{color:var(--ok)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.app{display:flex;min-height:100%}.side{width:230px;background:linear-gradient(180deg,#0e1530,#0b1020);border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh}.brand{font-weight:750;letter-spacing:.02em;margin-bottom:4px}.brand small{display:block;color:var(--muted);font-weight:500;font-size:12px}.nav{margin-top:20px;display:grid;gap:4px}.nav a{padding:10px 12px;border-radius:10px;color:var(--text)}.nav a.active,.nav a:hover{background:var(--panel2)}.main{flex:1;padding:24px;max-width:1100px;margin:0 auto;width:100%}.h1{font-size:22px;font-weight:700;margin:0 0 4px}.sub{color:var(--muted);margin:0 0 20px}.topbar{display:none}.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px}.authcard{width:100%;max-width:400px}.center{text-align:center}.brand-logo{display:block;margin:0 auto;width:auto;height:auto;max-width:220px;max-height:88px;object-fit:contain}.sep{display:flex;align-items:center;gap:10px;color:var(--muted);margin:16px 0;font-size:13px}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--line)}@media (max-width: 820px){.app{flex-direction:column}.side{position:static;width:auto;height:auto;display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.drawer{display:grid;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.drawer a{padding:12px;border-radius:10px}.drawer a.active{background:var(--panel2)}.main{padding:16px}th:nth-child(n+4),td:nth-child(n+4){display:none}}