*{box-sizing:border-box}:root{--gold:#f6c928;--cyan:#36dfff;--green:#6cf06f;--red:#ff5f75;--text:#f7f8fb;--soft:rgba(236,242,250,.72);--muted:rgba(236,242,250,.46);--line:rgba(255,255,255,.12)}
body{margin:0;min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;background:radial-gradient(circle at 84% 10%,rgba(54,223,255,.18),transparent 32%),radial-gradient(circle at 14% 24%,rgba(246,201,40,.13),transparent 24%),linear-gradient(145deg,#010205,#06111b,#020407)}
.shell{width:min(1220px,92vw);margin:auto;padding:34px 0 56px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}.brand{display:flex;align-items:center;gap:14px}.logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#8b640f);color:#05070b;font-weight:1000}.brand strong{display:block;letter-spacing:.18em}.brand span{display:block;color:#aeb7c4;font-size:12px;letter-spacing:.14em}.hidden{display:none!important}
.login-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.pill{display:inline-flex;color:var(--cyan);border:1px solid rgba(54,223,255,.28);border-radius:999px;padding:10px 16px;font-size:12px;letter-spacing:.18em;font-weight:1000}.hero h1{font-size:clamp(60px,8vw,116px);line-height:.9;letter-spacing:-.08em;margin:26px 0 22px}.hero h1 b{color:var(--gold)}.hero p{max-width:720px;color:var(--soft);font-size:20px;line-height:1.5}.compact{margin-bottom:28px}
.card,.table-card,.stats div{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(14,20,31,.80),rgba(5,8,13,.94));box-shadow:0 45px 140px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(24px)}
.auth-card{padding:30px}.kicker{color:var(--cyan);font-size:12px;font-weight:1000;letter-spacing:.16em}.auth-card h2{font-size:42px;letter-spacing:-.06em;margin:10px 0 22px}form{display:grid;gap:16px}label{display:grid;gap:8px;color:rgba(236,242,250,.66);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}input{height:58px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28);color:white;padding:0 16px;font-size:16px;outline:none}input:focus{border-color:rgba(246,201,40,.55);box-shadow:0 0 0 4px rgba(246,201,40,.08)}
button{cursor:pointer}.primary,.ghost{height:58px;border-radius:17px;border:0;font-weight:1000;font-size:16px}.primary{background:linear-gradient(135deg,var(--gold),#a87a15);color:#05070b}.ghost{height:46px;padding:0 16px;background:rgba(255,255,255,.06);color:white;border:1px solid rgba(255,255,255,.12)}
.message{margin-top:16px;border-radius:16px;padding:14px;background:rgba(54,223,255,.06);border:1px solid rgba(54,223,255,.22);color:#aeb7c4;font-weight:800}.message.error{background:rgba(255,95,117,.08);border-color:rgba(255,95,117,.3);color:#ff9aac}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats div{padding:22px}.stats span{display:block;color:var(--cyan);font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.stats strong{display:block;margin-top:8px;font-size:34px;letter-spacing:-.04em}
.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar input{flex:1}
.table-card{padding:18px}.table-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 18px}.table-head span{font-size:22px;font-weight:1000}.table-head em{font-style:normal;color:var(--muted);font-size:13px}
.users-list{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:1.3fr .9fr .8fr 1.4fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:18px;padding:14px}.user-main strong{display:block;font-size:16px}.user-main span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.badge{display:inline-flex;width:max-content;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 10px;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.badge.green{color:var(--green);border-color:rgba(108,240,111,.28);background:rgba(108,240,111,.06)}.badge.red{color:#ff9aac;border-color:rgba(255,95,117,.30);background:rgba(255,95,117,.08)}.badge.gold{color:var(--gold);border-color:rgba(246,201,40,.30);background:rgba(246,201,40,.07)}
.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.mini{height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:white;padding:0 10px;font-weight:900}.mini.gold{background:rgba(246,201,40,.12);border-color:rgba(246,201,40,.3);color:var(--gold)}.mini.red{background:rgba(255,95,117,.10);border-color:rgba(255,95,117,.28);color:#ff9aac}.mini.green{background:rgba(108,240,111,.08);border-color:rgba(108,240,111,.25);color:var(--green)}
@media(max-width:900px){.login-layout,.stats{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.actions{justify-content:flex-start}.hero h1{font-size:56px}.nav{margin-bottom:42px}.toolbar{flex-direction:column}}