:root{color-scheme:dark;--bg: #070812;--panel: rgba(15, 20, 39, .82);--panel-2: rgba(24, 31, 56, .88);--line: rgba(145, 170, 255, .18);--text: #f6f8ff;--muted: #9aa8ca;--cyan: #00e5ff;--pink: #ff3df2;--green: #8cff6b;--amber: #ffd166;--red: #ff4f6d;--sidebar: 280px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;background:linear-gradient(rgba(0,229,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.08) 1px,transparent 1px),radial-gradient(circle at 15% 15%,rgba(0,229,255,.18),transparent 30rem),radial-gradient(circle at 85% 10%,rgba(255,61,242,.14),transparent 28rem),linear-gradient(135deg,#060713,#0b0d1d 55%,#131421);background-size:42px 42px,42px 42px,auto,auto,auto}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.16;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 1px,transparent 5px)}.orb{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(70px);z-index:-3;opacity:.22;animation:drift 12s ease-in-out infinite alternate}.orb.one{background:var(--cyan);left:-120px;top:18%}.orb.two{background:var(--pink);right:-100px;bottom:8%;animation-delay:-3s}@keyframes drift{to{transform:translate3d(60px,-40px,0) scale(1.15)}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.login-card,.loader-panel,.panel,.stat,.module-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000005c;position:relative;overflow:hidden}.login-card{width:min(440px,100%);border-radius:18px;padding:34px}.login-card h1{margin:8px 0;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.88;text-transform:uppercase}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#080914;font-size:26px;box-shadow:0 0 35px #00e5ff40}.eyebrow{margin:18px 0 0;color:var(--cyan);text-transform:uppercase;font-weight:800;font-size:.76rem;letter-spacing:.16em}.muted{color:var(--muted)}.field-label,.composer label{display:grid;gap:8px;color:var(--muted);font-size:.78rem;text-transform:uppercase}.field,input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#050813c2;color:var(--text);padding:12px 13px;outline:none}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#00e5ffb8;box-shadow:0 0 0 4px #00e5ff1a}.btn{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:8px;min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#00e5ff7a}.btn:disabled{cursor:not-allowed;opacity:.52;transform:none}.btn.primary{background:linear-gradient(135deg,var(--cyan),#7289ff 52%,var(--pink));color:#050713;font-weight:900;border:0}.btn.ghost{margin-top:auto}.btn.icon{width:42px;padding:0}.form-error{color:var(--red);min-height:22px}.app-shell{min-height:100vh;position:relative}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;border:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;z-index:25;width:min(318px,92vw);height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:#050812eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:18px;transform:translate(-105%);transition:transform .22s ease,box-shadow .22s ease}.sidebar.open{transform:translate(0);box-shadow:26px 0 80px #0000006b}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-row{display:flex;align-items:center;gap:12px;padding:6px;min-width:0}.brand-row strong{display:block;text-transform:uppercase}.brand-row span{color:var(--muted);font-size:.78rem}.sidebar nav{display:grid;gap:7px;overflow:auto;padding-right:3px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:8px;color:var(--muted);transition:.18s ease}.sidebar a:hover,.sidebar a.active{color:var(--text);background:linear-gradient(90deg,#00e5ff24,#ff3df214);border-color:#00e5ff3d;transform:translate(2px)}.sidebar a.active{box-shadow:inset 3px 0 0 var(--cyan)}.workspace{min-width:0;padding:24px clamp(16px,3vw,38px) 50px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px}.topbar h1{margin:0;font-size:clamp(2rem,5vw,4.7rem);line-height:.85;text-transform:uppercase}.topbar p{margin:8px 0 0;color:var(--muted)}.status,.badge{display:inline-flex;align-items:center;gap:7px;min-height:29px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--muted);background:#ffffff0d;font-size:.78rem;white-space:nowrap}.status span,.pulse{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 18px var(--green);display:inline-block}.mobile-only{display:none}.nav-trigger{position:sticky;top:18px;z-index:12;background:#080c1bd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:20px;align-items:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(115deg,#00e5ff29,#ff3df214),#0c1122d1;padding:clamp(22px,4vw,40px);margin-bottom:16px;box-shadow:0 24px 80px #00000052}.hero h2{margin:0;font-size:clamp(2.8rem,8vw,7rem);line-height:.82;text-transform:uppercase}.arena{min-height:250px;border:1px solid rgba(0,229,255,.24);border-radius:14px;background:linear-gradient(rgba(0,229,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.1) 1px,transparent 1px),#0508128c;background-size:28px 28px;position:relative;overflow:hidden}.arena span{position:absolute;width:150px;height:150px;border:2px solid rgba(0,229,255,.34);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);animation:spin 16s linear infinite;box-shadow:0 0 48px #00e5ff2e}.arena span:nth-child(2){width:90px;height:90px;border-color:#ff3df257;animation-direction:reverse}.arena span:nth-child(3){width:220px;height:220px;border-color:#8cff6b2e;animation-duration:24s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(405deg)}}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.stat-grid.slim{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col,.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:16px;margin-bottom:16px;align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;align-items:start}.nested{margin-top:16px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.panel,.stat,.module-card{border-radius:8px}.panel{margin-bottom:16px}.panel header{min-height:58px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2,.module-card h3{margin:0;font-size:.96rem;text-transform:uppercase}.panel-body{padding:16px}.stat{min-height:140px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.stat.compact{min-height:96px;box-shadow:none}.stat div{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat span{color:var(--muted);text-transform:uppercase;font-size:.72rem}.stat strong{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1;overflow-wrap:anywhere}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px 16px;border-bottom:1px solid rgba(145,170,255,.12);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.72rem;text-transform:uppercase}tr:hover td{background:#00e5ff0b}.rank{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:7px;background:#ffffff12;border:1px solid var(--line);font-weight:900}.rank.gold{background:linear-gradient(135deg,#ffe28a,#ffb703);color:#160f00}.rank.silver{background:linear-gradient(135deg,#eef3ff,#91a3c9);color:#111827}.rank.bronze{background:linear-gradient(135deg,#ffb36d,#ad5d2c);color:#160904}.user-cell strong{display:block}.user-cell span{display:block;color:var(--muted);font-size:.78rem}.user-pill{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;background:#ffffff0a}.progress{height:8px;min-width:110px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 18px #00e5ff59}.module-card{padding:18px}.module-card i{color:var(--cyan);font-size:1.8rem}.module-card p{color:var(--muted);min-height:40px}.composer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.composer .full{grid-column:1 / -1}.role-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px}.check{display:flex!important;align-items:center;gap:8px;text-transform:none!important}.check input{width:auto}.discord-preview{display:grid;grid-template-columns:44px 1fr;gap:12px;border-radius:10px;background:#313338;color:#dbdee1;padding:16px}.avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#5865f2;font-weight:900}.discord-embed{margin-top:10px;border-left:4px solid var(--cyan);background:#2b2d31;border-radius:6px;padding:12px}.search-row{display:flex;gap:10px;flex-wrap:wrap}.search-row input{flex:1;min-width:240px}.role-command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.role-command-strip .stat{min-height:108px}.role-workbench{display:grid;gap:16px}.role-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#0508128a}.role-tabs button{min-height:46px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}.role-tabs button:hover,.role-tabs button.active{color:var(--text);background:linear-gradient(90deg,#00e5ff24,#ff3df214);border-color:#00e5ff3d}.role-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;align-items:start}.role-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-form.role-form-stacked{grid-template-columns:1fr}.role-form label{display:grid;gap:8px;color:var(--muted);font-size:.78rem;text-transform:uppercase}.role-form .full{grid-column:1 / -1}.role-unlock{max-width:480px;display:grid;gap:14px}.role-lock-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),var(--pink));color:#090712;font-size:1.45rem}.role-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}.role-select-row.compact{grid-template-columns:minmax(0,1fr) 160px}.role-flow-icon{min-height:44px;display:grid;place-items:center;color:var(--cyan)}.switch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.role-check{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#ffffff0a}.role-label{display:flex;align-items:center;gap:10px;min-width:0}.role-label strong{display:block;overflow-wrap:anywhere}.role-label span:not(.role-swatch){display:block;color:var(--muted);font-size:.74rem;overflow-wrap:anywhere}.role-swatch{width:14px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.24);flex:0 0 auto}.role-summary-grid{display:grid;gap:12px}.role-summary{display:grid;gap:12px;border:1px solid rgba(145,170,255,.14);border-radius:8px;padding:12px;background:#ffffff09}.role-summary>div:first-child>span,.role-anchor>span{display:block;margin-bottom:8px;color:var(--muted);text-transform:uppercase;font-size:.72rem}.role-summary dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.role-summary dl div{min-height:58px;border:1px solid rgba(145,170,255,.12);border-radius:8px;padding:8px;background:#05081361}.role-summary dt{color:var(--muted);font-size:.68rem;text-transform:uppercase}.role-summary dd{margin:4px 0 0;font-weight:800;overflow-wrap:anywhere}.role-mini-list{display:grid;gap:10px}.role-anchor{margin-top:14px;border-top:1px solid rgba(145,170,255,.12);padding-top:14px}.diff-box{display:grid;gap:10px}.diff-box .full{width:100%}.diff-title,.diff-row{display:grid;align-items:center;gap:10px}.diff-title{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);color:var(--cyan)}.diff-row{grid-template-columns:112px minmax(0,1fr) auto minmax(0,1fr);border-top:1px solid rgba(145,170,255,.12);padding-top:10px}.diff-row>span:first-child{color:var(--muted);text-transform:uppercase;font-size:.72rem}.diff-value{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;background:#0508138a;overflow-wrap:anywhere}.role-pick-list{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;background:#05081361}.role-pick{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px!important;padding:8px;border-radius:8px;text-transform:none!important}.role-pick:hover{background:#00e5ff12}.role-pick input{width:auto}.loader-panel{border-radius:8px;padding:18px;color:var(--muted);display:inline-flex;align-items:center;gap:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:20;border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:#12182ef5;box-shadow:0 24px 80px #0000005c}@media (max-width: 1100px){.stat-grid,.module-grid,.role-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.two-col,.studio-grid,.three-col,.role-stage{grid-template-columns:1fr}.switch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-tabs{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}}@media (max-width: 760px){.workspace{padding-top:16px}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.status{grid-column:2;justify-self:start}.mobile-only{display:inline-flex}.stat-grid,.stat-grid.slim,.module-grid,.mini-stats,.composer,.role-box,.role-form,.switch-grid,.diff-row,.role-command-strip,.role-select-row,.role-select-row.compact,.role-summary dl{grid-template-columns:1fr}.role-tabs{grid-template-columns:repeat(5,minmax(82px,1fr))}.role-tabs button span{display:none}.role-flow-icon{min-height:18px}}