:root{--brand-50: #eef5fd;--brand-100: #d6e7fa;--brand-200: #aecff4;--brand-400: #3d8ae0;--brand-500: #1a5fbf;--brand-600: #144c9b;--brand-700: #0f3a76;--accent-100: #fbf0d6;--accent-300: #e8c97c;--accent-500: #c9a227;--accent-700: #8a6d14;--ink-900: #111827;--ink-700: #374151;--ink-500: #6b7280;--ink-400: #79839a;--ink-300: #cbd3e0;--surface-0: #ffffff;--surface-50: #f6f8fc;--surface-100: #edf1f7;--surface-200: #e1e8f1;--border: #dde5ef;--border-strong: #c6d2e2;--border-focus: #1a5fbf;--success-bg: #dcfce7;--success-fg: #0e7a3c;--warning-bg: #fef3c7;--warning-fg: #a15c07;--danger-bg: #fee2e2;--danger-fg: #b91c1c;--info-bg: #dbeafe;--info-fg: #1750a6;--media-image-bg: #dbeafe;--media-image-fg: #1750a6;--media-audio-bg: #fbf0d6;--media-audio-fg: #8a6d14;--media-video-bg: #dcfce7;--media-video-fg: #0e7a3c;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--e-1: 0 1px 2px rgba(17, 24, 39, .06), 0 1px 3px rgba(17, 24, 39, .04);--e-2: 0 4px 12px -2px rgba(17, 24, 39, .09);--e-3: 0 12px 32px -6px rgba(17, 24, 39, .14);--ring: 0 0 0 3px rgba(26, 95, 191, .25);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--sidebar-w: 260px;--topbar-h: 73px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:22px;color:var(--ink-900);background:var(--surface-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:24px;line-height:32px;letter-spacing:-.4px;font-weight:600}h2{font-size:20px;line-height:28px;letter-spacing:-.2px;font-weight:600}h3{font-size:16px;line-height:24px;font-weight:600}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:var(--r-pill);background-clip:content-box}.mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:11px 18px;border:1px solid transparent;border-radius:var(--r-md);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand-500);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-600)}.btn--secondary{background:var(--surface-0);border-color:var(--border-strong);color:var(--ink-900)}.btn--secondary:hover:not(:disabled){background:var(--surface-50);border-color:var(--ink-400)}.btn--ghost{background:transparent;color:var(--ink-700)}.btn--ghost:hover:not(:disabled){background:var(--surface-100)}.btn--danger{background:var(--danger-fg);color:#fff}.btn--danger:hover:not(:disabled){background:#991b1b}.btn--accent{background:var(--accent-500);color:var(--ink-900)}.btn--accent:hover:not(:disabled){background:var(--accent-700);color:#fff}.btn--sm{padding:8px 12px;font-size:13px}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--surface-50);color:var(--ink-700);transition:background-color .15s ease,color .15s ease}.icon-btn:hover:not(:disabled){background:var(--surface-200)}.icon-btn--danger{color:var(--danger-fg)}.icon-btn--danger:hover:not(:disabled){background:var(--danger-bg)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;line-height:18px;letter-spacing:.2px}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge--image{background:var(--media-image-bg);color:var(--media-image-fg)}.badge--audio{background:var(--media-audio-bg);color:var(--media-audio-fg)}.badge--video{background:var(--media-video-bg);color:var(--media-video-fg)}.badge--success{background:var(--success-bg);color:var(--success-fg)}.badge--warning{background:var(--warning-bg);color:var(--warning-fg)}.badge--danger{background:var(--danger-bg);color:var(--danger-fg)}.badge--neutral{background:var(--surface-100);color:var(--ink-500)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:14px;font-weight:500;color:var(--ink-700)}.field__req{color:var(--brand-500)}.field__control{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-900);font-size:14px;line-height:20px;transition:border-color .15s ease,box-shadow .15s ease}.field__control::placeholder{color:var(--ink-400)}.field__control:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.field__control:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--ring)}.field__control:disabled{background:var(--surface-100);color:var(--ink-500);cursor:not-allowed}.field__control--mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.2px}textarea.field__control{resize:vertical;min-height:84px}.field--error .field__control{border-color:var(--danger-fg)}.field--error .field__control:focus{box-shadow:0 0 0 3px #b91c1c38}.field__hint{font-size:12px;line-height:18px;color:var(--ink-500)}.field--error .field__hint{color:var(--danger-fg)}.alert{display:flex;align-items:flex-start;gap:var(--s-3);padding:12px 14px;border-radius:var(--r-md);font-size:13px;line-height:20px}.alert svg{flex:none;margin-top:1px}.alert--info{background:var(--info-bg);color:var(--info-fg)}.alert--danger{background:var(--danger-bg);color:var(--danger-fg)}.alert--warning{background:var(--warning-bg);color:var(--warning-fg)}.alert--success{background:var(--success-bg);color:var(--success-fg)}.modal__overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:#1118277a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease}.modal{width:100%;max-width:440px;background:var(--surface-0);border-radius:var(--r-xl);box-shadow:var(--e-3);overflow:hidden;animation:modal-in .18s cubic-bezier(.2,.9,.3,1)}.modal__body{display:flex;gap:var(--s-4);padding:var(--s-6)}.modal__glyph{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger-fg)}.modal__glyph--warning{background:var(--warning-bg);color:var(--warning-fg)}.modal__title{margin-bottom:6px}.modal__text{font-size:14px;line-height:22px;color:var(--ink-500)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-6);background:var(--surface-50);border-top:1px solid var(--border)}.toast__stack{position:fixed;right:var(--s-6);bottom:var(--s-6);z-index:120;display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--s-3);width:360px;max-width:calc(100vw - 48px);padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--ink-400);border-radius:var(--r-md);background:var(--surface-0);box-shadow:var(--e-3);pointer-events:auto;animation:toast-in .22s cubic-bezier(.2,.9,.3,1)}.toast--success{border-left-color:var(--success-fg)}.toast--error{border-left-color:var(--danger-fg)}.toast--info{border-left-color:var(--info-fg)}.toast__glyph{flex:none;margin-top:1px}.toast--success .toast__glyph{color:var(--success-fg)}.toast--error .toast__glyph{color:var(--danger-fg)}.toast--info .toast__glyph{color:var(--info-fg)}.toast__body{flex:1;min-width:0}.toast__title{font-size:14px;font-weight:500;color:var(--ink-900)}.toast__desc{margin-top:2px;font-size:13px;line-height:20px;color:var(--ink-500);overflow-wrap:anywhere}.toast__close{flex:none;padding:2px;border:0;background:none;color:var(--ink-400);border-radius:var(--r-sm)}.toast__close:hover{color:var(--ink-900)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:64px var(--s-6);text-align:center}.empty__glyph{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--r-lg);background:var(--surface-100);color:var(--ink-400)}.empty__text{max-width:380px;font-size:14px;line-height:22px;color:var(--ink-500)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-100) 25%,var(--surface-200) 37%,var(--surface-100) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal--form{display:flex;flex-direction:column;max-width:560px;max-height:calc(100vh - 48px)}.modal__head{display:flex;align-items:flex-start;gap:var(--s-3);padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal__head h3{flex:1}.modal__subtitle{margin-top:4px;font-size:13px;line-height:20px;color:var(--ink-500)}.modal__close{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:var(--r-sm);background:var(--surface-50);color:var(--ink-500)}.modal__close:hover{background:var(--surface-200);color:var(--ink-900)}.modal__content{display:flex;flex-direction:column;gap:var(--s-4);padding:20px 24px;overflow-y:auto}.login{display:flex;min-height:100vh;background:var(--surface-50)}.login__brand{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:620px;flex:none;padding:48px;overflow:hidden;background-color:var(--brand-700);background-size:cover;background-position:center}.login__scrim{position:absolute;inset:0;background:linear-gradient(to top,#0f3a76f2,#0f3a76c7 18%,#0f3a7638 42%,#0f3a7600 65%)}.login__identity{position:relative;display:flex;align-items:center;gap:18px}.login__logo{width:76px;height:76px;flex:none;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0f3a7659}.login__authority{font-size:12px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:#ffffffb8}.login__school{margin-top:4px;font-size:26px;line-height:34px;font-weight:700;letter-spacing:-.3px;color:#fff}.login__formside{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-6);padding:40px 24px}.login__card{display:flex;flex-direction:column;gap:var(--s-5);width:100%;max-width:400px;padding:40px;background:var(--surface-0);border:1px solid var(--border);border-radius:20px;box-shadow:var(--e-2)}.login__cardhead h1{margin-bottom:6px}@media(max-width:980px){.login{flex-direction:column}.login__brand{width:100%;min-height:220px;padding:24px}.login__school{font-size:20px;line-height:28px}.login__logo{width:60px;height:60px}.login__formside{padding:28px 20px 44px}.login__card{padding:28px 24px}}@media(max-width:560px){.login__brand{min-height:0;padding:18px 20px;justify-content:center}.login__identity{gap:12px}.login__logo{width:44px;height:44px}.login__school{font-size:16px;line-height:22px}.login__authority{font-size:11px}}.join{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 20px;background:linear-gradient(#0f3a76db,#0f3a76f0),url(/brand/school-cover.jpg) center / cover no-repeat}.join__card{display:flex;flex-direction:column;gap:var(--s-5);width:100%;max-width:440px;padding:32px;border-radius:20px;box-shadow:var(--e-3)}.join__head{display:flex;align-items:center;gap:14px}.join__logo{width:56px;height:56px;flex:none;border-radius:50%}.join__authority{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-400)}.join__school{margin-top:2px;font-size:17px;line-height:24px;font-weight:700;color:var(--ink-900)}.join__class{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-md);background:var(--brand-50)}.join__classglyph{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--r-md);background:var(--surface-0);color:var(--brand-600)}.join__classname{margin-top:2px;font-size:17px;font-weight:600;color:var(--brand-700)}.join__done{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-6) 0;text-align:center}.join__tick{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--success-bg);color:var(--success-fg)}.present{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--surface-50)}.present__bar{display:flex;align-items:center;gap:var(--s-3);flex:none;padding:12px 24px;background:var(--surface-0);border-bottom:1px solid var(--border)}.present__logo{width:36px;height:36px;flex:none;border-radius:50%}.present__school{font-size:14px;font-weight:600;color:var(--ink-900)}.present__mode{font-size:12px;line-height:18px;color:var(--ink-400)}.present__status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500}.present__status--on{background:var(--success-bg);color:var(--success-fg)}.present__status--off{background:var(--surface-100);color:var(--ink-500)}.present__status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.present__status--on .dot{animation:pulse 1.6s ease-in-out infinite}.present__stage{flex:1;min-height:0;padding:24px;overflow:hidden}.present__center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);height:100%;text-align:center;color:var(--ink-500)}.present__center h2{font-size:26px;line-height:34px;color:var(--ink-900)}.present__qr{display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e-2);color:var(--ink-300)}.present__session{font-size:13px;color:var(--ink-500)}.present__pulse{position:relative;display:flex;align-items:center;justify-content:center;width:190px;height:190px;border-radius:50%;background:var(--brand-50);color:var(--brand-600)}.present__pulse:before,.present__pulse:after{content:"";position:absolute;inset:0;border:2px solid var(--brand-200);border-radius:50%;animation:ripple 2.4s ease-out infinite}.present__pulse:after{animation-delay:1.2s}.present__spinner{width:44px;height:44px;border:3px solid var(--surface-200);border-top-color:var(--brand-500);border-radius:50%;animation:spin .9s linear infinite}.present__card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s-5);height:100%}.present__media{position:relative;display:flex;align-items:center;justify-content:center;background:var(--ink-900);border-radius:var(--r-lg);overflow:hidden}.present__media img,.present__media video{width:100%;height:100%;object-fit:contain}.present__nomedia{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);color:var(--ink-500)}.present__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:50%;background:#ffffffdb;color:var(--ink-900);transition:background-color .15s ease}.present__nav:hover{background:#fff}.present__nav--prev{left:16px}.present__nav--next{right:16px}.present__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.present__dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#ffffff73}.present__dots button.is-active{background:#fff;width:26px;border-radius:var(--r-pill)}.present__info{display:flex;flex-direction:column;gap:var(--s-3);padding:24px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);overflow-y:auto}.present__info h1{font-size:30px;line-height:38px;letter-spacing:-.5px}.present__subject{align-self:flex-start;padding:4px 12px;border-radius:var(--r-pill);background:var(--brand-50);color:var(--brand-700);font-size:13px;font-weight:500}.present__desc{font-size:17px;line-height:28px;color:var(--ink-700)}.present__voices{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--border)}.present__voices h2{font-size:14px;color:var(--ink-500)}.present__voice{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-900);font-size:14px;font-weight:500;text-align:left}.present__voice:hover,.present__voice.is-active{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700)}.present__player{width:100%;margin-top:var(--s-2)}@media(max-width:1000px){.present__card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow-y:auto}.present__media{min-height:300px}.present__bar{flex-wrap:wrap;padding:12px 16px}.present__info h1{font-size:24px;line-height:32px}}.thumb{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;background:var(--surface-100);border:1px solid var(--border);color:var(--ink-400)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.serial-empty{font-size:12px;font-style:italic;color:var(--ink-400)}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.kpi{display:flex;flex-direction:column;gap:var(--s-3);padding:18px 20px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg)}.kpi__top{display:flex;align-items:center;gap:10px}.kpi__chip{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--r-md)}.kpi__chip--brand{background:var(--brand-100);color:var(--brand-600)}.kpi__chip--info{background:var(--media-image-bg);color:var(--media-image-fg)}.kpi__chip--accent{background:var(--media-audio-bg);color:var(--media-audio-fg)}.kpi__chip--success{background:var(--media-video-bg);color:var(--media-video-fg)}.kpi__label{font-size:13px;line-height:20px;color:var(--ink-500)}.kpi__value{font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.6px}.kpi__sub{font-size:12px;line-height:18px;color:var(--ink-500)}.dash-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-4);align-items:start}.dash-side{display:flex;flex-direction:column;gap:var(--s-4)}.dash-recent{overflow:hidden}.linkbtn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--brand-600);font-size:14px;font-weight:500}.linkbtn:hover{color:var(--brand-700)}.dash-list{margin:0;padding:0;list-style:none}.dash-list li+li{border-top:1px solid var(--border)}.dash-list button{display:flex;align-items:center;gap:14px;width:100%;padding:12px 20px;border:0;background:none;text-align:left;transition:background-color .12s ease}.dash-list button:hover{background:var(--surface-50)}.dash-list__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dash-list__name{font-size:14px;font-weight:500;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list__badges{display:flex;gap:6px;flex:none}.dash-list__chev{color:var(--ink-300);flex:none}.dash-skel{padding:8px 0}.dash-skel__row{display:flex;align-items:center;gap:14px;padding:12px 20px}.dash-skel__lines{display:flex;flex-direction:column;gap:6px;flex:1}.bar__head{display:flex;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2)}.bar__track{height:8px;border-radius:var(--r-pill);background:var(--surface-100);overflow:hidden}.bar__fill{height:100%;border-radius:var(--r-pill);transition:width .4s ease}@media(max-width:1180px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.kpi-row{grid-template-columns:minmax(0,1fr)}.dash-list__badges{display:none}}.regser{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-2) 0}.regser__qr{display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-300)}.regser__status{display:inline-flex;align-items:center;gap:var(--s-2);padding:7px 14px;border-radius:var(--r-pill);background:var(--surface-100);font-size:13px;font-weight:500;color:var(--ink-700)}.regser__pulse{position:relative;display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;background:var(--brand-50);color:var(--brand-600)}.regser__pulse:before{content:"";position:absolute;inset:0;border:2px solid var(--brand-200);border-radius:50%;animation:ripple 2.2s ease-out infinite}.regser__done{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--success-bg);color:var(--success-fg)}.regser__serial{padding:10px 18px;border-radius:var(--r-md);background:var(--surface-100);font-size:16px;letter-spacing:1px;color:var(--ink-900)}.regser .present__spinner{width:40px;height:40px;border:3px solid var(--surface-200);border-top-color:var(--brand-500);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-0);color:var(--ink-700);font-size:13px;line-height:20px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chip:hover:not(.chip--active){border-color:var(--border-strong);background:var(--surface-50)}.chip--active{background:var(--ink-900);border-color:var(--ink-900);color:var(--surface-0)}.chip__count{opacity:.7}.select{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-700)}.select select{border:0;background:none;font-size:13px;color:inherit;outline:none}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-100)}.segmented button{display:flex;align-items:center;justify-content:center;width:34px;height:30px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-400)}.segmented button.is-active{background:var(--surface-0);color:var(--ink-900);box-shadow:var(--e-1)}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{padding:12px 20px;background:var(--surface-50);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--ink-400);text-align:left;white-space:nowrap}.table td{padding:11px 20px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background-color .12s ease}.table tbody tr:hover{background:var(--surface-50)}.table tbody tr:last-child td{border-bottom:0}.col-serial{width:200px}.col-media{width:190px}.col-actions{width:130px}.cell-name{display:flex;align-items:center;gap:12px}.cell-name__text{min-width:0}.cell-name__title{font-size:14px;font-weight:500;color:var(--ink-900)}.cell-name__desc{max-width:380px;font-size:13px;line-height:20px;color:var(--ink-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges{display:flex;gap:6px;flex-wrap:wrap}.actions{display:flex;gap:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--s-4)}.gcard{display:flex;flex-direction:column;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.gcard:hover{box-shadow:var(--e-2);transform:translateY(-2px)}.gcard__cover{display:block;height:148px;padding:0;border:0;border-bottom:1px solid var(--border);background:var(--surface-100)}.gcard__cover .thumb{border:0;border-radius:0}.gcard__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px}.gcard__title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcard__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:20px;color:var(--ink-500)}.gcard__serial{margin-top:2px}.gcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-50)}.pagination{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--surface-50);border-top:1px solid var(--border)}.pagination__nav{display:flex;align-items:center;gap:var(--s-2)}.pagination__nav button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-0);color:var(--ink-700)}.pagination__nav button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-100)}.pagination__nav button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.col-serial,.col-media{display:none}.cell-name__desc{max-width:220px}}.col-state{width:155px}@media(max-width:1100px){.col-state{display:none}}.media{padding:20px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg)}.media__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--s-4)}.media__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:var(--r-sm)}.media__icon--image{background:var(--media-image-bg);color:var(--media-image-fg)}.media__icon--audio{background:var(--media-audio-bg);color:var(--media-audio-fg)}.media__icon--video{background:var(--media-video-bg);color:var(--media-video-fg)}.media__blank{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:26px;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-50);color:var(--ink-500);font-size:13px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.media__blank:hover:not(:disabled){border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700)}.media__list{display:flex;flex-direction:column;gap:var(--s-4)}.mitem{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s-4);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-50)}.drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;padding:var(--s-3);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-0);overflow:hidden}.drop--over{border-color:var(--brand-500);background:var(--brand-50)}.drop--filled{border-style:solid;padding:0;align-items:stretch}.drop img,.drop video{width:100%;height:100%;min-height:150px;object-fit:cover;display:block}.drop__audio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--s-4) var(--s-3);color:var(--media-audio-fg)}.drop__audio audio{width:100%;max-width:190px}.drop__hint{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);color:var(--ink-400);font-size:12px;line-height:18px;text-align:center}.drop__pick{position:absolute;right:8px;bottom:8px;padding:5px 10px;border-radius:var(--r-sm);background:#1c1917c7;color:#fff;font-size:12px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drop__pick:hover{background:var(--ink-900)}.drop__pick input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mitem__fields{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.mitem__top{display:flex;align-items:center;gap:var(--s-2)}.mitem__index{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-400)}@media(max-width:720px){.mitem{grid-template-columns:minmax(0,1fr)}}.cardform{display:flex;flex-direction:column;gap:var(--s-4);max-width:980px}.cardform__bar{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--s-3);padding:14px 20px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e-2)}.cardform__head{display:flex;align-items:center;gap:var(--s-3)}.cardform__head h2{flex:1;min-width:0}@media(max-width:620px){.cardform__bar{flex-wrap:wrap}.cardform__bar .btn{width:100%}}.questions{display:flex;flex-direction:column;gap:var(--s-4);padding:20px}.questions__bar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.qlist{display:flex;flex-direction:column;gap:var(--s-3);margin:0;padding:0;list-style:none}.qcard{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0)}.qcard__head{display:flex;align-items:flex-start;gap:12px}.qcard__index{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--brand-50);color:var(--brand-700);font-size:13px;font-weight:600}.qcard__text{flex:1;min-width:0;font-size:15px;line-height:24px;font-weight:500;color:var(--ink-900)}.qcard__actions{display:flex;gap:4px;flex:none}.qcard__meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0 38px}.qcard__answers{display:flex;flex-direction:column;gap:4px;margin:12px 0 0 38px;padding:0;list-style:none}.qcard__answers li{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--r-sm);background:var(--surface-50);font-size:14px;color:var(--ink-700)}.qcard__answers li.is-correct{background:var(--success-bg);color:var(--success-fg);font-weight:500}.qcard__mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface-0)}.is-correct .qcard__mark{border-color:var(--success-fg);background:var(--success-fg);color:#fff}.qform__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.answers{display:flex;flex-direction:column;gap:var(--s-2)}.answer{display:flex;align-items:center;gap:10px}.answer__mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface-0);color:#fff}.answer__mark--radio{border-radius:50%}.answer__mark.is-on{border-color:var(--success-fg);background:var(--success-fg)}.ai__stats{display:flex;gap:6px;flex-wrap:wrap}.ai__list{display:flex;flex-direction:column;gap:var(--s-3);max-height:46vh;overflow-y:auto}.ai__item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);cursor:pointer}.ai__item.is-picked{border-color:var(--brand-400);background:var(--brand-50)}.ai__item input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--brand-500)}.ai__item>div{flex:1;min-width:0}.ai__q{font-size:15px;line-height:23px;font-weight:500;margin-bottom:8px}.ai__item .qcard__answers{margin-left:0;margin-top:10px}@media(max-width:620px){.qform__row{grid-template-columns:minmax(0,1fr)}.qcard__meta,.qcard__answers{margin-left:0}}.detail{display:flex;flex-direction:column;gap:var(--s-4);max-width:1100px}.detail__hero{display:flex;align-items:flex-start;gap:var(--s-5);padding:24px}.detail__heroinfo{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.detail__heroinfo h1{font-size:26px;line-height:34px}.detail__desc{max-width:680px;font-size:14px;line-height:22px;color:var(--ink-500)}.detail__serial{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-100);color:var(--ink-700)}.detail__tabs{display:flex;gap:var(--s-2);padding:12px 20px 0;border-bottom:1px solid var(--border);overflow-x:auto}.detail__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-500);font-size:14px;font-weight:500;white-space:nowrap}.detail__tab:hover{color:var(--ink-900)}.detail__tab.is-active{border-bottom-color:var(--brand-500);color:var(--brand-700)}.detail__tabcount{padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-100);font-size:12px;color:var(--ink-500)}.detail__tab.is-active .detail__tabcount{background:var(--brand-100);color:var(--brand-700)}.detail__media{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4);padding:20px}.mcard{display:flex;flex-direction:column;margin:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);overflow:hidden}.mcard__preview{display:flex;align-items:center;justify-content:center;height:168px;background:var(--surface-100);border-bottom:1px solid var(--border)}.mcard__preview img,.mcard__preview video{width:100%;height:100%;object-fit:cover;display:block}.mcard__audio{display:flex;flex-direction:column;align-items:center;gap:12px;padding:var(--s-4);width:100%;color:var(--media-audio-fg)}.mcard__audio audio{width:100%;max-width:220px}.mcard__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.mcard__title{font-size:15px}.mcard__desc{font-size:13px;line-height:20px;color:var(--ink-500)}.mcard__link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:500}@media(max-width:720px){.detail__hero{flex-direction:column}.detail__heroinfo h1{font-size:22px;line-height:30px}}.create{display:flex;flex-direction:column;gap:var(--s-4);max-width:980px}.stepper{display:flex;align-items:center;gap:var(--s-3);margin:0;padding:14px 20px;list-style:none;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.stepper__item{display:flex;align-items:center;gap:10px;flex:1;min-width:0;white-space:nowrap}.stepper__item+.stepper__item:before{content:"";width:100%;min-width:24px;height:1px;background:var(--border);margin-right:10px}.stepper__dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-0);color:var(--ink-400);font-size:13px;font-weight:600}.stepper__label{font-size:13px;font-weight:500;color:var(--ink-400)}.stepper__item.is-current .stepper__dot{border-color:var(--brand-500);background:var(--brand-500);color:#fff}.stepper__item.is-current .stepper__label{color:var(--ink-900)}.stepper__item.is-done .stepper__dot{border-color:var(--success-fg);background:var(--success-bg);color:var(--success-fg)}.stepper__item.is-done .stepper__label{color:var(--ink-700)}.create__stage{display:flex;align-items:center;gap:var(--s-8);padding:40px}.create__qr{display:flex;align-items:center;justify-content:center;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e-1)}.create__qr--empty{width:232px;height:232px;color:var(--ink-300)}.create__stagetext{display:flex;flex-direction:column;gap:var(--s-3);flex:1;min-width:0}.create__stagetext p{max-width:460px}.create__status{display:inline-flex;align-items:center;gap:var(--s-2);align-self:flex-start;padding:8px 14px;border-radius:var(--r-pill);background:var(--surface-100);font-size:13px;font-weight:500;color:var(--ink-700)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot--wait{background:var(--accent-500);animation:pulse 1.4s ease-in-out infinite}.dot--off{background:var(--ink-400)}.create__pulse{position:relative;display:flex;align-items:center;justify-content:center;width:168px;height:168px;flex:none;border-radius:50%;background:var(--brand-50);color:var(--brand-600)}.create__pulse:before,.create__pulse:after{content:"";position:absolute;inset:0;border:2px solid var(--brand-200);border-radius:50%;animation:ripple 2.4s ease-out infinite}.create__pulse:after{animation-delay:1.2s}.create__scanned{display:flex;align-items:center;gap:var(--s-3);padding:14px 20px;background:var(--success-bg);border:1px solid #bbf7d0;border-radius:var(--r-lg)}.create__scannedicon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--success-fg);color:#fff}.create__scannedtitle{font-size:14px;font-weight:500;color:var(--success-fg)}@keyframes pulse{50%{opacity:.35}}@keyframes ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.45);opacity:0}}@media(max-width:820px){.create__stage{flex-direction:column;align-items:flex-start;gap:var(--s-6);padding:24px}.create__scanned{flex-wrap:wrap}}.mlib{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4)}.mlib__item{display:flex;flex-direction:column;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .15s ease}.mlib__item:hover{box-shadow:var(--e-2)}.mlib__preview{display:flex;align-items:center;justify-content:center;height:136px;background:var(--surface-100);border-bottom:1px solid var(--border)}.mlib__preview img,.mlib__preview video{width:100%;height:100%;object-fit:cover;display:block}.mlib__audio{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:var(--s-3);color:var(--media-audio-fg)}.mlib__audio audio{width:100%;max-width:180px}.mlib__body{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.mlib__name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlib__owner{align-self:flex-start;padding:0;border:0;background:none}.mlib__owner:hover{opacity:.8}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-4)}.class-card{display:flex;flex-direction:column;gap:var(--s-3);padding:18px 20px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);transition:box-shadow .15s ease,transform .15s ease}.class-card:hover{box-shadow:var(--e-2);transform:translateY(-2px)}.class-card__head{display:flex;align-items:center;gap:10px}.class-card__glyph{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--r-md);background:var(--brand-50);color:var(--brand-600)}.class-card__name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card__meta{display:flex;gap:6px;flex-wrap:wrap}.class-card__foot{display:flex;align-items:center;gap:6px;padding-top:var(--s-3);border-top:1px solid var(--border)}.preview{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-50);border:1px solid var(--border);border-radius:var(--r-md)}.preview__list{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto}.preview__chip{padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-0);border:1px solid var(--border);font-size:12px;line-height:18px;color:var(--ink-700);white-space:nowrap}.student-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;max-height:340px;overflow-y:auto}.student-list li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm)}.student-list li:nth-child(odd){background:var(--surface-50)}.student-list__name{flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scores__title{display:flex;align-items:center;gap:10px;color:var(--brand-600)}.scores__title h2{color:var(--ink-900)}.scores__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.scores__stat{padding:16px 20px}.scores__num{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.5px}.col-rank{width:110px}.col-score{width:160px}.rank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:var(--r-pill);background:var(--surface-100);font-size:14px;font-weight:600;color:var(--ink-700)}.rank--top{background:transparent;font-size:22px}.tier{display:inline-flex;flex-direction:column;gap:1px}.tier strong{font-size:18px;line-height:24px;font-weight:700}.tier span{font-size:12px;line-height:16px}.tier--good strong,.tier--good span{color:var(--success-fg)}.tier--ok strong,.tier--ok span{color:var(--media-audio-fg)}.tier--low strong{color:var(--ink-500)}.tier--low span{color:var(--ink-400)}@media(max-width:900px){.scores__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.person{display:flex;align-items:center;gap:12px}.person__avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--brand-50);color:var(--brand-700);font-size:12px;font-weight:600}.person__name{font-size:14px;font-weight:500;color:var(--ink-900)}.col-user{width:220px}.col-extra{width:180px}.import{border-left:3px solid var(--success-fg)}.import--warn{border-left-color:var(--warning-fg)}.import--ok svg{color:var(--success-fg)}.import--warn svg{color:var(--warning-fg)}.import__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);max-width:460px}.import__num{font-size:26px;line-height:34px;font-weight:700;letter-spacing:-.4px}.import__num--ok{color:var(--success-fg)}.import__num--bad{color:var(--danger-fg)}.import__errors ul{margin:var(--s-2) 0 0;padding-left:18px;max-height:220px;overflow-y:auto;font-size:13px;line-height:22px;color:var(--danger-fg)}@media(max-width:760px){.col-user,.col-extra{display:none}}.shell{display:flex;height:100vh;overflow:hidden;background:var(--surface-50)}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex:none;padding:22px 16px 20px;background:var(--surface-0);border-right:1px solid var(--border)}.sidebar__logo{display:flex;align-items:center;gap:10px;padding-left:8px;margin-bottom:26px}.sidebar__mark{width:36px;height:36px;flex:none;border-radius:50%;background:#fff;object-fit:contain}.sidebar__names{min-width:0}.sidebar__wordmark{font-size:14px;font-weight:500;color:var(--ink-900)}.sidebar__tagline{font-size:12px;line-height:18px;color:var(--ink-400)}.sidebar__section{padding:0 12px 8px;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.8px;color:var(--ink-400)}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:var(--r-md);background:none;color:var(--ink-700);font-size:14px;font-weight:500;text-align:left;transition:background-color .15s ease,color .15s ease}.nav-item:hover:not(.nav-item--active){background:var(--surface-50);color:var(--ink-900)}.nav-item--active{background:var(--brand-50);color:var(--brand-700)}.nav-item svg{flex:none}.nav-item__label{flex:1;min-width:0}.nav-item__count{font-size:12px;font-weight:500;color:var(--ink-400)}.nav-item--active .nav-item__count{color:var(--brand-600)}.sidebar__spacer{flex:1}.sidebar__session{display:flex;align-items:center;gap:var(--s-2);padding:10px 12px;border-radius:var(--r-md);background:var(--warning-bg);color:var(--warning-fg);font-size:12px;font-weight:500;line-height:18px}.sidebar__session--urgent{background:var(--danger-bg);color:var(--danger-fg)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:12px 4px 0}.avatar{width:34px;height:34px;flex:none;border-radius:50%;background:#fff;border:1px solid var(--border);object-fit:contain}.sidebar__username{font-size:14px;font-weight:500;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__role{font-size:12px;line-height:18px;color:var(--ink-400)}.sidebar__userinfo{flex:1;min-width:0}.sidebar__logout{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:0;border-radius:var(--r-sm);background:var(--surface-100);color:var(--ink-500);transition:background-color .15s ease,color .15s ease}.sidebar__logout:hover{background:var(--danger-bg);color:var(--danger-fg)}.main{display:flex;flex-direction:column;flex:1;min-width:0}.topbar{display:flex;align-items:center;gap:var(--s-4);flex:none;padding:16px 32px;background:var(--surface-0);border-bottom:1px solid var(--border)}.topbar__titles{flex:1;min-width:0}.topbar__sub{font-size:13px;line-height:20px;color:var(--ink-500)}.topbar__search{position:relative;width:300px;flex:none}.topbar__search svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--ink-400);pointer-events:none}.topbar__search input{width:100%;padding:9px 12px 9px 36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-50);font-size:14px;line-height:20px}.topbar__search input:focus{outline:none;border-color:var(--brand-500);background:var(--surface-0);box-shadow:var(--ring)}.content{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 32px}.panel{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg)}.panel__head{display:flex;align-items:center;gap:var(--s-3);padding:16px 20px;border-bottom:1px solid var(--border)}.panel__head h3{flex:1;min-width:0}.panel__body{padding:20px}.stack{display:flex;flex-direction:column;gap:var(--s-5)}.row{display:flex;align-items:center;gap:var(--s-3)}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--ink-500)}.text-sm{font-size:13px;line-height:20px}@media(max-width:1080px){.topbar__search{width:200px}}@media(max-width:860px){.shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;flex-direction:row;align-items:center;gap:var(--s-3);padding:12px 16px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.sidebar__logo{margin-bottom:0;padding-left:0}.sidebar__names,.sidebar__section,.sidebar__session,.sidebar__role,.sidebar__username{display:none}.sidebar__nav{flex-direction:row;gap:var(--s-2)}.nav-item{width:auto;white-space:nowrap}.nav-item__count{display:none}.sidebar__spacer{flex:none}.sidebar__user{padding:0;margin-left:auto}.topbar{flex-wrap:wrap;padding:12px 16px}.topbar__search{order:3;width:100%}.content{padding:16px}}@media(max-width:620px){.topbar{gap:var(--s-2)}.topbar__titles{flex:1 0 100%}.topbar__sub{font-size:12px;line-height:18px}.topbar>.btn{flex:1}}.sidebar__group+.sidebar__group{margin-top:var(--s-5)}.nav-item,.nav-item:hover{text-decoration:none}.guard{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--surface-50)}.guard__card{width:100%;max-width:520px}