:root{--bg:#05070b;--card:#0c111a;--line:#ffffff16;--text:#f6f8fb;--muted:#91a0b4;--blue:#1580ff;--cyan:#18c7ff;--green:#43d6a2;--red:#ff6b75}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 10%,#0869ff20,transparent 35rem),radial-gradient(circle at 85% 55%,#00a3ff12,transparent 32rem)}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);border-bottom:1px solid var(--line);background:#06090ed9;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:18px;font-weight:900}.brand b,.eyebrow{color:var(--cyan)}.brand img{width:42px;height:42px;border-radius:8px}nav{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}nav a,nav button,.subtle{border:1px solid var(--line);border-radius:9px;background:#ffffff08;color:white;padding:9px 12px;text-decoration:none;cursor:pointer}nav form{margin:0}main{width:min(1080px,calc(100% - 28px));margin:clamp(28px,6vw,72px) auto;min-height:calc(100vh - 190px)}footer{text-align:center;color:#586679;font-size:11px;padding:24px}.auth-card,.form-card{width:min(480px,100%);margin:auto;padding:clamp(25px,5vw,44px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#101721,#090d14);box-shadow:0 28px 90px #0008}.shield{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border-radius:14px;background:#137dff20;color:#36caff;font-size:22px}.eyebrow{margin:0 0 9px;font-size:11px;font-weight:900;letter-spacing:.15em}.auth-card h1,.form-card h1,.welcome h1,.page-head h1{margin:0 0 10px;font-size:clamp(28px,5vw,46px);letter-spacing:-.035em}.muted{color:var(--muted);line-height:1.6}label{display:grid;gap:7px;margin:17px 0;color:#c9d2dd;font-size:12px;font-weight:750}input,select{width:100%;border:1px solid #ffffff20;border-radius:11px;background:#050911;color:white;padding:13px 14px;font:inherit;outline:none}input:focus,select:focus{border-color:#299cff;box-shadow:0 0 0 3px #168aff20}.primary{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;padding:14px 18px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px #0878ff2d}.link{width:auto;text-decoration:none}.security-note{display:block;margin-top:18px;color:#647287;text-align:center}.flash{max-width:680px;margin:0 auto 16px;padding:12px 15px;border:1px solid;border-radius:11px;font-size:13px}.flash.error{border-color:#ff6b7550;background:#ff6b7510;color:#ff9da5}.flash.success{border-color:#43d6a250;background:#43d6a210;color:#76e6bd}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stats article,.panel,.user-row{border:1px solid var(--line);border-radius:16px;background:#0b1119;padding:20px}.stats span{display:block;color:var(--muted);font-size:12px}.stats b{display:block;margin-top:8px;font-size:34px}.panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel h2{margin:3px 0}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.user-list{display:grid;gap:9px}.user-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 110px 100px auto;align-items:center;gap:14px;padding:14px 16px}.user-row.disabled{opacity:.55}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1688ff20;color:#4ecaff;font-weight:900}.user-row strong,.user-row small{display:block}.user-row small{margin-top:4px;color:var(--muted)}.role,.state,.you{font-size:11px;color:#b5c2cf}.state{color:var(--green)}.form-card .back{display:inline-block;margin-bottom:28px;color:#8fa1b5;text-decoration:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label small{color:#69798c}@media(max-width:720px){header{height:auto;min-height:70px;padding:13px 18px}nav>span{display:none}main{margin:28px auto}.stats{grid-template-columns:1fr}.panel,.page-head{align-items:stretch;flex-direction:column}.user-row{grid-template-columns:42px 1fr auto}.user-row .role,.user-row .state{grid-column:2}.user-row form,.user-row .you{grid-column:3;grid-row:1/3}.form-grid{grid-template-columns:1fr}}
