:root{color-scheme:dark;--bg:#06111e;--surface:#0d1e30;--surface2:#142a40;--surface3:#1b354d;--line:#29465f;--text:#f7fbff;--muted:#9eb1c4;--cyan:#1cc9e8;--green:#22d17d;--yellow:#f4be37;--red:#e54551;--sidebar:270px;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#f1f6fa;--surface:#fff;--surface2:#e7f0f7;--surface3:#d9e7f1;--line:#bdd0de;--text:#101c29;--muted:#536b7e;--sidebar:#102a40}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:0}h2{font-size:clamp(24px,3vw,36px);margin:0}h3{font-size:22px;margin:0}.splash{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:54px;height:54px;background:var(--red);color:#fff;font-size:27px;font-weight:950}.brand-mark.small{width:40px;height:40px;font-size:20px}.access-tools{position:fixed;z-index:5;top:20px;inset-inline-end:24px;display:flex;gap:8px;direction:ltr}.access-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:var(--bg)}.access-brand{padding:clamp(28px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#004d70),var(--bg));position:relative;overflow:hidden;border-inline-end:1px solid var(--line)}.access-brand:after{content:"";position:absolute;inset-inline-start:8%;bottom:12%;width:72%;height:4px;background:linear-gradient(90deg,var(--cyan),var(--green),var(--yellow));transform:rotate(-7deg);transform-origin:left}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup b,.brand-lockup span{display:block}.brand-lockup b{font-size:20px;letter-spacing:.08em}.brand-lockup span{font-size:13px;color:var(--muted);margin-top:3px}.access-copy{position:relative;z-index:1;max-width:780px}.access-copy h1{font-size:clamp(52px,8vw,110px);letter-spacing:-.03em;max-width:900px}.access-copy>p:last-child{font-size:18px;color:var(--muted);max-width:600px}.access-form{display:grid;place-items:center;padding:30px}.form-panel{width:min(430px,100%)}.form-panel h2{margin:8px 0 28px}.form-panel form{display:grid;gap:16px}.kicker,.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.field{display:grid;gap:7px;min-width:0}.field>span{font-size:12px;color:var(--muted);font-weight:750}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:5px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 15%,transparent)}.button{min-height:42px;border:1px solid transparent;border-radius:5px;padding:10px 16px;font-weight:850;background:linear-gradient(110deg,#167cc9,var(--cyan));color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.55}.button.ghost{background:var(--surface2);border-color:var(--line);color:var(--text)}.button.danger{background:transparent;border-color:color-mix(in srgb,var(--red) 55%,var(--line));color:var(--red)}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--text);font-weight:900;display:grid;place-items:center}.icon-button.language{position:relative}.icon-button.language small{position:absolute;bottom:3px;font-size:7px}.notice{padding:11px 13px;margin:12px 0;border-inline-start:4px solid var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));font-size:13px}.notice.error{border-color:var(--red);background:color-mix(in srgb,var(--red) 9%,var(--surface));color:#ff9fa8}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;top:0;bottom:0;inset-inline-start:0;width:var(--sidebar);background:#0b2033;color:#f7fbff;border-inline-end:1px solid #29465f;padding:18px;display:flex;flex-direction:column}.side-head{display:flex;justify-content:space-between;align-items:center}.side-toggle{display:none}.side-brand{margin:28px 0 32px}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:21px;letter-spacing:.04em}.side-brand span{font-size:12px;color:#9eb1c4;margin-top:5px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;color:#e8f1f8;display:flex;align-items:center;gap:13px;padding:12px;text-align:start;font-weight:800;border-radius:5px}.sidebar nav button span{font-size:10px;color:#5edcf0;border:1px solid #36556e;padding:5px}.sidebar nav button.active{background:#153c55;border-inline-end:4px solid var(--cyan)}.side-user{margin-top:auto;border-top:1px solid #29465f;padding-top:17px}.side-user b,.side-user span{display:block}.side-user span{font-size:11px;color:#9eb1c4;margin-top:4px}.app-main{min-height:100vh;margin-inline-start:var(--sidebar)}.app-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(16px,3vw,42px);background:color-mix(in srgb,var(--surface) 92%,transparent);position:sticky;top:0;z-index:10}.header-spacer{flex:1}.header-tools{display:flex;gap:8px;direction:ltr}.mobile-menu{display:none}.content{padding:clamp(24px,4vw,58px);width:min(1480px,100%);margin:0 auto}.page-title,.workspace-head,.section-bar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.event-card{min-height:270px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--cyan);padding:22px;display:flex;flex-direction:column;border-radius:6px}.event-card.quiz{border-top-color:var(--yellow)}.event-card.challenge{border-top-color:var(--green)}.event-meta,.event-actions,.workspace-actions,.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-meta{font-size:11px;font-weight:850;text-transform:uppercase}.event-card h3{margin-top:34px}.event-card p{color:var(--muted);line-height:1.5}.event-actions{margin-top:auto;justify-content:flex-start}.status{font-size:10px;font-weight:900;text-transform:uppercase;padding:6px 9px;border:1px solid var(--line);border-radius:99px}.status.active,.status.open{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.status.draft{color:var(--yellow)}.status.closed,.status.locked{color:var(--red)}.empty{min-height:420px;border:1px solid var(--line);background:var(--surface);padding:clamp(30px,7vw,90px);position:relative}.empty>span{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);margin:0 3px}.empty h2{margin-top:52px;max-width:650px}.modal-wrap{position:fixed;z-index:100;inset:0;background:#020814cc;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:7px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.close,.text-button{border:0;background:transparent;color:var(--text);font-weight:850}.close{font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;margin-bottom:22px}.workspace{--event-primary:var(--cyan);--event-accent:var(--green)}.workspace-head{align-items:center}.workspace-head h1{font-size:clamp(30px,4vw,48px)}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:850;padding:14px 18px;white-space:nowrap}.tabs button.active{border-color:var(--event-primary);color:var(--text)}.lifecycle{display:flex;gap:5px;overflow:auto;margin-bottom:24px}.lifecycle button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);padding:9px 12px;white-space:nowrap}.lifecycle button.current{border-color:var(--event-primary);color:var(--text)}.module-list{display:grid;gap:14px}.module-card{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--event-primary);border-radius:var(--event-radius);padding:20px}.module-card>header{display:flex;justify-content:space-between;align-items:center}.module-card>header>div{display:flex;align-items:center;gap:15px}.module-number{font-size:22px;color:var(--event-primary);font-weight:950}.module-card>.inline-actions{justify-content:flex-end;margin-top:14px}.module-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:18px}.code-editor{min-height:220px;direction:ltr;text-align:left;font-family:Consolas,monospace;font-size:12px}.match-preview{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px;margin-top:16px;background:var(--surface2);font-size:18px}.match-preview span{color:var(--event-primary);font-size:11px}.muted{color:var(--muted)}.prediction-form{display:flex;align-items:end;gap:12px;margin-top:18px}.prediction-form label{display:grid;gap:7px;text-align:center}.prediction-form input{width:88px;font-size:23px;font-weight:900;text-align:center}.quiz-form fieldset{border:1px solid var(--line);margin:15px 0;padding:15px}.quiz-form fieldset label{display:flex;gap:8px;margin:9px 0}.quiz-form input,.challenge-form input{width:auto;min-height:auto}.challenge-form{display:grid;gap:8px;margin-top:16px}.challenge-form>label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--surface2);padding:12px}.section-builder{display:grid;gap:12px}.section-row{display:grid;grid-template-columns:auto 1fr 100px auto;gap:12px;background:var(--surface);border:1px solid var(--line);padding:16px}.section-row>.field:nth-of-type(n+3){grid-column:span 2}.drag-handle{color:var(--muted);align-self:center}.switch{display:flex;align-items:center;gap:8px;font-size:12px}.switch input{width:auto;min-height:auto}.live-preview{margin-top:28px;padding:28px;border:1px solid var(--event-primary);background:var(--event-surface)}.live-preview section{padding:16px 0;border-bottom:1px solid var(--line)}.theme-layout{display:grid;grid-template-columns:340px 1fr;gap:18px}.theme-form{display:grid;gap:14px}.theme-form .field{grid-template-columns:1fr 80px;align-items:center}.theme-form input[type=color]{padding:2px}.theme-preview{border:3px solid;padding:clamp(24px,6vw,70px);min-height:460px}.theme-preview h2{font-size:clamp(35px,7vw,82px);max-width:800px}.theme-preview button{border:0;padding:13px 20px;font-weight:900}.theme-preview div{margin-top:30px;padding:20px}.user-create{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.data-table{display:grid;border-top:1px solid var(--line)}.data-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:15px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.data-row>div:not(.avatar) b,.data-row>div:not(.avatar) span{display:block}.data-row>div:not(.avatar) span{font-size:12px;color:var(--muted)}.avatar{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(140deg,var(--cyan),var(--green));color:#07111f;font-weight:950;border-radius:50%}.role-badge{font-size:11px;color:var(--cyan)}.active-dot{color:var(--green)}.inactive-dot{color:var(--red)}.leaderboard{display:grid;gap:5px}.leader-row{display:grid;grid-template-columns:50px 40px 1fr auto auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:12px}.leader-row>strong{color:var(--yellow);font-size:18px}.leader-row span{color:var(--muted);font-size:12px}.leader-row em{font-style:normal;font-weight:900;color:var(--green)}.audit-list{display:grid;gap:8px}.audit-list article{display:grid;grid-template-columns:180px 1fr 1fr auto;gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);padding:14px;font-size:12px}.audit-list time,.audit-list span{color:var(--muted)}.audit-list pre{white-space:pre-wrap;max-width:700px;overflow:auto}.scrim{display:none}@media(max-width:1050px){.event-grid{grid-template-columns:repeat(2,1fr)}.theme-layout{grid-template-columns:1fr}.user-create{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--sidebar:270px}.sidebar{transform:translate(calc(-1 * var(--sidebar) - 10px));transition:transform .2s}.sidebar.open{transform:none}[dir=rtl] .sidebar{transform:translate(calc(var(--sidebar) + 10px))}[dir=rtl] .sidebar.open{transform:none}.side-toggle{display:grid}.scrim{display:block;position:fixed;z-index:15;inset:0;border:0;background:#0009}.app-main{margin:0}.mobile-menu{display:grid}.app-header{height:64px;padding:0 14px}.content{padding:22px 14px}.page-title,.workspace-head,.section-bar{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%;justify-content:flex-start}.event-grid,.form-grid,.user-create,.access-page{grid-template-columns:1fr}.access-brand{min-height:43vh;padding:28px}.access-copy{margin-top:50px}.access-copy h1{font-size:clamp(42px,14vw,70px)}.access-form{padding:30px 18px;min-height:57vh}.access-tools{top:14px;inset-inline-end:14px}.section-row{grid-template-columns:1fr}.section-row>*{grid-column:1!important}.theme-layout{grid-template-columns:1fr}.prediction-form{display:grid;grid-template-columns:1fr auto 1fr}.prediction-form .button{grid-column:1/-1}.data-row{grid-template-columns:auto 1fr}.data-row>*:nth-child(n+3){grid-column:2}.leader-row{grid-template-columns:40px 36px 1fr}.leader-row span,.leader-row em{grid-column:3}.audit-list article{grid-template-columns:1fr}.tabs{margin-inline:-14px;padding-inline:14px}.modal{padding:18px}}