*{box-sizing:border-box}:root{--bg:#090d16;--panel:#111827;--panel2:#151d2e;--line:#263248;--text:#eef2ff;--muted:#9aa6bd;--accent:#7c3aed;--accent2:#a78bfa;--green:#22c55e;--red:#ef4444;--amber:#f59e0b}body{margin:0;background:radial-gradient(circle at top right,#1b1237 0,#090d16 35%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#080b12e8;border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:2px 8px 22px}.brand strong{font-size:21px}.brand small{display:block;color:var(--muted);margin-top:2px}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#3b82f6);font-weight:900}.nav a{display:flex;padding:11px 12px;border-radius:10px;text-decoration:none;color:#c8d1e3;margin:3px 0}.nav a:hover,.nav a.active{background:#182237;color:white}.sidebar-foot{position:absolute;bottom:18px;left:18px;right:18px;color:var(--muted);font-size:12px}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:28px}.topbar .user{color:var(--muted);font-size:14px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:linear-gradient(180deg,#131b2a,#101622);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 35px #0004}.metric{font-size:34px;font-weight:800;margin-top:6px}.muted{color:var(--muted)}.status{display:inline-flex;gap:6px;align-items:center;font-size:12px;padding:5px 9px;border-radius:999px;background:#0b1220}.status.online{color:#86efac}.status.offline{color:#fca5a5}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#172033;color:white;padding:9px 13px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:650}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,var(--accent),#5b21b6);border-color:#8b5cf6}.btn.danger{background:#3a151b;border-color:#6d202a}.btn.small{padding:6px 9px;font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #243045;font-size:14px;vertical-align:top}th{color:#aebbd0;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.actions{display:flex;gap:6px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full,.form-grid hr,.form-grid button{grid-column:1/-1}label{font-size:13px;color:#cbd5e1}input,select,textarea{width:100%;margin-top:6px;background:#0b111d;color:white;border:1px solid #334155;border-radius:9px;padding:10px 11px;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8b5cf6}.alert{padding:11px 14px;border-radius:10px;margin:0 0 14px}.alert.success{background:#0d2c1a;border:1px solid #1e6a3b;color:#bbf7d0}.alert.danger{background:#38171b;border:1px solid #7f1d1d;color:#fecaca}.alert.info{background:#11283d;border:1px solid #1d4ed8;color:#bfdbfe}.login-body,.install-body{display:grid;place-items:center;padding:25px}.login-card,.install-card{width:min(560px,96vw);background:#101827;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 90px #0008}.login-card h1,.install-card h1{margin:5px 0 8px}.login-card form{display:grid;gap:14px}.install-card hr{border:0;border-top:1px solid var(--line);margin:4px 0}.thumb{width:90px;height:54px;border-radius:7px;object-fit:cover;background:#05070d}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#070b12;padding:3px 6px;border-radius:6px;font-size:12px}.two{grid-template-columns:1fr 1fr}.hint{font-size:12px;color:var(--muted);margin-top:5px}.badge{display:inline-block;padding:4px 7px;border-radius:7px;background:#202a40;color:#cbd5e1;font-size:12px}.section-title{margin:0 0 12px}.quick-links{display:flex;gap:9px;flex-wrap:wrap}.preview-layout{display:grid;width:150px;height:84px;background:#05070d;border:1px solid #334155;border-radius:7px;overflow:hidden}.preview-layout span{border:1px solid #1f2937;display:grid;place-items:center;font-size:10px;color:#64748b}.preview-70_30{grid-template-columns:70% 30%}.preview-grid_2x2{grid-template:1fr 1fr/1fr 1fr}.preview-main_ticker{grid-template-rows:72% 28%}.modal-note{padding:12px;background:#0a1020;border-radius:10px;color:#b7c1d4}.pagination{margin-top:14px}.nowrap{white-space:nowrap}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.app{grid-template-columns:78px 1fr}.sidebar .brand div,.nav a span,.sidebar-foot{display:none}.nav a{justify-content:center}.main{padding:18px}}@media(max-width:700px){.cards,.form-grid,.two{grid-template-columns:1fr}.main{padding:14px}.app{grid-template-columns:1fr}.sidebar{display:none}}