:root{--bg:#080a12;--panel:#111522;--line:#20253a;--text:#f5f6ff;--muted:#9096ad}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial;display:flex}aside{width:235px;padding:24px 15px;border-right:1px solid var(--line);background:#0b0d16;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 30px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ead8ff,#7c3aed,#2563eb);font-weight:900;font-size:23px}.brand-mark.big{margin:auto;width:62px;height:62px;font-size:30px}.brand small{display:block;color:#747a92;font-size:9px;letter-spacing:2px;margin-top:2px}nav a,.logout{display:block;text-decoration:none;color:#9298ae;padding:12px;border-radius:10px;margin:3px 0;font-size:13px}nav a.on,nav a:hover{background:#181b2c;color:#fff}.logout{margin-top:auto}main{flex:1;padding:32px 4%;max-width:1450px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}header a{color:#c5c9db;text-decoration:none}header span{font-size:9px;letter-spacing:3px;color:#a78bfa}h1{font-size:35px;margin:5px 0}h2{font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat,.box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:21px}.stat small{font-size:9px;letter-spacing:1.5px;color:#7d839a}.stat b{display:block;font-size:33px;margin-top:8px}.box{margin-top:18px}.box p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:1.3fr 1.5fr 70px 90px 100px 80px auto;gap:8px;align-items:center}.inline{display:flex;gap:8px;max-width:380px}.inline input{width:110px}.stack{display:grid;gap:14px;max-width:650px}.stack label{font-size:10px;letter-spacing:1px;color:#9da2b8}.stack input{display:block;margin-top:7px;width:100%}input{background:#090c15;color:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}button{border:0;border-radius:10px;padding:11px 14px;background:linear-gradient(135deg,#8b5cf6,#4f46e5);color:#fff;font-weight:800;cursor:pointer}.danger{background:#3b1721;color:#ff9bab}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 7px;border-bottom:1px solid var(--line)}th{font-size:9px;letter-spacing:1px;color:#7d839a}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.login{width:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#24194c,#080a12 55%)}.login-card{width:min(410px,92%);padding:40px;background:#111522;border:1px solid var(--line);border-radius:25px;text-align:center;box-shadow:0 30px 100px #000}.login-card p,.login-card small{color:var(--muted)}.login-card form{text-align:left;margin-top:22px}.login-card label{display:block;font-size:10px;color:#9da2b8;margin:13px 0 6px}.login-card input{width:100%}.login-card form button{width:100%;margin-top:18px}.alert{padding:11px;border-radius:10px;background:#3b1721;color:#ff9bab;font-size:12px;margin:12px 0}.alert.success{background:#103a29;color:#73efb0}@media(max-width:900px){aside{width:190px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr}.box{overflow:auto}}