:root{--bg:#090b12;--panel:#111827;--panel2:#151d2e;--line:#273248;--text:#edf2ff;--muted:#9aa8c4;--accent:#7c3aed;--accent2:#0ea5e9;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#172554 0,#090b12 35%,#05060a 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.wrap{display:flex;min-height:100vh}.side{width:260px;background:rgba(10,15,27,.92);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:800;margin-bottom:24px}.brand span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.nav a{display:block;color:var(--muted);text-decoration:none;padding:11px 12px;border-radius:12px;margin-bottom:5px}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(124,58,237,.25),rgba(14,165,233,.16));color:#fff}.main{flex:1;padding:28px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0 0 16px;font-size:28px}h2{margin:24px 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{background:rgba(17,24,39,.88);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.metric{font-size:32px;font-weight:800}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:rgba(17,24,39,.78);border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#b8c4dd;background:rgba(255,255,255,.03)}tr:last-child td{border-bottom:0}.btn,a.btn,button{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;color:#fff;padding:9px 13px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#243044}.btn.danger{background:var(--danger)}.btn.warn{background:var(--warn);color:#111}.btn.small{padding:6px 9px;font-size:12px}input,select,textarea{width:100%;background:#0b1020;border:1px solid #2c3852;color:#fff;border-radius:10px;padding:10px;margin:5px 0 12px}label{color:#c6d1e8;font-size:13px;font-weight:700}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.flash{padding:12px 14px;border-radius:12px;margin:0 0 16px;background:#11251a;border:1px solid #1e7c43}.flash.err{background:#2a1217;border-color:#8a2432}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.tabs a{padding:9px 12px;background:#172033;color:#cbd5e1;text-decoration:none;border-radius:10px}.tabs a.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff}.login{max-width:430px;margin:10vh auto}.code{font-family:ui-monospace,Consolas,monospace;background:#080d18;border:1px solid var(--line);padding:4px 6px;border-radius:7px;word-break:break-all}.actions{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#243044;color:#dbeafe;font-size:12px}.pill.ok{background:#12351f;color:#bbf7d0}.pill.err{background:#411820;color:#fecdd3}.pill.warn{background:#422d0c;color:#fde68a}@media(max-width:850px){.wrap{display:block}.side{width:auto;height:auto;position:relative}.main{padding:18px}}