:root{color-scheme:dark;--bg: #232634;--bg-2: #292c3c;--bg-glow: #3d4762;--panel: #303446;--panel-2: #414559;--input-bg: #1e2130;--hover: rgba(198, 208, 245, .07);--overlay: rgba(20, 22, 30, .72);--border: #51576d;--border-soft: #414559;--text: #c6d0f5;--muted: #a5adce;--faint: #838ba7;--accent: #8caaee;--accent-soft: rgba(140, 170, 238, .16);--accent-2: #81c8be;--accent-2-soft: rgba(129, 200, 190, .14);--on-accent: #232634;--green: #a6d189;--green-soft: rgba(166, 209, 137, .16);--amber: #e5c890;--amber-soft: rgba(229, 200, 144, .16);--red: #e78284;--red-soft: rgba(231, 130, 132, .16);--pink: #f4b8e4;--mauve: #ca9ee6;--mauve-soft: rgba(202, 158, 230, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--branch-1: #8caaee;--branch-2: #81c8be;--branch-3: #ef9f76;--branch-4: #f4b8e4;--branch-5: #a6d189;--branch-6: #e78284;--branch-7: #ca9ee6;--radius: 14px;--mono: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=light]{color-scheme:light;--bg: #e6e9ef;--bg-2: #dce0e8;--bg-glow: #e3e9f7;--panel: #eff1f5;--panel-2: #e6e9ef;--input-bg: #f9fafb;--hover: rgba(76, 79, 105, .06);--overlay: rgba(76, 79, 105, .4);--border: #bcc0cc;--border-soft: #ccd0da;--text: #4c4f69;--muted: #5c5f77;--faint: #6c6f85;--accent: #1e66f5;--accent-soft: rgba(30, 102, 245, .12);--accent-2: #0f7c82;--accent-2-soft: rgba(15, 124, 130, .12);--on-accent: #f9fafb;--green: #31801f;--green-soft: rgba(49, 128, 31, .14);--amber: #996214;--amber-soft: rgba(153, 98, 20, .14);--red: #d20f39;--red-soft: rgba(210, 15, 57, .1);--pink: #ea76cb;--mauve: #8839ef;--mauve-soft: rgba(136, 57, 239, .12);--shadow: 0 10px 30px rgba(76, 79, 105, .14);--branch-1: #1e66f5;--branch-2: #0f7c82;--branch-3: #fe640b;--branch-4: #ea76cb;--branch-5: #31801f;--branch-6: #d20f39;--branch-7: #8839ef}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 80% -10%,var(--bg-glow) 0%,var(--bg) 55%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}code{font-family:var(--mono)}.app{display:grid;grid-template-columns:340px 1fr;height:100vh}.stage{display:flex;flex-direction:column;min-width:0}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;padding:16px;min-height:0}.col-terminal{display:grid;grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);gap:16px;min-height:0}.col-right{display:grid;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:16px;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,var(--hover),transparent)}.topbar-title{font-weight:700;font-size:15px;letter-spacing:.2px}.topbar-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px}.sidebar{background:var(--bg-2);border-right:1px solid var(--border-soft);padding:18px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{color:var(--accent);font-size:20px;filter:drop-shadow(0 0 8px var(--accent-soft))}.brand-name{font-weight:800;font-size:20px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.level-rail{display:flex;flex-direction:column;gap:4px}.rail-node{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:13px;transition:all .15s}.rail-node:hover:not(:disabled){background:var(--hover);color:var(--text)}.rail-node.current{background:var(--panel-2);border-color:var(--accent);color:var(--text)}.rail-node.done{color:var(--text)}.rail-node.locked{opacity:.45;cursor:not-allowed}.rail-num{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--panel);font-size:12px;font-weight:700;flex:0 0 auto}.rail-node.current .rail-num{background:var(--accent);color:var(--on-accent)}.rail-node.done .rail-num{background:var(--green-soft);color:var(--green)}.mission{display:flex;flex-direction:column;gap:16px}.mission-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-weight:700}.mission-title{margin:4px 0 2px;font-size:22px}.mission-sub{margin:0;color:var(--muted);font-size:13px}.concept-tag{margin-top:10px;display:inline-block;font-family:var(--mono);font-size:11px;color:var(--accent-2);background:var(--accent-2-soft);border:1px solid var(--accent-2);border-radius:999px;padding:4px 10px}.brief p{margin:0 0 8px;font-size:13px;line-height:1.55;color:var(--muted)}.brief strong{color:var(--text)}.brief code,.cheat code,.obj-hint code{font-family:var(--mono);font-size:12px;background:var(--panel-2);padding:1px 6px;border-radius:5px;color:var(--accent-2)}.objectives{background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;padding:12px}.obj-head{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-bottom:10px;font-weight:700}.obj-count{color:var(--accent)}.objective{display:flex;gap:10px;padding:7px 4px;border-radius:8px}.objective.done .obj-text{color:var(--faint);text-decoration:line-through}.obj-check{color:var(--faint);font-weight:700}.objective.done .obj-check{color:var(--green)}.obj-text{font-size:13px;color:var(--text)}.obj-hint{font-size:11.5px;color:var(--muted);margin-top:3px;font-family:var(--mono)}.cheats summary{cursor:pointer;font-size:12px;color:var(--muted);padding:6px 0}.cheat{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid var(--border-soft)}.cheat span{font-size:11.5px;color:var(--muted)}.level-done{background:linear-gradient(135deg,var(--green-soft),var(--accent-soft));border:1px solid var(--green);border-radius:12px;padding:14px}.done-badge{font-weight:800;color:var(--green);margin-bottom:6px}.done-outro{font-size:13px;color:var(--text);line-height:1.5;margin:0 0 12px}.graduated{font-weight:700;color:var(--accent)}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:9px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .15s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.reset{margin-top:4px;font-size:12px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden}.card-title{padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--faint);font-weight:700;border-bottom:1px solid var(--border-soft)}.card-scroll{overflow:auto;padding:12px 14px;min-height:0}.terminal{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden;cursor:text}.term-titlebar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid var(--border-soft)}.dot{width:11px;height:11px;border-radius:50%}.dot.red{background:var(--red)}.dot.yellow{background:var(--amber)}.dot.green{background:var(--green)}.term-title{margin-left:8px;font-size:12px;color:var(--faint);font-family:var(--mono)}.term-body{flex:1;overflow:auto;padding:14px 16px;font-family:var(--mono);font-size:13px;line-height:1.6}.term-line{white-space:pre-wrap;word-break:break-word}.term-prompt{color:var(--accent-2);font-weight:600}.k-cmd{color:var(--text)}.k-out{color:var(--muted)}.k-err{color:var(--red)}.k-hint{color:var(--muted);font-style:italic}.k-success{color:var(--green)}.k-sys{color:var(--accent)}.term-inputline{display:flex;align-items:center;gap:8px;margin-top:2px}.term-candidates{font-family:var(--mono);font-size:12px;color:var(--accent-2);padding:2px 0 0 2px;opacity:.85}.term-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:13px}.term-input::placeholder{color:var(--faint)}.commit-graph{font-size:13px}.graph-svg{position:absolute;top:0;left:0}.graph-row{display:flex;flex-direction:column;justify-content:center}.graph-refs{display:flex;gap:5px;flex-wrap:wrap}.ref-chip{font-family:var(--mono);font-size:10.5px;padding:1px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted);line-height:1.5}.ref-chip.head{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.ref-chip.branch{background:var(--green-soft);border-color:var(--green);color:var(--green)}.ref-chip.remote{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.graph-msg{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-hash{color:var(--accent-2);font-size:12px}.graph-author{color:var(--faint);font-size:11.5px;margin-left:6px}.graph-empty{color:var(--muted);font-size:13px;line-height:1.6;padding:8px}.branch-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;background:var(--panel-2);border:1px solid var(--border);padding:6px 12px;border-radius:999px;color:var(--accent);margin-bottom:14px}.branch-icon{font-size:14px}.merge-tag{background:var(--red-soft);color:var(--red);font-size:10px;padding:2px 7px;border-radius:6px;letter-spacing:.5px}.areas{display:grid;gap:12px;margin-bottom:14px}.area-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);font-weight:700;margin-bottom:6px}.area-title.staged{color:var(--green)}.area-title.modified{color:var(--amber)}.area-empty{font-size:12px;color:var(--faint);font-style:italic}.file-chg{font-family:var(--mono);font-size:12.5px;padding:4px 8px;border-radius:7px;margin-bottom:3px;display:flex;gap:8px;align-items:center}.file-chg.staged{background:var(--green-soft);color:var(--green)}.file-chg.modified{background:var(--amber-soft);color:var(--amber)}.file-chg.untracked{background:var(--red-soft);color:var(--red)}.chg-kind{font-size:10px;text-transform:uppercase;opacity:.7;min-width:62px}.files{border-top:1px solid var(--border-soft);padding-top:12px}.file-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.file-item{font-family:var(--mono);font-size:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);padding:4px 10px;border-radius:7px;cursor:pointer}.file-item.active{border-color:var(--accent);color:var(--text)}.file-view{background:var(--input-bg);border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--text);max-height:220px;overflow:auto;margin:0;white-space:pre-wrap}.conflict-line{background:var(--red-soft);color:var(--red);margin:0 -12px;padding:0 12px}.chat-card{overflow:hidden}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-soft)}.chat-tabs{display:flex;gap:6px}.chat-tabs button{background:transparent;border:1px solid transparent;color:var(--muted);font-size:12.5px;padding:5px 10px;border-radius:8px;cursor:pointer;font-family:inherit}.chat-tabs button.active{background:var(--panel-2);color:var(--text);border-color:var(--border)}.chat-mode{font-size:10.5px;padding:2px 8px;border-radius:999px}.chat-mode.live{background:var(--green-soft);color:var(--green)}.chat-mode.offline{background:var(--panel-2);color:var(--faint)}.chat-body{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-hello{font-size:12.5px;color:var(--muted);line-height:1.5;background:var(--panel-2);padding:10px 12px;border-radius:10px}.bubble{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.45}.bubble.you{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:3px}.bubble.bot{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border-soft);border-bottom-left-radius:3px}.bubble-name{font-size:11px;color:var(--accent-2);font-weight:700;margin-bottom:3px}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border-soft)}.chat-input input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:8px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:none}.chat-input input:focus{border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;width:min(460px,92vw);box-shadow:var(--shadow)}.modal h3{margin:0 0 8px}.modal-note{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 16px}.modal label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.modal input{width:100%;margin-top:5px;background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:9px 12px;color:var(--text);font-family:var(--mono);font-size:13px;outline:none}.modal input:focus{border-color:var(--accent)}.modal-status{font-size:12.5px;color:var(--muted);margin:4px 0 16px}.modal-status .live{color:var(--green)}.modal-status .offline{color:var(--faint)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.xp-bar{display:flex;gap:10px;align-items:center;margin-left:auto;margin-right:12px}.xp-points{font-weight:700;font-size:13px;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber);padding:5px 12px;border-radius:999px}.xp-badges{font-size:13px;color:var(--accent-2);background:var(--accent-2-soft);border:1px solid var(--accent-2);padding:5px 10px;border-radius:999px}.quiz-modal{width:min(520px,94vw)}.quiz-progress{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-weight:700;margin-bottom:10px}.quiz-prompt{margin:0 0 16px;font-size:18px;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .12s}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option.picked{border-color:var(--accent);background:var(--accent-soft)}.quiz-option.correct{border-color:var(--green);background:var(--green-soft)}.quiz-option.wrong{border-color:var(--red);background:var(--red-soft)}.opt-key{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;background:var(--bg-2);font-family:var(--mono);font-size:12px;font-weight:700}.quiz-explain{margin-top:14px;font-size:13px;line-height:1.5;padding:12px;border-radius:10px}.quiz-explain.ok{background:var(--green-soft);color:var(--text)}.quiz-explain.no{background:var(--red-soft);color:var(--text)}.quiz-actions{display:flex;justify-content:space-between;margin-top:18px}.quiz-summary{text-align:center}.quiz-trophy{font-size:48px}.quiz-summary h3{margin:8px 0}.quiz-summary p{color:var(--muted);font-size:14px}.quiz-badges{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}.quiz-badge{background:var(--panel-2);border:1px solid var(--accent);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.topbar-actions{display:flex;gap:8px}.topbar-actions .view-switch{display:flex;gap:2px;padding:2px;border:1px solid var(--border-soft);border-radius:11px;background:var(--bg-2)}.view-switch .btn{border-color:transparent}.view-switch .btn.active{background:var(--panel);border-color:var(--border);color:var(--text)}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.tour-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px var(--overlay);border:2px solid var(--accent);transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.tour-tooltip{position:fixed;width:340px;max-width:92vw;background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:18px;box-shadow:var(--shadow);pointer-events:auto;transition:top .25s,left .25s}.tour-tooltip h3{margin:6px 0 8px;font-size:17px}.tour-tooltip p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--muted)}.tour-step{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-weight:700}.tour-actions{display:flex;justify-content:space-between;align-items:center}.tour-nav{display:flex;gap:8px}.resizer.col{cursor:col-resize;background:transparent;transition:background .15s;position:relative;z-index:5}.resizer.col:after{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;border-radius:3px}.resizer.col:hover:after,.resizer.col.dragging:after{background:var(--accent)}@media (max-width: 1080px){.app{grid-template-columns:1fr!important;height:auto}.sidebar{height:auto}.workspace{grid-template-columns:1fr!important}.resizer.col{display:none}.col-terminal,.col-right{grid-template-rows:none}.terminal,.card{height:60vh}}.splash{height:100vh;display:grid;place-items:center;gap:10px;color:var(--muted);font-size:16px}.splash .brand-mark{margin-right:8px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 600px at 50% -10%,var(--bg-glow) 0%,var(--bg) 60%)}.auth-card{width:min(440px,94vw);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:10px;font-size:24px}.auth-tagline{color:var(--muted);font-size:13.5px;line-height:1.55;margin:12px 0 20px}.auth-tabs{display:flex;gap:6px;background:var(--bg-2);padding:4px;border-radius:10px;margin-bottom:18px}.auth-tabs button{flex:1;background:transparent;border:none;color:var(--muted);padding:9px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13.5px}.auth-tabs button.active{background:var(--panel-2);color:var(--text);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.auth-form input,.auth-form select{background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:14px;outline:none}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent)}.auth-submit{margin-top:6px;padding:11px;font-size:14px}.auth-error{background:var(--red-soft);color:var(--red);border-radius:8px;padding:9px 12px;font-size:13px}.auth-warn{background:var(--amber-soft);color:var(--amber);border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:14px}.auth-guest{display:block;width:100%;margin-top:18px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px;font-family:inherit}.auth-guest:hover{color:var(--accent)}.join-ok{background:var(--green-soft);color:var(--green);border-radius:8px;padding:9px 12px;font-size:13px;margin:8px 0}.user-chip{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--border)}.user-name{font-size:13px;color:var(--text);font-weight:600}.btn.small{padding:5px 10px;font-size:12px}.dash-scroll{flex:1;overflow:auto;padding:24px}.dash-header h1{margin:0 0 4px;font-size:24px}.dash-header p{margin:0 0 20px;color:var(--muted);font-size:14px}.dash-body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.dash-create{display:flex;gap:8px;margin-bottom:12px}.dash-create input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:8px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:none}.dash-group{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--panel);border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;color:var(--text);font-family:inherit;font-size:13.5px}.dash-group.active{border-color:var(--accent)}.dash-group code{font-size:11px;color:var(--accent-2);background:var(--bg-2);padding:2px 7px;border-radius:6px}.roster-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.roster-head h2{margin:0}.join-code-chip{font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:6px 14px;border-radius:999px}.join-code-chip strong{color:var(--accent-2);font-family:var(--mono);letter-spacing:1px}.roster-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;overflow:hidden}.roster-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);padding:12px 16px;border-bottom:1px solid var(--border-soft)}.roster-table td{padding:12px 16px;border-bottom:1px solid var(--border-soft);font-size:13.5px}.roster-table tr:last-child td{border-bottom:none}.rt-name{font-weight:600}.rt-email{font-size:12px;color:var(--faint)}.rt-bar{width:120px;height:7px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin-bottom:5px}.rt-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.rt-count{font-size:12px;color:var(--muted)}.rt-count.done{color:var(--green);font-weight:600}.rt-role{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);font-family:inherit;font-size:12.5px;outline:none}.rt-role:focus{border-color:var(--accent)}.env-banner{position:fixed;bottom:12px;left:12px;z-index:80;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 12px;border-radius:999px;pointer-events:none;box-shadow:var(--shadow)}.env-banner.env-development{background:var(--amber-soft);color:var(--amber);border:1px solid var(--amber)}.env-banner.env-staging{background:var(--mauve-soft);color:var(--mauve);border:1px solid var(--mauve)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:10px;margin-bottom:22px}.admin-stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.admin-stat-value{font-size:22px;line-height:1.1;color:var(--text)}.admin-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--faint)}.admin-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.admin-tab{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.admin-tab:hover{color:var(--text);background:var(--hover)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.admin-filters input,.admin-filters select{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);font:inherit;font-size:13px;color:var(--text)}.admin-filters input:focus,.admin-filters select:focus{outline:none;border-color:var(--accent)}.admin-search{flex:1;min-width:200px}.admin-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;vertical-align:middle;background:var(--amber-soft);color:var(--amber)}.admin-code{padding:2px 8px;border-radius:6px;font-size:12px;background:var(--accent-soft);color:var(--accent)}.roster-table tr.deactivated td,.roster-table tr.archived td{background:var(--panel-2);color:var(--muted)}.roster-table tr.deactivated .rt-name,.roster-table tr.archived .rt-name,.dash-group.archived span{color:var(--muted)}