*{box-sizing:border-box}body{margin:0;background:#171f33;color:#f8fafc;font-family:Inter,system-ui,sans-serif}.topbar{height:76px;background:#10182b;border-bottom:1px solid #263149;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2))}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:44px;height:44px;border-radius:14px;background:#2563eb;display:grid;place-items:center;font-weight:800}.brand small{display:block;color:#9dbce9;font-size:11px;margin-top:4px;letter-spacing:1px}.logout{color:#cbd5e1;text-decoration:none}.wrap{max-width:1100px;margin:32px auto;padding:0 18px;min-height:70vh}.panel,.card{background:#10182b;border:1px solid #263149;border-radius:24px;padding:26px;margin-bottom:20px;box-shadow:0 10px 35px #080d1b30}.login{max-width:460px;margin:38px auto}.muted{color:#aab5c9}.eyebrow{font:12px 'JetBrains Mono',monospace;color:#93c5fd;letter-spacing:1px}.h1{font-size:30px;font-weight:800;margin:8px 0}.tabs,.stats,.nav{display:flex;gap:10px}.tabs{background:#1d2941;padding:5px;border-radius:12px;margin:24px 0}.tabs button,.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.tabs button{flex:1;background:transparent;color:#b9c5d8}.tabs button.active,.btn{background:#2563eb;color:white}.field{margin:16px 0}.field label{display:block;font-size:13px;margin-bottom:8px;color:#cbd5e1}.field input,.field select{width:100%;padding:13px;border-radius:10px;border:1px solid #3a4760;background:#172238;color:white;font:inherit}.btn{width:100%;font-size:14px}.alert{padding:12px;border-radius:10px;background:#542638;color:#fecdd3;margin:12px 0}.stats{flex-wrap:wrap}.stat{flex:1;min-width:130px;padding:18px;border-radius:18px;background:#172c3e;border:1px solid #1c6470}.stat strong{display:block;font-size:28px;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #29364d}.table th{color:#9dbce9}.footer{text-align:center;color:#8390a7;font-size:11px;padding:24px}.camera{width:100%;max-height:360px;object-fit:cover;border-radius:16px;background:#050914}.badge{padding:5px 10px;border-radius:20px;background:#26354e;color:#cbd5e1;font-size:12px}@media(max-width:650px){.wrap{margin:18px auto}.panel,.card{padding:20px;border-radius:20px}.grid{grid-template-columns:1fr}.h1{font-size:25px}.stats{gap:8px}.stat{min-width:42%}.topbar{padding:0 16px}}