:root{--bg:#f6f9fc;--panel:#ffffff;--ink:#0b1220;--ink-soft:#475569;--line:rgba(148,163,184,0.28);--accent:#0ea5e9;--accent-deep:#0369a1;--ok:#059669;--warn:#b45309;--bad:#b91c1c;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:var(--accent-deep)}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex:0 0 216px;background:var(--panel);border-right:1px solid var(--line);padding:20px 14px}.sidebar h1{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 18px 8px}.sidebar nav{display:grid;grid-gap:2px;gap:2px}.sidebar a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}.sidebar a:hover{background:rgba(14,165,233,.08)}.sidebar a.active{background:rgba(14,165,233,.13);color:var(--accent-deep);font-weight:600}.main{flex:1 1;padding:26px 30px 60px;max-width:1180px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h2{margin:0;font-size:21px;letter-spacing:-.01em}.page-head p{margin:2px 0 0;color:var(--ink-soft);font-size:13px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px}.tile .label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}.tile .value{font-size:26px;font-weight:650;margin-top:5px;letter-spacing:-.02em}.tile .sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.tile .value.unavailable{font-size:15px;font-weight:500;color:var(--warn)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 6px;margin-bottom:20px}.panel h3{margin:0 0 12px;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:6px 8px}td,th{border-bottom:1px solid var(--line)}td{padding:9px 8px;vertical-align:top}tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill.ok{background:rgba(5,150,105,.12);color:var(--ok)}.pill.warn{background:rgba(180,83,9,.12);color:var(--warn)}.pill.bad{background:rgba(185,28,28,.12);color:var(--bad)}.pill.mute{background:rgba(100,116,139,.12)}.empty,.pill.mute{color:var(--ink-soft)}.empty{font-size:14px;padding:10px 8px 18px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}.login-card h1{margin:0 0 4px;font-size:19px}.login-card .hint{color:var(--ink-soft);font-size:13px;margin:0 0 20px}.login-card label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:6px}.login-card input{width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.login-card input:focus{outline:2px solid rgba(14,165,233,.35);outline-offset:1px;border-color:var(--accent)}.login-card button{width:100%;margin-top:14px;padding:10px 14px;font-size:15px;font-weight:600;border:0;border-radius:8px;background:var(--accent-deep);color:#fff;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-card .msg{margin-top:12px;font-size:13px}.login-card .msg.err{color:var(--bad)}.login-card .msg.ok{color:var(--ok)}.code-input{letter-spacing:.4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;font-size:20px}