:root{--bg:#07101d;--panel:#0d1726;--panel2:#101d2f;--line:#20314a;--text:#e8eef8;--muted:#8fa3bd;--brand:#58c9ff;--brand2:#7a8cff;--ok:#4fd3a2;--warn:#ffc35a;--danger:#ff6f7d;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:linear-gradient(135deg,#07101d 0%,#0a1422 55%,#0c1828 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0 34px}.brand{font-size:22px;font-weight:800;letter-spacing:-.4px}.brand b{color:var(--brand)}.nav{display:flex;gap:10px}.btn,.input,select{border:1px solid var(--line);border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#122137;color:#eef6ff;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04111d;border:0}.btn.danger{background:#31151c;color:#ffdce1}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,rgba(16,29,47,.96),rgba(11,21,35,.96));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:50px 0 30px}.hero h1{font-size:54px;line-height:1.02;letter-spacing:-2px;margin:0 0 18px}.hero p{font-size:18px;color:var(--muted);max-width:700px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;color:var(--brand);font-weight:800}.metric{font-size:30px;font-weight:800}.muted{color:var(--muted)}.form{display:grid;gap:14px}.field label{display:block;font-size:13px;color:#b6c5d8;margin-bottom:7px}.input,select{width:100%;padding:12px 13px;background:#091525;color:var(--text);outline:0}.input:focus,select:focus{border-color:var(--brand)}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid}.status.ok{color:#9af4cf;border-color:#295c4d;background:#0d2a21}.status.pending{color:#ffe0a1;border-color:#5f4b21;background:#2a210d}.status.bad{color:#ffb7c0;border-color:#66313a;background:#2f1117}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--line);background:#07111f}.side-nav{display:grid;gap:6px;margin-top:28px}.side-nav a{padding:11px 12px;border-radius:10px;color:#afc0d6}.side-nav a:hover,.side-nav a.active{background:#112038;color:#fff}.content{padding:32px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.flash{padding:12px 14px;border-radius:12px;margin-bottom:12px;background:#122137;border:1px solid var(--line)}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0a1626}.step strong{display:block}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;background:#07111d;padding:12px;border:1px solid var(--line);border-radius:12px;word-break:break-all}.auth-wrap{max-width:520px;margin:70px auto}.footer{color:#6f829d;font-size:13px;padding:35px 0}@media(max-width:850px){.hero,.layout,.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.hero h1{font-size:40px}.shell,.content{padding:20px}}