:root{--bg:#07111f;--panel:#0d1b2e;--blue:#2563eb;--text:#eaf2ff;--muted:#93a4bd;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#07111f,#101827);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);background:rgba(13,27,46,.92);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 22px 70px rgba(0,0,0,.35)}.brand{font-size:28px;font-weight:900;margin-bottom:4px}.brand span{color:#2f7dff}.muted{color:var(--muted)}label{display:block;margin-top:18px;font-weight:700}input{width:100%;margin-top:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#081323;color:white;font-size:16px}button,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:14px;background:var(--blue);color:white;padding:13px 18px;font-weight:800;cursor:pointer}.full{width:100%;margin-top:22px}.error{background:#3b0d14;color:#ffd7dc;border:1px solid #7f1d1d;padding:12px;border-radius:12px;margin-top:16px}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#07111f;border-right:1px solid var(--border);padding:24px;position:fixed;inset:0 auto 0 0}.sidebar a{display:block;color:#cfe0ff;text-decoration:none;padding:13px 14px;border-radius:12px;margin:6px 0}.sidebar a:hover,.sidebar a.active{background:#12305c;color:white}.main{margin-left:260px;padding:28px;width:calc(100% - 260px)}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:rgba(13,27,46,.92);border:1px solid var(--border);border-radius:20px;padding:22px}.stat strong{display:block;font-size:28px;margin-top:8px}.table{width:100%;border-collapse:collapse;background:rgba(13,27,46,.92);border-radius:18px;overflow:hidden}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--border)}.pill{padding:6px 10px;border-radius:999px;background:#0f766e;color:white;font-size:12px;font-weight:800}@media(max-width:800px){.sidebar{position:static;width:100%}.layout{display:block}.main{margin:0;width:100%}.grid{grid-template-columns:1fr}}