:root{--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-900:#0f172a;--primary:var(--indigo-600);--primary-hover:var(--indigo-700);--on-primary:#fff;--bg:var(--slate-50);--surface:#fff;--surface-2:var(--slate-50);--text:var(--slate-900);--muted:var(--slate-500);--border:var(--slate-200);--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#2563eb;--info-bg:#eff6ff;--ring:rgba(79,70,229,.35);--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);--shadow-md:0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 12px 32px rgba(15,23,42,.12);--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sidebar-w:248px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04"}h1,h2,h3,h4{margin:0 0 .35em;font-weight:700;letter-spacing:-.01em;color:var(--text)}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 .6em}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;min-height:100dvh}.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;padding:18px 14px}.sidebar .logo{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;margin-bottom:6px}.sidebar .logo .mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;box-shadow:var(--shadow-sm)}.sidebar .logo .name{font-weight:800;font-size:16px;letter-spacing:-.02em}.sidebar .logo .sub{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.nav .group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--slate-600);font-weight:600;font-size:14px;cursor:pointer;border:0;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item svg{width:19px;height:19px;flex:none;color:var(--slate-400);transition:color .15s}.nav-item:hover{background:var(--slate-100);color:var(--text)}.nav-item:hover svg{color:var(--slate-600)}.nav-item.active{background:var(--indigo-50);color:var(--indigo-700)}.nav-item.active svg{color:var(--indigo-600)}.nav-item .count{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 6px}.sidebar .spacer{flex:1}.sidebar .user{border-top:1px solid var(--border);padding-top:12px;margin-top:8px;display:flex;align-items:center;gap:10px}.sidebar .user .avatar{width:34px;height:34px;border-radius:50%;background:var(--indigo-100);color:var(--indigo-700);display:grid;place-items:center;font-weight:700;font-size:14px}.sidebar .user .meta{min-width:0}.sidebar .user .email{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user .role{font-size:11px;color:var(--muted);text-transform:capitalize}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;gap:14px}.topbar .title{font-size:18px;font-weight:700;letter-spacing:-.01em}.topbar .sub{color:var(--muted);font-size:13px}.topbar .grow{flex:1}.content{padding:28px;max-width:1120px;width:100%;margin:0 auto}.page-head{margin-bottom:20px}.page-head p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:18px}.card-head{display:flex;align-items:center;gap:12px;margin:-4px 0 14px}.card-head h3{margin:0}.card-head .desc{color:var(--muted);font-size:13px;margin:2px 0 0}.card-head .grow{flex:1}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat .label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600}.stat .label svg{width:16px;height:16px}.stat .value{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.stat .value small{font-size:15px;color:var(--muted);font-weight:600}.code-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,var(--indigo-50),#fff);border:1px solid var(--indigo-100);border-radius:var(--radius);padding:16px 20px;margin-bottom:18px}.code-banner .k{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--indigo-600)}.code-banner .code{font-size:24px;font-weight:800;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.code-banner .hint{color:var(--muted);font-size:13px;flex:1;min-width:180px}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s,transform .05s;line-height:1;min-height:40px}.btn svg{width:17px;height:17px}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--slate-700);border-color:var(--border)}.btn-secondary:hover{background:var(--slate-100)}.btn-ghost{background:transparent;color:var(--slate-600)}.btn-ghost:hover{background:var(--slate-100)}.btn-danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{padding:6px 11px;min-height:32px;font-size:13px}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}button:not(.btn):not(.nav-item){font-family:inherit;font-size:14px;font-weight:600;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--slate-700);cursor:pointer;min-height:40px}button:not(.btn):not(.nav-item):hover{background:var(--slate-100)}button.secondary{background:#fff;color:var(--slate-700);border:1px solid var(--border)}button.ghost{background:var(--indigo-50);color:var(--indigo-700);border:1px solid var(--indigo-100)}button.danger{background:#fff;color:var(--danger);border:1px solid #fecaca}button:disabled{opacity:.5;cursor:default}label{display:block;font-size:13px;font-weight:600;color:var(--slate-700);margin:0 0 5px}.field{margin-bottom:14px}input,select,textarea{width:100%;font-family:inherit;font-size:14.5px;color:var(--text);background:#fff;border:1px solid var(--slate-300);border-radius:var(--radius-sm);padding:10px 12px;min-height:42px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--slate-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo-500);box-shadow:0 0 0 3px var(--ring)}.help{font-size:12.5px;color:var(--muted);margin:5px 0 0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;padding:11px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--slate-100);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--slate-50)}td .num,th .num{font-variant-numeric:tabular-nums}code{background:var(--slate-100);padding:3px 8px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--slate-700)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;line-height:1.4}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.active,.pill.success{color:var(--success);background:var(--success-bg)}.pill.invited,.pill.pending,.pill.pending_approval{color:var(--warning);background:var(--warning-bg)}.pill.suspended,.pill.blocked,.pill.ended{color:var(--danger);background:var(--danger-bg)}.pill.muted{color:var(--slate-500);background:var(--slate-100)}.badge{display:inline-grid;place-items:center;background:var(--danger);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:999px;margin-left:6px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted);font-size:13.5px}.err{color:var(--danger);font-size:13.5px;background:var(--danger-bg);border:1px solid #fecaca;padding:8px 12px;border-radius:var(--radius-sm);margin:8px 0}.ok{color:var(--success);font-size:13.5px;background:var(--success-bg);border:1px solid #a7f3d0;padding:8px 12px;border-radius:var(--radius-sm);margin:8px 0}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty svg{width:34px;height:34px;color:var(--slate-300);margin-bottom:8px}.divider{height:1px;background:var(--border);margin:16px 0}.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.06fr .94fr;--px:0;--py:0}.auth-hero{position:relative;overflow:hidden;color:#fff;padding:52px 56px;display:flex;flex-direction:column;justify-content:space-between;perspective:1100px;background:linear-gradient(155deg,#2b2382,#4f46e5 42%,#7c3aed 74%,#6d28d9)}.auth-hero .aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;filter:blur(60px);opacity:.7;background:radial-gradient(38% 42% at 22% 28%,rgba(129,140,248,.75),transparent 60%),radial-gradient(34% 38% at 82% 22%,rgba(217,70,239,.55),transparent 60%),radial-gradient(45% 50% at 70% 82%,rgba(56,189,248,.45),transparent 62%);animation:aurora 16s ease-in-out infinite}@keyframes aurora{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.08)}}.auth-hero .grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.auth-hero .scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-style:preserve-3d}.auth-hero .glow{position:absolute;top:42%;right:20%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 65%);filter:blur(8px)}.auth-hero .float{position:absolute;transition:transform .18s ease-out;transform-style:preserve-3d}.auth-hero .float.f1{top:15%;right:25%;transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-10px),0)}.auth-hero .float.f2{top:41%;right:11%;transform:translate3d(calc(var(--px)*-22px),calc(var(--py)*-22px),0)}.auth-hero .float.f3{top:66%;right:33%;transform:translate3d(calc(var(--px)*-16px),calc(var(--py)*-16px),0)}.auth-hero .float.f4{top:29%;right:45%;transform:translate3d(calc(var(--px)*-28px),calc(var(--py)*-28px),0)}.auth-hero .tile{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#ffffff47,#ffffff14);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 40px #1e145a73,inset 0 1px #ffffff80;animation:floaty 6.5s ease-in-out infinite;transform-style:preserve-3d}.auth-hero .tile svg{filter:drop-shadow(0 4px 6px rgba(20,12,60,.4))}.auth-hero .tile.alt{background:linear-gradient(150deg,#38bdf86b,#ffffff14)}.auth-hero .float.f2 .tile{animation-delay:-1.4s;width:88px;height:88px;border-radius:24px}.auth-hero .float.f3 .tile{animation-delay:-2.8s;width:64px;height:64px;border-radius:18px}.auth-hero .float.f4 .tile{animation-delay:-4.1s;width:58px;height:58px;border-radius:16px}@keyframes floaty{0%,to{transform:translateY(0) rotateX(12deg) rotateY(-16deg)}50%{transform:translateY(-16px) rotateX(6deg) rotateY(-10deg)}}.auth-hero .hero-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.auth-hero .hero-brand .mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #fff6}.auth-hero .hero-brand .name{font-size:20px;font-weight:800;letter-spacing:-.01em}.auth-hero .hero-copy{position:relative;z-index:2;max-width:440px}.auth-hero .hero-copy h1{color:#fff;font-size:40px;line-height:1.1;letter-spacing:-.025em;font-weight:800;margin:0 0 14px}.auth-hero .hero-copy h1 .grad{background:linear-gradient(90deg,#fde68a,#fca5f1 60%,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-hero .hero-copy p{color:#ffffffd9;font-size:16px;line-height:1.55;margin:0}.auth-hero .hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.auth-hero .chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;padding:7px 13px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-hero .chip svg{flex:none;opacity:.95}.auth-hero .hero-foot{color:#ffffff9e;font-size:12.5px;position:relative;z-index:2}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 28px;position:relative;background:radial-gradient(120% 100% at 100% 0%,var(--indigo-50),var(--bg) 55%)}.auth-card{width:100%;max-width:404px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-lg);position:relative}.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,var(--indigo-500),#7c3aed)}.auth-card-brand{display:none;align-items:center;gap:10px;margin-bottom:16px}.auth-card-brand .mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--indigo-500),#7c3aed)}.auth-card-brand .name{font-weight:800;font-size:17px}.auth-card .lead{margin-bottom:20px}.auth-card .lead h2{font-size:24px;margin-bottom:4px;letter-spacing:-.01em}.auth-card .lead p{color:var(--muted);margin:0;font-size:14.5px}.auth-switch{display:flex;flex-direction:column;gap:9px;margin-top:18px;text-align:center}.auth-switch a,.auth-switch button{background:none;border:0;color:var(--primary);font-weight:600;font-size:13.5px;cursor:pointer;padding:2px}.auth-switch a:hover,.auth-switch button:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.auth-hero .aurora,.auth-hero .tile{animation:none}.auth-hero .float{transition:none}}.pw-wrap{position:relative}.pw-wrap button.reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:auto;border:0;background:none;color:var(--slate-400);padding:8px;cursor:pointer}.pw-wrap button.reveal:hover{color:var(--slate-600);background:none}@media (max-width:1023px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg);width:var(--sidebar-w)}.sidebar.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.scrim.show{opacity:1;pointer-events:auto}.menu-btn{display:inline-grid}}@media (min-width:1024px){.menu-btn,.scrim{display:none}}@media (max-width:820px){.auth{grid-template-columns:1fr}.auth-hero{display:none}.auth-card-brand{display:flex}}@media (max-width:560px){.content{padding:18px 16px}.topbar{padding:12px 16px}}.menu-btn{align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--slate-700)}:focus-visible{outline:none}button:focus-visible,.nav-item:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.code-hero{background:linear-gradient(135deg,var(--indigo-600),var(--indigo-500) 60%,#7c6cf5);color:#fff;border-radius:var(--radius-lg);padding:24px;margin-bottom:18px;box-shadow:var(--shadow-md)}.code-hero .k{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf}.code-hero .big{font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:.06em;line-height:1.05;margin:4px 0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-hero .sub{color:#ffffffd9;font-size:14px;margin-bottom:16px}.code-hero .actions{display:flex;gap:10px;flex-wrap:wrap}.code-hero .actions .btn{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.code-hero .actions .btn:hover{background:#ffffff42}.code-hero .actions .btn.solid{background:#fff;color:var(--indigo-700);border-color:#fff}.code-hero .actions .btn.solid:hover{background:#f1f0ff}.copied{font-size:13px;color:#fff;background:#fff3;padding:3px 10px;border-radius:999px;align-self:center}.student-list{display:flex;flex-direction:column;gap:10px}.student-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 15px;display:flex;align-items:flex-start;gap:12px}.student-card .who{flex:1;min-width:0}.student-card .nm{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px}.student-card .nm .edit-btn{border:0;background:none;color:var(--slate-400);padding:2px;cursor:pointer;min-height:auto;display:inline-grid}.student-card .nm .edit-btn:hover{color:var(--indigo-600);background:none}.student-card .meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13px;color:var(--muted)}.student-card .meta b{color:var(--slate-700);font-weight:600}.student-card .meta code{font-size:12px;padding:2px 7px}.student-card .avatar{width:40px;height:40px;flex:none;border-radius:50%;background:var(--indigo-50);color:var(--indigo-700);display:grid;place-items:center;font-weight:700}.name-edit{display:flex;gap:6px;align-items:center}.name-edit input{min-height:34px;padding:5px 9px;font-size:14px;width:auto;flex:1;min-width:120px}.menu{position:relative}.menu>.menu-btn2{border:1px solid var(--border);background:#fff;color:var(--slate-500);width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;cursor:pointer;min-height:38px}.menu>.menu-btn2:hover{background:var(--slate-100);color:var(--slate-700)}.menu-pop{position:absolute;right:0;top:44px;z-index:30;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:172px;padding:5px;display:flex;flex-direction:column}.menu-pop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--slate-700);cursor:pointer;min-height:40px}.menu-pop button svg{width:17px;height:17px;color:var(--slate-400)}.menu-pop button:hover{background:var(--slate-100)}.menu-pop button.danger{color:var(--danger)}.menu-pop button.danger svg{color:var(--danger)}.menu-pop .sep{height:1px;background:var(--border);margin:4px 2px}.pending-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--warning-bg);border:1px solid #fde68a;border-radius:var(--radius);padding:12px 15px;margin-bottom:14px}.pending-strip .t{font-weight:600;font-size:14px;color:#92400e;flex:1;min-width:160px}.rank{display:flex;flex-direction:column;gap:10px}.rank-row{display:flex;align-items:center;gap:12px}.rank-row .u{flex:1;min-width:0}.rank-row .u .t{font-weight:600;font-size:14px}.rank-row .bar{height:8px;background:var(--slate-100);border-radius:999px;overflow:hidden;margin-top:5px}.rank-row .bar>i{display:block;height:100%;background:var(--warning);border-radius:999px}.rank-row .pct{font-weight:700;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.rank-row .n{font-size:12px;color:var(--muted);min-width:44px;text-align:right}.stub{border:1px dashed var(--slate-300);border-radius:var(--radius);padding:24px;text-align:center;color:var(--muted);background:var(--slate-50)}.stub svg{width:30px;height:30px;color:var(--slate-300);margin-bottom:8px}.stub h4{color:var(--slate-600);margin-bottom:4px}.stub .soon{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--indigo-600);background:var(--indigo-50);padding:2px 9px;border-radius:999px;margin-bottom:10px}@media (max-width:560px){.student-card{flex-direction:row}.code-hero{padding:20px 18px}.menu-pop{right:0}}.print-slips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slip{border:1px dashed var(--slate-400);border-radius:var(--radius-sm);padding:12px;page-break-inside:avoid}.slip-tut{font-weight:800;font-size:15px}.slip-name{margin:2px 0 8px}.slip-line{font-size:15px;margin:2px 0}.slip-line b{font-family:ui-monospace,monospace;letter-spacing:1px}.slip-help{font-size:12px;color:var(--muted);margin-top:8px}@media print{body{background:#fff}.sidebar,.topbar,.noprint,button,select,.err,.ok{display:none!important}.shell{display:block}.content{max-width:none;padding:0}.print-slips{grid-template-columns:1fr 1fr}}.cov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:14px}.cov-card{border:1px solid var(--line,#e2e8f0);border-radius:var(--radius,14px);padding:14px 16px;background:var(--card,#fff);opacity:.72}.cov-card.on{opacity:1;border-color:var(--primary,#4f46e5);box-shadow:inset 3px 0 0 var(--primary,#4f46e5)}.cov-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cov-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px}.cov-title svg{width:18px;height:18px;color:var(--primary,#4f46e5);flex:none}.cov-sub{font-size:12.5px;margin:6px 0 10px}.cov-subjects{display:flex;flex-wrap:wrap;gap:6px}.cov-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--bg-soft,#f1f5f9);border-radius:999px;padding:3px 10px}.cov-chip b{font-variant-numeric:tabular-nums;color:var(--primary,#4f46e5)}.cov-foot{font-size:12px;margin-top:10px}.cov-head .pill svg{vertical-align:-2px}.link-sm{background:none;border:0;padding:0;font-size:13px;color:var(--primary,#4f46e5);cursor:pointer;text-align:left}.link-sm:hover{text-decoration:underline}.field-row{display:flex;gap:12px}.field-row .field{flex:1;margin-bottom:14px}.tour-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.tour-card{position:relative;width:100%;max-width:440px;background:var(--surface,#fff);border-radius:var(--radius-lg,16px);padding:32px 28px;box-shadow:var(--shadow-lg,0 12px 32px rgba(15,23,42,.18));text-align:center}.tour-skip{position:absolute;top:12px;right:14px;background:none;border:0;color:var(--muted,#64748b);font-size:13px;font-weight:600;cursor:pointer}.tour-icon{width:64px;height:64px;margin:4px auto 16px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--indigo-500,#6366f1),#7c3aed);box-shadow:0 10px 24px #4f46e559}.tour-card h2{font-size:22px;margin:0 0 8px;letter-spacing:-.01em}.tour-card p{color:var(--muted,#64748b);font-size:14.5px;line-height:1.55;margin:0 0 20px}.tour-dots{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.tour-dots span{width:7px;height:7px;border-radius:50%;background:var(--border,#e2e8f0);transition:all .2s}.tour-dots span.on{background:var(--primary,#4f46e5);width:20px;border-radius:4px}.tour-actions{display:flex;gap:10px;justify-content:center}.tour-actions .btn{min-width:112px}.wu-list{display:flex;flex-direction:column;gap:2px}.wu-row{display:grid;grid-template-columns:1fr 120px 96px;align-items:center;gap:14px;padding:10px 12px;border-radius:10px}.wu-row:hover{background:var(--surface-2,#f8fafc)}.wu-main{min-width:0}.wu-title{font-weight:600;color:var(--text,#0f172a);font-size:14.5px;display:flex;align-items:center;flex-wrap:wrap}.wu-sub{font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wu-bar-wrap{height:8px;border-radius:5px;background:var(--border,#e2e8f0);overflow:hidden}.wu-bar{height:100%;border-radius:5px;transition:width .3s ease}.wu-num{text-align:right;font-size:13px;white-space:nowrap}.pill.warn{background:#fef3c7;color:#92400e;border-color:#fcd34d}.wu-click{cursor:pointer;-webkit-user-select:none;user-select:none}.wu-click:focus-visible{outline:2px solid var(--primary,#4f46e5);outline-offset:-2px;border-radius:10px}.wu-items{margin:2px 0 8px 12px;padding-left:12px;border-left:2px solid var(--border,#e2e8f0);display:flex;flex-direction:column}.wu-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:13px}.wu-item:hover{background:var(--surface-2,#f8fafc);border-radius:8px}.wu-item-msg{padding:6px 10px;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (max-width:560px){.wu-row{grid-template-columns:1fr 72px;gap:10px}.wu-bar-wrap{display:none}}