:root{--bg:#070b16;--card:#111827;--card2:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--p:#7c3aed;--s:#06b6d4;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,#172554,#070b16 45%);color:var(--text)}a{color:inherit;text-decoration:none}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.box,.card{background:linear-gradient(180deg,#111827e8,#0b1220e8);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 80px #0008}.box{width:min(430px,100%);padding:28px}.logo{font-weight:900;font-size:26px;background:linear-gradient(90deg,var(--s),var(--p));-webkit-background-clip:text;color:transparent}input,select,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #ffffff18;background:#020617;color:var(--text);outline:none;margin:6px 0 12px}textarea{min-height:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(90deg,var(--p),var(--s));color:white;font-weight:800;cursor:pointer}.btn.secondary{background:#1f2937}.btn.danger{background:var(--danger)}.btn.ok{background:var(--ok);color:#04210f}.layout{display:flex;min-height:100vh}.side{width:270px;background:#020617cc;border-right:1px solid #ffffff14;padding:20px;position:sticky;top:0;height:100vh}.side .brand{font-size:22px;font-weight:900;margin-bottom:22px}.side a{display:block;padding:12px 14px;border-radius:14px;color:#cbd5e1;margin:5px 0}.side a:hover,.side a.active{background:#ffffff10;color:#fff}.main{flex:1;padding:24px}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px}.stat{font-size:32px;font-weight:900}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#0b1220;border-radius:18px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #ffffff12;text-align:left}th{color:#93c5fd;font-size:13px}.pill{display:inline-flex;padding:5px 10px;border-radius:99px;background:#ffffff12}.oktxt{color:var(--ok)}.warntxt{color:var(--warn)}.danger{color:var(--danger)}.flash{padding:12px 14px;border-radius:14px;margin-bottom:14px;background:#064e3b;color:#d1fae5}.flash.err{background:#7f1d1d;color:#fee2e2}.qr{width:260px;max-width:100%;background:#fff;padding:10px;border-radius:18px}@media(max-width:900px){.layout{display:block}.side{width:auto;height:auto;position:relative}.grid,.grid.two{grid-template-columns:1fr}.main{padding:14px}.top{display:block}}