@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap");:root{--bg:#09090b;--panel:#101013;--panel2:#17181d;--silver:#cbd5e1;--white:#f8fafc;--muted:#94a3b8;--line:#475569;--glow:rgba(203,213,225,.35)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#242a38 0,#12151c 40%,#09090b 100%);color:var(--white);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}.shell{min-height:100vh;padding:32px}.auth-shell{display:grid;place-items:center}.card{background:linear-gradient(145deg,rgba(27,29,36,.96),rgba(9,9,11,.94));border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #0008,inset 0 1px #fff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card{width:min(460px,100%);padding:38px}.brand{font:900 2.1rem Space Grotesk;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#cbd5e1 38%,#64748b 72%,#fff);-webkit-background-clip:text;color:transparent}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--silver);font-weight:800}.muted{color:var(--muted)}h1,h2,h3{font-family:Space Grotesk,sans-serif}.field{display:grid;grid-gap:7px;gap:7px;margin:16px 0}.field label{font-size:.82rem;color:var(--silver);font-weight:700}.field input,.field select,.field textarea{width:100%;background:#09090bdd;color:var(--white);border:1px solid #64748b;border-radius:12px;padding:12px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#fff;box-shadow:0 0 0 3px #cbd5e133}.btn{border:1px solid #64748b;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,#334155,#09090b);color:var(--white);cursor:pointer;font-weight:800}.btn:hover{border-color:#fff;box-shadow:0 0 20px var(--glow)}.btn.primary{background:linear-gradient(135deg,#fff,#94a3b8 50%,#334155);color:#09090b;border-color:#fff}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard{max-width:1280px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.wide{grid-column:1/-1}.panel{padding:26px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.role{padding:14px;border:1px solid #334155;border-radius:14px;background:#101013;color:var(--white);cursor:pointer;text-align:left}.role.active{border-color:#fff;background:linear-gradient(135deg,#334155,#101013);box-shadow:0 0 18px var(--glow)}.role small{display:block;color:var(--muted);margin-top:4px}.result{white-space:pre-wrap;line-height:1.65;background:#09090b;border:1px solid #334155;padding:18px;border-radius:14px;min-height:200px}.notice{padding:12px;border-radius:12px;border:1px solid #64748b;background:#1e293b;color:var(--silver);font-size:.88rem}@media(max-width:800px){.shell{padding:18px}.grid{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;flex-direction:column}}