:root{--ink:#172033;--muted:#687386;--line:#e6eaf0;--surface:#fff;--bg:#f5f7fb;--brand:#3157d5;--brand2:#6b8cff;--ok:#16845b;--danger:#c33b4a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}.topbar{height:68px;background:#10182b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:18px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--brand2),var(--brand));font-weight:800}.userbar{display:flex;gap:18px;align-items:center;font-size:14px}.link-button{border:0;background:none;color:#cdd7ff;cursor:pointer}.shell{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:224px;background:#fff;border-right:1px solid var(--line);padding:24px 14px}.sidebar a{display:block;padding:11px 14px;margin:3px 0;color:#44506a;text-decoration:none;border-radius:9px}.sidebar a:hover{background:#eef2ff;color:var(--brand)}.content{padding:34px;max-width:1280px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em}h1{font-size:30px;margin:5px 0}h2{font-size:19px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 20px #24335a0a}.metric{font-size:30px;font-weight:750;margin-top:8px}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#e8f7f1;color:var(--ok);font-size:12px;font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.table th{font-size:12px;color:var(--muted);text-transform:uppercase}.button{display:inline-block;border:0;background:var(--brand);color:#fff;padding:11px 16px;border-radius:9px;text-decoration:none;font-weight:650;cursor:pointer}.button.secondary{background:#eef2ff;color:var(--brand)}.form-card{max-width:520px}.field{margin:16px 0}.field label{display:block;font-weight:650;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #ccd3df;border-radius:9px;background:#fff;font:inherit}.validation{color:var(--danger);font-size:13px}.auth-wrap{min-height:calc(100vh - 136px);display:grid;place-items:center}.auth-card{width:min(440px,100%);background:#fff;padding:34px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #19285818}.secret{font-family:Consolas,monospace;background:#eef2ff;padding:12px;border-radius:8px;word-break:break-all}.empty{text-align:center;padding:55px;color:var(--muted)}@media(max-width:850px){.sidebar{display:none}.content{padding:22px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.topbar{padding:0 16px}.userbar span{display:none}}