:root{--page: oklch(20.9% .004 264.477);--canvas: oklch(23.1% .004 264.487);--surface: oklch(26% .006 271.191);--inset: oklch(24.3% .004 264.492);--hover: oklch(28.9% .006 271.22);--hover-2: oklch(31.8% .007 274.747);--field: oklch(29.3% .006 271.223);--line: oklch(30.8% .006 258.354);--line-strong: oklch(35.6% .007 264.474);--line-soft: oklch(27.8% .006 258.354);--ink: oklch(96.4% .002 247.839);--ink-2: oklch(73.1% .008 260.731);--ink-3: oklch(64% .01 264.484);--ink-4: oklch(54.1% .01 264.484);--accent: oklch(58% .21 25);--accent-hover: oklch(62% .21 25);--accent-ink: oklch(74% .15 25);--accent-tint: oklch(64% .19 25 / .16);--accent-line: oklch(64% .19 25 / .38);--green: oklch(70.5% .154 153.814);--green-tint: oklch(70.5% .154 153.814 / .14);--green-line: oklch(70.5% .154 153.814 / .34);--orange: oklch(74.6% .156 55.642);--orange-tint: oklch(74.6% .156 55.642 / .14);--orange-line: oklch(74.6% .156 55.642 / .34);--red: oklch(66.6% .18 21.433);--red-tint: oklch(66.6% .18 21.433 / .14);--red-line: oklch(66.6% .18 21.433 / .34);--discord: #5865f2;--discord-hover: #4752c4;--radius-chip: 6px;--radius-control: 8px;--radius-card: 10px;--radius-window: 14px;--shadow-hairline: 0 0 0 1px var(--line);--shadow-btn: 0 0 0 1px oklch(100% 0 0 / .1), 0 1px 2px oklch(0% 0 0 / .3);--shadow-card: 0 0 0 1px oklch(100% 0 0 / .11), 0 1px 2px oklch(0% 0 0 / .2), 0 2px 6px oklch(0% 0 0 / .2);--shadow-raised: 0 0 0 1px oklch(100% 0 0 / .13), 0 2px 10px oklch(0% 0 0 / .22);--shadow-overlay: 0 0 0 1px oklch(100% 0 0 / .15), 0 8px 28px oklch(0% 0 0 / .34);--shadow-field: inset 0 1px 2px oklch(0% 0 0 / .4);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Oswald", var(--font);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--sidebar: 232px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.014em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}::selection{background:var(--accent-tint)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--hover-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--hover-2);border:3px solid transparent;border-radius:99px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}.shell{display:flex;min-height:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;gap:2px;padding:16px 12px;background:var(--canvas);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.brand-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--accent);box-shadow:var(--shadow-btn);font-family:var(--font-display);font-size:15px;letter-spacing:.02em;color:#fff}.brand-name{font-family:var(--font-display);font-size:16px;line-height:1.15;letter-spacing:.05em;text-transform:uppercase}.brand-sub{font-size:10.5px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--radius-control);color:var(--ink-2);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .15s var(--ease),color .15s var(--ease)}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-btn)}.nav-icon{font-size:14px;width:18px;text-align:center;opacity:.85}.nav-item.on .nav-icon{opacity:1}.nav-badge{margin-left:auto;min-width:19px;text-align:center;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:var(--radius-chip);background:var(--hover-2);color:var(--ink-2)}.nav-item.on .nav-badge{background:var(--accent);color:#fff}.sidebar-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.main{flex:1;min-width:0;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:14px;padding:0 24px;height:54px;background:#17181ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{font-size:15px;font-weight:600;letter-spacing:-.014em}.topbar-sub{font-size:12.5px;color:var(--ink-3)}.content{padding:24px;max-width:1180px;width:100%;display:flex;flex-direction:column;gap:16px}.content>p{margin:0}.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--ink-3);padding:3px 9px 3px 7px;border-radius:var(--radius-chip);background:var(--inset);box-shadow:var(--shadow-hairline)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4);flex:none}.live.on{color:var(--green);background:var(--green-tint);box-shadow:0 0 0 1px var(--green-line)}.live.on .live-dot{background:var(--green);animation:pulse 2.4s var(--ease) infinite}.live.off{color:var(--orange);background:var(--orange-tint);box-shadow:0 0 0 1px var(--orange-line)}.live.off .live-dot{background:var(--orange)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--green-line)}70%{box-shadow:0 0 0 6px #3cbb7200}to{box-shadow:0 0 #3cbb7200}}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.col{display:flex;flex-direction:column;gap:16px;height:100%}.col>.card:last-child{flex:1}.card-head{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border-bottom:1px solid var(--line)}.card-head h2{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.card-head .spacer{flex:1}.card-body{padding:14px}.card-body.flush{padding:0}.callout{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.callout.warn{background:var(--orange-tint);box-shadow:0 0 0 1px var(--orange-line)}.callout-icon{font-size:18px;line-height:1;flex:none}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.stat{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:12px 14px 14px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.stat-value{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px}.stat-hint{font-size:12px;color:var(--ink-3);margin-top:3px}.stat.accent{background:var(--accent-tint);box-shadow:0 0 0 1px var(--accent-line)}.stat.accent .stat-value{color:var(--accent-ink)}.stat.good .stat-value{color:var(--green)}.stat.bad .stat-value{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;min-height:32px;border-radius:var(--radius-control);border:none;background:var(--field);box-shadow:var(--shadow-btn);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease)}.btn:hover:not(:disabled){background:var(--hover-2)}.btn:active:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary,.btn.on{background:var(--accent);color:#fff;box-shadow:0 0 0 1px #ffffff1f,0 1px 2px #00000059}.btn.primary:hover:not(:disabled),.btn.on:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:active:not(:disabled),.btn.on:active:not(:disabled){background:var(--accent)}.btn.ghost{background:transparent;box-shadow:none;color:var(--ink-2)}.btn.ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn.danger{background:var(--red-tint);color:var(--red);box-shadow:0 0 0 1px var(--red-line)}.btn.danger:hover:not(:disabled){background:#ee5c6138}.btn.good{background:var(--green-tint);color:var(--green);box-shadow:0 0 0 1px var(--green-line)}.btn.good:hover:not(:disabled){background:#3cbb7238}.btn.sm{padding:3px 9px;min-height:26px;font-size:12.5px;border-radius:var(--radius-chip)}.btn.block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-control);background:var(--inset);box-shadow:var(--shadow-hairline)}.segmented .btn{background:transparent;box-shadow:none;color:var(--ink-2)}.segmented .btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.segmented .btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-btn)}.segmented .btn.on:hover:not(:disabled){background:var(--hover)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--ink-2);font-weight:500}.field .hint{font-size:11.5px;color:var(--ink-3);line-height:1.45}.input,.textarea,.select{width:100%;padding:7px 10px;min-height:32px;background:var(--field);border:none;border-radius:var(--radius-control);box-shadow:var(--shadow-hairline),var(--shadow-field);outline:none;font-size:13.5px;transition:box-shadow .15s var(--ease)}.input:hover,.textarea:hover,.select:hover{box-shadow:0 0 0 1px var(--line-strong),var(--shadow-field)}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 1px var(--accent),0 0 0 3px var(--accent-tint)}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.textarea{resize:vertical;min-height:84px;line-height:1.5}.select{appearance:none;cursor:pointer;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.filters .input,.filters .select{width:100%}.switch{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:36px;height:21px;flex:none;border-radius:99px;background:var(--field);box-shadow:var(--shadow-hairline),var(--shadow-field);position:relative;transition:background .18s var(--ease),box-shadow .18s var(--ease)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--ink-3);transition:transform .18s var(--ease-out-strong),background .18s var(--ease)}.switch input:checked+.switch-track{background:var(--accent);box-shadow:0 0 0 1px var(--accent-line)}.switch input:checked+.switch-track:after{transform:translate(15px);background:#fff}.member-row{display:flex;align-items:center;gap:10px;padding:8px 14px;transition:background .13s var(--ease)}.member-row:hover{background:var(--hover)}.member-row+.member-row{border-top:1px solid var(--line-soft)}.avatar{width:28px;height:28px;flex:none;border-radius:50%;background:var(--field);box-shadow:var(--shadow-hairline);object-fit:cover}.avatar.lg{width:38px;height:38px}.avatar.sm{width:24px;height:24px}.avatar-fallback{display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--ink-3)}.member-name{font-size:13.5px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-meta{font-size:12px;color:var(--ink-3)}.grade-head{display:flex;align-items:center;gap:9px;padding:12px 14px 5px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.grade-head:after{content:"";flex:1;height:1px;background:var(--line-soft)}.scroll-list{max-height:420px;overflow-y:auto}.picker{max-height:260px;overflow-y:auto;border-radius:var(--radius-control);background:var(--inset);box-shadow:var(--shadow-hairline)}.picker-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 11px;background:none;border:0;color:inherit;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background .13s var(--ease)}.picker-row+.picker-row{border-top:1px solid var(--line-soft)}.picker-row:hover{background:var(--hover)}.picker-row.on{background:var(--green-tint);color:var(--green)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:var(--radius-chip);font-size:11.5px;font-weight:500;line-height:1.55;background:var(--inset);color:var(--ink-2);box-shadow:var(--shadow-hairline);white-space:nowrap}.chip.red{background:var(--red-tint);color:var(--red);box-shadow:0 0 0 1px var(--red-line)}.chip.green{background:var(--green-tint);color:var(--green);box-shadow:0 0 0 1px var(--green-line)}.chip.orange,.chip.amber{background:var(--orange-tint);color:var(--orange);box-shadow:0 0 0 1px var(--orange-line)}.chip.accent{background:var(--accent-tint);color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-line)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot.red{background:var(--red)}.dot.green{background:var(--green)}.dot.grey{background:var(--ink-4)}.empty{padding:30px 16px;text-align:center;color:var(--ink-3);font-size:13px;line-height:1.5}.empty-icon{font-size:22px;opacity:.45;display:block;margin-bottom:7px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.mono{font-family:var(--font-mono);font-size:.9em;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:9px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:9px}.right{margin-left:auto}.nowrap{white-space:nowrap}code{font-family:var(--font-mono);font-size:.86em;background:var(--inset);box-shadow:var(--shadow-hairline);padding:1px 5px;border-radius:var(--radius-chip)}.link{color:var(--accent-ink);transition:color .15s var(--ease)}.link:hover{color:var(--accent-hover)}.overlay{position:fixed;inset:0;z-index:60;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fade .15s var(--ease)}.modal{width:min(520px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-window);box-shadow:var(--shadow-overlay);animation:rise .2s var(--ease-out-strong)}.modal-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:14.5px}.modal-body{padding:16px}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line);background:var(--inset)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}}.toasts{position:fixed;z-index:90;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;max-width:min(400px,calc(100vw - 36px))}.toast{display:flex;gap:9px;align-items:flex-start;padding:10px 13px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);font-size:13px;line-height:1.45;animation:slide .22s var(--ease-out-strong)}.toast.error{box-shadow:0 0 0 1px var(--red-line),0 8px 28px #00000057}.toast.success{box-shadow:0 0 0 1px var(--green-line),0 8px 28px #00000057}@keyframes slide{0%{opacity:0;transform:translate(14px)}}.notice{padding:9px 12px;border-radius:var(--radius-control);font-size:12.5px;line-height:1.45;text-align:left;background:var(--red-tint);box-shadow:0 0 0 1px var(--red-line);color:var(--red)}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(760px 400px at 50% -10%,var(--accent-tint),transparent 70%),var(--page)}.login-card{width:min(384px,100%);text-align:center;background:var(--surface);border-radius:var(--radius-window);box-shadow:var(--shadow-overlay);padding:34px 28px 28px}.login-mark{width:54px;height:54px;margin:0 auto 16px;display:grid;place-items:center;border-radius:var(--radius-card);background:var(--accent);box-shadow:var(--shadow-raised);font-family:var(--font-display);font-size:22px;color:#fff}.login h1{font-family:var(--font-display);font-size:23px;letter-spacing:.05em;text-transform:uppercase}.login p{color:var(--ink-2);font-size:13.5px;margin:8px 0 22px}.login .notice{margin-bottom:18px}.btn-discord{width:100%;padding:11px;background:var(--discord);border:none;border-radius:var(--radius-control);box-shadow:var(--shadow-btn);color:#fff;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s var(--ease)}.btn-discord:hover{background:var(--discord-hover)}.loading{min-height:100%;display:grid;place-items:center;color:var(--ink-3);font-size:13.5px}.spinner{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.flash{animation:flash 1.1s var(--ease)}@keyframes flash{0%{background:var(--accent-tint)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:860px){.sidebar{inset:auto 0 0;width:auto;flex-direction:row;gap:2px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--line);background:#1c1d1ff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.sidebar-foot{display:none}.nav-item{position:relative;flex-direction:column;gap:2px;padding:6px 4px;font-size:10px;text-align:center}.nav-icon{width:auto;font-size:17px}.nav-label{letter-spacing:0}.nav-badge{position:absolute;top:1px;right:50%;margin-right:-20px}.main{margin-left:0;padding-bottom:64px}.topbar{padding:0 16px}.content{padding:16px}.toasts{bottom:76px;right:12px;left:12px;max-width:none}}