:root{--bg:#09090b;--panel:rgba(16,16,22,.72);--border:rgba(255,255,255,.08);--text:#f4f4f5;--muted:#a1a1aa;--gold:#c8a45d;--discord:#5865F2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{background:radial-gradient(circle at top left, rgba(200,164,93,.12), transparent 30%),radial-gradient(circle at bottom right, rgba(88,101,242,.12), transparent 30%),linear-gradient(180deg,#050507 0%,#09090b 100%)}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.glass{background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(580px,100%);padding:34px}
.step-tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.step{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px}.step.active{color:var(--text);border:1px solid rgba(200,164,93,.35)}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:12px;margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:13px}
.login-box,.card,.table-wrap,.stat-card{padding:20px}
.error-box,.success-box{margin:16px 0;padding:14px 16px;border-radius:14px}.error-box{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fecaca}.success-box{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#bbf7d0}
.btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;display:inline-block}.btn.primary{background:linear-gradient(135deg,#d4b06b,#b68c43);color:#111;font-weight:700}.btn.ghost{background:rgba(255,255,255,.05);color:var(--text)}.btn.discord{background:var(--discord);color:#fff;font-weight:700;width:100%;text-align:center}.btn.danger{background:rgba(239,68,68,.14);color:#fecaca}
.app-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr;gap:20px;padding:20px}.sidebar{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.brand{font-size:28px;font-weight:800;letter-spacing:.08em}.nav{display:grid;gap:10px;margin:28px 0 auto}.nav-link{padding:12px 14px;border-radius:14px;color:var(--muted);background:rgba(255,255,255,.02)}.sidebar-user{display:grid;gap:10px}.role-badge{width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(88,101,242,.12);color:#c7d2fe;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.content{display:grid;gap:18px;align-content:start}.page-header h1{margin:0;font-size:34px}.grid-2{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-value{font-size:32px;font-weight:800;margin-top:4px}
label{display:grid;gap:8px;margin-bottom:14px}input,select{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);border-radius:14px;padding:12px 14px;outline:none}.question-list{display:grid;gap:12px}.answer-option{border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);padding:14px 16px;border-radius:16px;display:block}.answer-option input{width:auto;margin-right:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.badge-pass,.badge-fail{padding:6px 10px;border-radius:999px;font-size:12px;display:inline-block}.badge-pass{background:rgba(34,197,94,.12);color:#bbf7d0}.badge-fail{background:rgba(239,68,68,.12);color:#fecaca}
@media(max-width:1100px){.app-shell,.grid-2,.stats-grid{grid-template-columns:1fr}}