@font-face{font-family:TSAnamil;src:url(/fonts/TSAnamil-Regular.otf) format("opentype");font-weight:400 800;font-style:normal;font-display:swap}.font-arabic{font-family:"TSAnamil",var(--font-sans)}@font-face{font-family:Cairo;src:url(/fonts/cairo-arabic.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;src:url(/fonts/cairo-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #f6f8fc;--surface: #ffffff;--surface-hover: #f8fafc;--surface-elevated: #ffffff;--card-bg: #ffffff;--card-border: rgba(226, 232, 240, .85);--card-border-hover: rgba(148, 163, 184, .55);--card-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--card-shadow-hover: 0 4px 12px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .03);--card-accent-primary: #2563eb;--card-accent-primary-subtle: rgba(37, 99, 235, .08);--card-border-primary: rgba(37, 99, 235, .22);--card-indicator-primary: #3b82f6;--card-accent-cyan: #0891b2;--card-accent-cyan-subtle: rgba(8, 145, 178, .08);--card-border-cyan: rgba(8, 145, 178, .22);--card-indicator-cyan: #06b6d4;--card-accent-blue: #0284c7;--card-accent-blue-subtle: rgba(2, 132, 199, .08);--card-border-blue: rgba(2, 132, 199, .22);--card-indicator-blue: #0ea5e9;--card-accent-green: #059669;--card-accent-green-subtle: rgba(5, 150, 105, .08);--card-border-green: rgba(5, 150, 105, .22);--card-indicator-green: #10b981;--card-accent-amber: #d97706;--card-accent-amber-subtle: rgba(217, 119, 6, .08);--card-border-amber: rgba(217, 119, 6, .22);--card-indicator-amber: #f59e0b;--card-accent-purple: #7c3aed;--card-accent-purple-subtle: rgba(124, 58, 237, .08);--card-border-purple: rgba(124, 58, 237, .22);--card-indicator-purple: #8b5cf6;--card-accent-red: #e11d48;--card-accent-red-subtle: rgba(225, 29, 72, .08);--card-border-red: rgba(225, 29, 72, .22);--card-indicator-red: #f43f5e;--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-soft: rgba(37, 99, 235, .1);--brand-primary-dark: #3b82f6;--brand-primary-dark-hover: #2f6bff;--brand-primary-dark-soft: rgba(59, 130, 246, .16);--brand-secondary: #64748b;--brand-secondary-dark: #8b98ab;--brand-accent: #7c3aed;--brand-accent-soft: rgba(124, 58, 237, .1);--brand-accent-dark: #a78bfa;--brand-accent-dark-soft: rgba(167, 139, 250, .16);--primary: var(--brand-primary);--primary-hover: var(--brand-primary-hover);--primary-soft: var(--brand-primary-soft);--primary-contrast: #ffffff;--secondary: var(--brand-secondary);--accent: var(--brand-accent);--accent-soft: var(--brand-accent-soft);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--scrollbar-track: rgba(100, 116, 139, .14);--scrollbar-thumb: #a5b2c4;--scrollbar-thumb-hover: #7d8ba0;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--warning: #b45309;--warning-soft: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft: rgba(220, 38, 38, .09);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--neutral-soft: rgba(100, 116, 139, .12);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px rgba(15, 23, 42, .09);--shadow-lg: 0 14px 32px rgba(15, 23, 42, .14);--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--font-latin: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sans: var(--font-latin), "Cairo", "Noto Sans Arabic", Tahoma, Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-tighter: 1.15;--line-tight: 1.25;--line-snug: 1.35;--line-normal: 1.6;--line-relaxed: 1.65;--line-loose: 1.8;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-widest: .04em;--tracking-extra-wide: .08em;--sidebar-bg: #f1f4fa;--sidebar-text: #475569;--sidebar-text-hover: #0f172a;--sidebar-hover-bg: rgba(100, 116, 139, .08);--sidebar-active-bg: #e8edf9;--sidebar-border: rgba(100, 116, 139, .14);--backdrop: rgba(15, 23, 42, .5);--elevation-0: none;--elevation-1: var(--shadow-xs);--elevation-2: var(--shadow-sm);--elevation-3: var(--shadow-md);--elevation-4: var(--shadow-lg);--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 20px;--icon-2xl: 22px;--icon-3xl: 26px;--control-height-sm: 32px;--control-height: 40px;--control-height-lg: 48px;--control-padding-x: 18px;--control-padding-x-sm: 12px;--control-radius: 10px;--radius-full: 999px;--avatar-size: 38px;--avatar-size-sm: 32px;--brand-size: 36px;--sidebar-width: 250px;--content-max: 1400px;--tile-sm: 40px;--tile: 44px;--tile-lg: 48px;--duration-instant: 80ms;--duration-fast: .12s;--duration-base: .15s;--duration-slow: .2s;--duration-slower: .24s;--duration-spin: .8s;--duration-pulse: 1.6s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-linear: linear;--motion-fast: var(--duration-fast) var(--ease-standard);--motion-base: var(--duration-base) var(--ease-standard);--motion-slow: var(--duration-slow) var(--ease-standard)}[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--surface: #101b2f;--surface-hover: #182440;--surface-elevated: #16233d;--card-bg: #101b2f;--card-border: rgba(148, 163, 184, .16);--card-border-hover: rgba(148, 163, 184, .35);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .18);--card-shadow-hover: 0 6px 18px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .25);--card-accent-primary: #60a5fa;--card-accent-primary-subtle: rgba(96, 165, 250, .12);--card-border-primary: rgba(96, 165, 250, .3);--card-indicator-primary: #3b82f6;--card-accent-cyan: #22d3ee;--card-accent-cyan-subtle: rgba(34, 211, 238, .12);--card-border-cyan: rgba(34, 211, 238, .3);--card-indicator-cyan: #06b6d4;--card-accent-blue: #38bdf8;--card-accent-blue-subtle: rgba(56, 189, 248, .12);--card-border-blue: rgba(56, 189, 248, .3);--card-indicator-blue: #0ea5e9;--card-accent-green: #34d399;--card-accent-green-subtle: rgba(52, 211, 153, .12);--card-border-green: rgba(52, 211, 153, .3);--card-indicator-green: #10b981;--card-accent-amber: #fbbf24;--card-accent-amber-subtle: rgba(251, 191, 36, .12);--card-border-amber: rgba(251, 191, 36, .3);--card-indicator-amber: #f59e0b;--card-accent-purple: #a78bfa;--card-accent-purple-subtle: rgba(167, 139, 250, .12);--card-border-purple: rgba(167, 139, 250, .3);--card-indicator-purple: #8b5cf6;--card-accent-red: #fb7185;--card-accent-red-subtle: rgba(251, 113, 133, .12);--card-border-red: rgba(251, 113, 133, .3);--card-indicator-red: #f43f5e;--primary: var(--brand-primary-dark);--primary-hover: var(--brand-primary-dark-hover);--primary-soft: var(--brand-primary-dark-soft);--primary-contrast: #ffffff;--secondary: var(--brand-secondary-dark);--accent: var(--brand-accent-dark);--accent-soft: var(--brand-accent-dark-soft);--text-primary: #e6edf7;--text-secondary: #c2cddd;--text-muted: #8b98ab;--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .26);--scrollbar-track: rgba(148, 163, 184, .12);--scrollbar-thumb: rgba(148, 163, 184, .4);--scrollbar-thumb-hover: rgba(148, 163, 184, .66);--success: #34d399;--success-soft: rgba(52, 211, 153, .13);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--danger: #f87171;--danger-hover: #ef4444;--danger-soft: rgba(248, 113, 113, .13);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .16);--neutral-soft: rgba(148, 163, 184, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 8px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .5);--sidebar-bg: #0d1526;--sidebar-text: #aeb9cc;--sidebar-text-hover: #ffffff;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(59, 130, 246, .2);--sidebar-border: rgba(148, 163, 184, .12);--backdrop: rgba(2, 6, 23, .65)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100dvh;overflow-x:hidden;font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:var(--line-relaxed);font-size:var(--text-md);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}img,video,canvas,svg{max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--surface);min-height:40px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-shell{display:flex;min-height:100dvh;max-width:100%}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:20px 14px;gap:24px;position:sticky;top:0;height:100dvh;border-inline-end:1px solid var(--sidebar-border)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px}.sidebar-brand-icon{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:var(--brand-size);height:var(--brand-size);border-radius:var(--control-radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar-brand-icon:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-100%) rotate(25deg);animation:logo-shine 7s ease-in-out infinite;pointer-events:none}@keyframes logo-shine{0%,65%{transform:translate(-100%) rotate(25deg);opacity:0}75%{opacity:1}85%{transform:translate(100%) rotate(25deg);opacity:1}90%,to{transform:translate(100%) rotate(25deg);opacity:0}}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:var(--brand-size);height:var(--brand-size);border-radius:var(--control-radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:var(--font-weight-extrabold);font-size:17px;box-shadow:var(--shadow-sm);flex-shrink:0}.brand-name{font-size:19px;font-weight:var(--font-weight-bold);color:var(--sidebar-text-hover);letter-spacing:var(--tracking-tight)}.brand-logo{width:var(--brand-size);height:var(--brand-size);border-radius:var(--control-radius);object-fit:contain;flex-shrink:0}.brand-name-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25;min-width:0}.brand-name-sub{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--control-radius);color:var(--sidebar-text);font-size:14.5px;font-weight:var(--font-weight-medium);transition:background var(--motion-base),color var(--motion-base)}.sidebar-link-icon{display:inline-flex;flex-shrink:0;opacity:.85}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-link:active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover);font-weight:var(--font-weight-semibold)}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-link.active:before{content:"";position:absolute;inset-inline-start:0;top:24%;bottom:24%;width:3px;border-radius:var(--radius-full);background:var(--primary)}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-sub{display:flex;flex-direction:column;gap:2px;margin-inline-start:14px;padding-inline-start:12px;border-inline-start:1px solid var(--sidebar-border);overflow:hidden}.sidebar-sub-link{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--control-radius);color:var(--sidebar-text);font-size:13.5px;font-weight:var(--font-weight-medium);transition:background var(--motion-base),color var(--motion-base)}.sidebar-sub-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-sub-link:active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover)}.sidebar-sub-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover);font-weight:var(--font-weight-semibold)}.sidebar-sub-link.active .sidebar-link-icon{opacity:1}.sidebar-link-parent{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--control-radius);color:var(--sidebar-text);font-size:14.5px;font-weight:var(--font-weight-medium);background:none;border:none;width:100%;text-align:start;cursor:pointer;transition:background var(--motion-base),color var(--motion-base);font-family:inherit}.sidebar-link-parent:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-link-parent:active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover)}.sidebar-link-parent.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-hover);font-weight:var(--font-weight-semibold)}.sidebar-link-parent.active .sidebar-link-icon{opacity:1}.sidebar-link-parent.active:before{content:"";position:absolute;inset-inline-start:0;top:24%;bottom:24%;width:3px;border-radius:var(--radius-full);background:var(--primary)}.sidebar-link-label{flex:1}.sidebar-chevron{flex-shrink:0;opacity:.6;transition:transform .2s ease,opacity var(--motion-base);transform:rotate(-90deg)}.sidebar-chevron--open{transform:rotate(0)}.menu-toggle,.sidebar-close{display:none;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--control-radius);cursor:pointer;flex-shrink:0}.sidebar-logout{display:none;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:8px;padding:11px 14px;border:1px solid var(--sidebar-border);border-radius:var(--control-radius);background:transparent;color:var(--sidebar-text);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;flex-shrink:0;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base)}.sidebar-logout:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#03071280;z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--motion-slow);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.app-main{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;min-width:0}.app-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}[data-theme=light] .app-main:before{background-image:linear-gradient(#f6f8fccc,#f6f8fccc),url(/branding/lightmode.webp)}[data-theme=dark] .app-main:before{background-image:linear-gradient(#0b1220cc,#0b1220cc),url(/branding/darkmode.webp)}.topbar{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;padding:12px clamp(16px,4vw,28px);min-height:clamp(76px,14vw,260px);background-color:var(--surface);border-bottom:2px solid rgba(6,182,212,.35);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #06b6d440,0 4px 16px -4px #06b6d41f}[data-theme=dark] .topbar{border-bottom:2px solid rgba(56,189,248,.45);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #06b6d459,0 4px 20px -4px #06b6d438}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/branding/banar.png?v=2);background-position:center 10%;background-size:cover;background-repeat:no-repeat;pointer-events:none}.topbar{position:relative;isolation:isolate}.topbar:after{content:"";position:absolute;top:-15%;bottom:-15%;inset-inline-start:0;width:clamp(180px,18vw,280px);height:130%;z-index:10;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.015) 15%,rgba(56,189,248,.1) 32%,rgba(255,255,255,.24) 50%,rgba(6,182,212,.1) 68%,rgba(255,255,255,.015) 85%,transparent 100%);transform:translate3d(-320px,0,0) skew(-14deg);opacity:0;will-change:transform,opacity;animation:banner-shine-sweep 8s cubic-bezier(.25,1,.5,1) infinite}[data-theme=dark] .topbar:after{background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.015) 15%,rgba(56,189,248,.14) 32%,rgba(255,255,255,.3) 50%,rgba(6,182,212,.14) 68%,rgba(255,255,255,.015) 85%,transparent 100%)}@keyframes banner-shine-sweep{0%{transform:translate3d(-320px,0,0) skew(-14deg);opacity:0}8%{opacity:1}55%{transform:translate3d(calc(100vw + 320px),0,0) skew(-14deg);opacity:1}65%{opacity:0}to{transform:translate3d(calc(100vw + 320px),0,0) skew(-14deg);opacity:0}}html[dir=rtl] .topbar:after{animation-name:banner-shine-sweep-rtl;background:linear-gradient(75deg,transparent 0%,rgba(255,255,255,.015) 15%,rgba(56,189,248,.1) 32%,rgba(255,255,255,.24) 50%,rgba(6,182,212,.1) 68%,rgba(255,255,255,.015) 85%,transparent 100%)}html[dir=rtl][data-theme=dark] .topbar:after{background:linear-gradient(75deg,transparent 0%,rgba(255,255,255,.015) 15%,rgba(56,189,248,.14) 32%,rgba(255,255,255,.3) 50%,rgba(6,182,212,.14) 68%,rgba(255,255,255,.015) 85%,transparent 100%)}@keyframes banner-shine-sweep-rtl{0%{transform:translate3d(320px,0,0) skew(14deg);opacity:0}8%{opacity:1}55%{transform:translate3d(calc(-100vw - 320px),0,0) skew(14deg);opacity:1}65%{opacity:0}to{transform:translate3d(calc(-100vw - 320px),0,0) skew(14deg);opacity:0}}html[dir=ltr] .topbar:before{transform:scaleX(-1)}.topbar-spacer{flex:1;align-self:stretch;position:relative;z-index:2}.topbar-menu-btn{position:relative;z-index:2}.topbar-actions{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.topbar-desktop-actions{display:flex;align-items:center;gap:14px}.topbar-mobile-compact{display:none}.user-card,.logout-btn{border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.user-card:hover,.logout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-card:active,.logout-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.user-card{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 18px 6px 14px}.user-card:hover{border-color:#60a5fa73}.user-card-avatar{position:relative;width:46px;height:46px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #06b6d433}.user-card-avatar:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-100%) rotate(25deg);animation:logo-shine 6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}[data-theme=dark] .user-card-avatar{box-shadow:0 0 0 1px #38bdf84d}[data-theme=dark] .user-card-avatar:after{background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%)}.user-card-avatar .role-icon{width:100%;height:100%;border-radius:50%}.user-card-avatar .role-icon-fallback{width:100%;height:100%;border-radius:50%;display:block}.user-card-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:var(--line-tight);gap:3px}.user-card-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-bold);font-size:var(--text-md);color:var(--text-primary)}.user-card .badge{padding:4px 12px;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide)}.logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:148px;min-height:54px;padding:0 16px;color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-weight-bold);font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0}.logout-btn:hover:not(:disabled){background:#f59e0b29;border-color:#d977068c;color:#b45309}.logout-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-actions .theme-toggle{width:54px;height:54px}[data-theme=dark] .user-card,[data-theme=dark] .logout-btn{background:#101b2fbd;border-color:#94a3b83d;color:#f87171}[data-theme=dark] .user-card:hover,[data-theme=dark] .logout-btn:hover:not(:disabled){border-color:#60a5fa59;box-shadow:0 8px 24px #00000059,0 0 0 1px #60a5fa26}[data-theme=dark] .logout-btn{color:#dbe4f0}[data-theme=dark] .logout-btn:hover:not(:disabled){background:#991b1b;border-color:#dc2626;color:gold;box-shadow:none}.content{padding:clamp(10px,2.5vw,28px) clamp(14px,3.5vw,28px) 8px;max-width:var(--content-max);width:100%;margin:0 auto;flex:1;position:relative;z-index:1}.app-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);margin-top:8px}.footer-brand{font-weight:var(--font-weight-bold);color:var(--text-secondary)}.footer-divider{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.footer-tag{opacity:.9}.auth-layout{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 24px 24px;background-color:var(--bg)}.auth-theme-toggle{position:absolute;top:20px;inset-inline-end:20px}.auth-topbar-actions{position:absolute;top:20px;inset-inline-end:20px;display:flex;align-items:center;gap:10px}.auth-topbar-actions .auth-theme-toggle{position:static}.auth-brand{display:flex;align-items:center;gap:12px}.auth-card{width:100%;max-width:480px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);margin-bottom:4px;color:var(--text-primary)}.auth-subtitle{color:var(--text-muted);margin-bottom:var(--space-6);font-size:var(--text-sm)}.auth-switch{margin-top:var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.auth-switch a{color:var(--primary);font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:3px}.auth-switch a:hover{color:var(--primary-hover)}.auth-layout .app-footer{border-top:none;margin-top:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.page-heading{display:flex;align-items:center;gap:14px}.page-heading-icon{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);flex-shrink:0;box-shadow:var(--shadow-xs)}.page-title{font-family:var(--font-sans);font-size:clamp(var(--text-xl),3.2vw,var(--text-2xl));font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--line-tight);margin-bottom:8px}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:var(--text-sm)}.greeting-word,.greeting-name{font-family:var(--font-sans)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.live-now-btn{display:inline-flex;align-items:center;gap:8px}.live-now-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:live-pulse 1.2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #fff9}50%{opacity:.7;box-shadow:0 0 0 5px #fff0}}.muted{color:var(--text-muted);font-size:var(--text-sm)}.link{font-weight:var(--font-weight-medium);color:var(--primary)}.link:hover{text-decoration:underline;text-underline-offset:3px}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:12px;overflow:hidden;transition:border-color var(--motion-base),box-shadow var(--motion-base)}.card:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:2px;background:linear-gradient(to right,var(--card-indicator, var(--card-indicator-primary)),transparent 80%);opacity:.8;pointer-events:none;transition:opacity var(--motion-base)}html[dir=rtl] .card:before{background:linear-gradient(to left,var(--card-indicator, var(--card-indicator-primary)),transparent 80%)}.card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--card-border);background:color-mix(in srgb,var(--surface-hover) 55%,transparent)}.card-title{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.card-actions{display:flex;align-items:center;gap:8px}.card-body{padding:16px}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.card-desc{color:var(--text-muted);margin-bottom:12px;font-size:var(--text-md)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:clamp(14px,2vw,20px)}.grid>.card{transition:box-shadow var(--motion-base),border-color var(--motion-base)}.grid>.card:hover,.card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.grid>.card:active,.card:active{box-shadow:var(--card-shadow)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(10px,1.5vw,14px)}.dashboard-grid>.card:nth-child(1){--card-indicator: var(--card-indicator-blue);border-color:var(--card-border-blue)}.dashboard-grid>.card:nth-child(1) .card-header{border-bottom-color:var(--card-border-blue)}.dashboard-grid>.card:nth-child(2){--card-indicator: var(--card-indicator-cyan);border-color:var(--card-border-cyan)}.dashboard-grid>.card:nth-child(2) .card-header{border-bottom-color:var(--card-border-cyan)}.card--primary,.card--accent-primary{--card-indicator: var(--card-indicator-primary);border-color:var(--card-border-primary)}.card--cyan,.card--accent-cyan{--card-indicator: var(--card-indicator-cyan);border-color:var(--card-border-cyan)}.card--blue,.card--accent-blue{--card-indicator: var(--card-indicator-blue);border-color:var(--card-border-blue)}.card--green,.card--accent-green{--card-indicator: var(--card-indicator-green);border-color:var(--card-border-green)}.card--amber,.card--accent-amber{--card-indicator: var(--card-indicator-amber);border-color:var(--card-border-amber)}.card--purple,.card--accent-purple{--card-indicator: var(--card-indicator-purple);border-color:var(--card-border-purple)}.card--red,.card--accent-red{--card-indicator: var(--card-indicator-red);border-color:var(--card-border-red)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:clamp(10px,1.5vw,14px);margin-top:clamp(16px,2vw,22px);margin-bottom:14px}.stat-card{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);color:var(--text-primary);overflow:hidden;transition:box-shadow var(--motion-base),border-color var(--motion-base)}.stat-card:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:2px;background:linear-gradient(to right,var(--card-indicator, var(--card-indicator-primary)),transparent 80%);opacity:.8;pointer-events:none;transition:opacity var(--motion-base)}html[dir=rtl] .stat-card:before{background:linear-gradient(to left,var(--card-indicator, var(--card-indicator-primary)),transparent 80%)}.stat-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.stat-card:hover:before{opacity:1}.stat-card:active{box-shadow:var(--card-shadow)}.stat-card-icon,.stat-inline-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card-accent-primary-subtle);color:var(--card-accent-primary);flex-shrink:0;transition:transform var(--motion-fast)}.stats-grid>.stat-card:nth-child(1),.stat-card--blue{--card-indicator: var(--card-indicator-blue);border-color:var(--card-border-blue)}.stats-grid>.stat-card:nth-child(1) .stat-card-icon,.stat-card--blue .stat-card-icon{background:var(--card-accent-blue-subtle);color:var(--card-accent-blue)}.stats-grid>.stat-card:nth-child(2),.stat-card--cyan{--card-indicator: var(--card-indicator-cyan);border-color:var(--card-border-cyan)}.stats-grid>.stat-card:nth-child(2) .stat-card-icon,.stat-card--cyan .stat-card-icon{background:var(--card-accent-cyan-subtle);color:var(--card-accent-cyan)}.stats-grid>.stat-card:nth-child(3){--card-indicator: var(--card-indicator-purple);border-color:var(--card-border-purple)}.stats-grid>.stat-card:nth-child(3) .stat-card-icon{background:var(--card-accent-purple-subtle);color:var(--card-accent-purple)}.stats-grid>.stat-card:nth-child(4),.stat-card--green{--card-indicator: var(--card-indicator-green);border-color:var(--card-border-green)}.stats-grid>.stat-card:nth-child(4) .stat-card-icon,.stat-card--green .stat-card-icon{background:var(--card-accent-green-subtle);color:var(--card-accent-green)}.stats-grid>.stat-card:nth-child(5),.stat-card--purple{--card-indicator: var(--card-indicator-purple);border-color:var(--card-border-purple)}.stats-grid>.stat-card:nth-child(5) .stat-card-icon,.stat-card--purple .stat-card-icon{background:var(--card-accent-purple-subtle);color:var(--card-accent-purple)}.stat-card-body{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:28px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:var(--line-tighter);font-variant-numeric:tabular-nums}.stat-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-top:2px}.stat-inline{display:flex;align-items:center;gap:14px}.stat-inline .stat-label{display:block;margin-top:2px}[data-theme=dark] .card,[data-theme=dark] .stat-card{border-color:var(--card-border);box-shadow:var(--card-shadow)}[data-theme=dark] .card-header{background:color-mix(in srgb,var(--surface-hover) 60%,transparent);border-bottom-color:var(--card-border)}[data-theme=dark] .grid>.card:hover,[data-theme=dark] .card:hover,[data-theme=dark] .stat-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.members-card{--card-indicator: var(--card-indicator-cyan);border-color:var(--card-border-cyan);margin-bottom:12px}.members-card .card-header{border-bottom-color:var(--card-border-cyan);padding:14px 18px}.members-card-title{display:flex;align-items:center;gap:10px}.members-card-icon{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-accent-cyan-subtle);color:var(--card-accent-cyan);flex-shrink:0}.members-live{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--card-accent-cyan)}.members-live-dot{width:7px;height:7px;border-radius:50%;background:var(--card-accent-cyan);box-shadow:0 0 0 3px var(--card-accent-cyan-subtle)}.members-card-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}.members-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 14px;text-align:center;min-width:0}.members-value{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:24px;font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:var(--line-tighter);font-variant-numeric:tabular-nums}.members-online-indicator{width:8px;height:8px;border-radius:50%;background:var(--card-accent-cyan);box-shadow:0 0 0 3px var(--card-accent-cyan-subtle);flex-shrink:0}.members-online-indicator--pulse{animation:members-pulse .9s var(--ease-standard)}@keyframes members-pulse{0%{box-shadow:0 0 0 0 var(--card-accent-cyan)}60%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 3px var(--card-accent-cyan-subtle)}}.members-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted)}.members-divider{width:1px;background:var(--card-border-cyan);margin:16px 0;flex-shrink:0}.members-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}.members-link:hover .members-label{color:var(--card-accent-cyan);text-decoration:underline;text-underline-offset:3px}.settings-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(14px,2vw,20px)}.settings-section-card{position:relative;display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);color:var(--text-primary);text-decoration:none;overflow:hidden;transition:box-shadow var(--motion-base),border-color var(--motion-base)}.settings-section-card:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:2px;background:linear-gradient(to right,var(--card-indicator, var(--card-indicator-primary)),transparent 80%);opacity:.8;pointer-events:none;transition:opacity var(--motion-base)}html[dir=rtl] .settings-section-card:before{background:linear-gradient(to left,var(--card-indicator, var(--card-indicator-primary)),transparent 80%)}.settings-section-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.settings-section-card:hover:before{opacity:1}.settings-section-card:active{box-shadow:var(--card-shadow)}.settings-section-card--primary{--card-indicator: var(--card-indicator-primary);border-color:var(--card-border-primary)}.settings-section-card--primary .settings-section-icon{background:var(--primary);color:#fff}.settings-section-icon{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-accent-primary-subtle);color:var(--card-accent-primary);flex-shrink:0}.settings-section-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.settings-section-title{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.settings-section-desc{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--line-relaxed)}.settings-section-chevron{color:var(--text-muted);flex-shrink:0}.settings-section-card:hover .settings-section-chevron{color:var(--primary)}.members-filter-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface-hover);border:1px solid var(--border);border-radius:999px}.members-filter-tab{border:none;background:transparent;padding:6px 14px;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);cursor:pointer;transition:background var(--motion-base),color var(--motion-base),box-shadow var(--motion-base)}.members-filter-tab:hover{color:var(--text-primary)}.members-filter-tab--active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.member-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--border);min-width:0}.member-row:last-child{border-bottom:none}.member-row-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.member-row-dot--online{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.member-row-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-weight:var(--font-weight-bold);flex-shrink:0}.member-row-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.member-row-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-email{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-status{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:var(--surface-hover);padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.member-row-status--online{color:var(--success);background:var(--success-soft)}.member-row-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.member-row-status+.btn{margin-inline-start:4px}@media (max-width: 640px){.settings-sections-grid{grid-template-columns:1fr}.members-filter-tabs{flex-wrap:wrap;border-radius:16px}}.toast-stack{position:fixed;inset-inline-start:20px;bottom:20px;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:min(340px,calc(100vw - 40px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);color:var(--text-primary);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-standard)}.toast-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.toast-broadcast .toast-icon{background:var(--success-soft);color:var(--success)}.toast-text{display:flex;flex-direction:column;gap:1px;font-size:var(--text-sm);color:var(--text-secondary);min-width:0}.toast-name{font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft);flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-height);padding:0 var(--control-padding-x);border-radius:var(--control-radius);border:1px solid transparent;font-size:var(--text-md);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-instant) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}[data-theme=dark] .btn-success:hover:not(:disabled){background:#059669}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn-sm{height:var(--control-height-sm);padding:0 var(--control-padding-x-sm);font-size:var(--text-sm);border-radius:var(--radius-sm);gap:12px}.btn-block{width:100%}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin var(--duration-spin) var(--ease-linear) infinite;flex-shrink:0}.suspense-fallback{display:flex;align-items:center;justify-content:center;min-height:200px}.suspense-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.wb-presentation{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.wb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.12);background:#0e1523cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0f172a2e}.wb-toolbar-group{display:inline-flex;align-items:center;gap:6px;padding-inline-end:8px;border-inline-end:1px solid rgba(148,163,184,.16)}.wb-toolbar-group:last-child{border-inline-end:none}.wb-toolbar-group--settings{padding-inline:8px 0}.wb-toolbar-group--text-settings{gap:8px}.wb-tool-btn,.wb-color-swatch,.wb-stroke-btn,.wb-size-btn{border:1px solid transparent;color:#e2e8f0;background:#94a3b814;transition:background var(--motion-base),border-color var(--motion-base),transform var(--motion-fast),box-shadow var(--motion-base)}.wb-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;cursor:pointer}.wb-tool-btn:hover:not(:disabled),.wb-stroke-btn:hover:not(:disabled),.wb-size-btn:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa52}.wb-tool-btn.active,.wb-stroke-btn.active,.wb-size-btn.active{background:#3b82f62e;border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa47,0 0 18px #3b82f647}.wb-tool-btn:disabled{opacity:.45;cursor:not-allowed}.wb-tool-btn--danger{color:#fecaca}.wb-color-picker,.wb-stroke-picker,.wb-text-settings{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.wb-color-swatch{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0f172a38;cursor:pointer}.wb-color-swatch.active{transform:scale(1.15);box-shadow:0 0 0 2px #fffffff2,0 0 0 4px #3b82f66b}.wb-custom-color{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid rgba(148,163,184,.3);background:#ffffff14}.wb-custom-color input{width:100%;height:100%;border:none;background:transparent;padding:0;cursor:pointer}.wb-stroke-btn{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wb-stroke-btn span{display:block;width:18px;border-radius:999px;background:currentColor}.wb-size-btn{min-width:34px;height:28px;border-radius:8px;cursor:pointer;padding:0 8px;font-size:11px;font-weight:var(--font-weight-semibold)}.wb-stage-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.wb-stage-wrap:fullscreen{background:#000}.wb-canvas{display:block;width:100%;height:100%}.wb-text-input{position:absolute;min-width:120px;padding:0;border:none;outline:none;background:transparent;resize:both;z-index:2;line-height:1.2;box-shadow:none}.wb-text-input::placeholder{color:#ffffff59}@media (max-width: 720px){.wb-toolbar{gap:6px;padding:8px 10px}.wb-toolbar-group{border-inline-end:none;padding-inline-end:0}.wb-toolbar-group--settings,.wb-toolbar-group--text-settings{width:100%;justify-content:space-between}}[data-theme=light] .wb-presentation{background:#fff}[data-theme=light] .wb-toolbar{background:#f8fafcf0;border-bottom-color:#e2e8f0;box-shadow:0 4px 16px #6482aa14}[data-theme=light] .wb-toolbar-group{border-inline-end-color:#cbd5e1cc}[data-theme=light] .wb-tool-btn,[data-theme=light] .wb-stroke-btn,[data-theme=light] .wb-size-btn{color:#334155;background:#f1f5f9d9;border-color:#e2e8f0}[data-theme=light] .wb-tool-btn:hover:not(:disabled),[data-theme=light] .wb-stroke-btn:hover:not(:disabled),[data-theme=light] .wb-size-btn:hover:not(:disabled){background:#dbeafeb3;border-color:#60a5fa80;color:#1d4ed8}[data-theme=light] .wb-tool-btn.active,[data-theme=light] .wb-stroke-btn.active,[data-theme=light] .wb-size-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb;box-shadow:0 0 0 1px #3b82f6,0 2px 8px #3b82f62e}[data-theme=light] .wb-tool-btn:disabled{color:#94a3b8;background:#f1f5f966;border-color:transparent}[data-theme=light] .wb-tool-btn--danger{color:#ef4444}[data-theme=light] .wb-color-swatch{box-shadow:inset 0 0 0 1px #00000038}.wb-tool-btn--laser.active{background:#ef444433;border-color:#ef444480;box-shadow:0 0 0 1px #ef44444d,0 0 18px #ef44444d;color:#ef4444}[data-theme=light] .wb-tool-btn--laser.active{background:#ef44441a;border-color:#ef4444;color:#dc2626}.wb-grid-dots{background:radial-gradient(circle at 1px 1px,rgba(148,163,184,.18) 1.2px,transparent 0),#070d1a!important;background-size:12px 12px,100% 100%!important}.wb-grid-lines{background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),#070d1a!important;background-size:24px 24px,24px 24px,100% 100%!important}.wb-grid-graph{background:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.14) 1px,transparent 1px),#070d1a!important;background-size:24px 24px,24px 24px,96px 96px,96px 96px,100% 100%!important}.wb-grid-none{background:#070d1a!important}[data-theme=light] .wb-grid-dots{background:radial-gradient(circle at 1px 1px,rgba(148,163,184,.25) 1.2px,transparent 0),#fff!important;background-size:12px 12px,100% 100%!important}[data-theme=light] .wb-grid-lines{background:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),#fff!important;background-size:24px 24px,24px 24px,100% 100%!important}[data-theme=light] .wb-grid-graph{background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px),#fff!important;background-size:24px 24px,24px 24px,96px 96px,96px 96px,100% 100%!important}[data-theme=light] .wb-grid-none{background:#fff!important}[data-theme=light] .wb-color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}[data-theme=light] .wb-custom-color{border-color:#cbd5e1;background:#fff}[data-theme=light] .wb-stage-wrap{background:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(148,163,184,.22) 1.2px,transparent 0),#fff;background-size:24px 24px,24px 24px,12px 12px,100% 100%}.wb-stage-wrap:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;cursor:crosshair}.wb-stage-wrap:fullscreen .wb-canvas{width:100%!important;height:100%!important}[data-theme=light] .wb-stage-wrap:fullscreen{background:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(148,163,184,.22) 1.2px,transparent 0),#fff!important;background-size:24px 24px,24px 24px,12px 12px,100% 100%!important}[data-theme=light] .wb-text-input{color:#111827}[data-theme=light] .wb-text-input::placeholder{color:#00000059}.theme-toggle{width:var(--avatar-size);height:var(--avatar-size);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:translateY(0) scale(.94)}.theme-toggle-icon{display:inline-flex;animation:theme-pop var(--duration-base) var(--ease-out);transition:transform var(--duration-slow) var(--ease-out)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(18deg)}[data-theme=dark] .theme-toggle{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}[data-theme=dark] .theme-toggle:hover{background:#1e304db3;border-color:#60a5fa59;box-shadow:0 8px 24px #00000059,0 0 0 1px #60a5fa26}@keyframes theme-pop{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.language-switcher{display:inline-flex;align-items:center;gap:2px;height:54px;padding:5px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;box-sizing:border-box}.language-switcher-option{min-width:40px;height:100%;padding:0 10px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-bold);font-family:inherit;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--motion-base),color var(--motion-base),box-shadow var(--motion-base)}.language-switcher-option:hover{color:var(--text-primary);background:var(--surface-hover)}.language-switcher-option.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .language-switcher{background:#101b2fbd;border-color:#94a3b83d}[data-theme=dark] .language-switcher-option{color:#c2cddd}[data-theme=dark] .language-switcher-option:hover{background:#1e304db3;color:#fff}[data-theme=dark] .language-switcher-option.active{background:var(--primary);color:#fff}.form-field{margin-bottom:10px}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:6px;color:var(--text-secondary)}.input{width:100%;height:var(--control-height);padding:0 14px;border:1px solid var(--border);border-radius:var(--control-radius);font-size:var(--text-md);font-family:inherit;background:var(--surface);color:var(--text-primary);transition:border-color var(--motion-base),box-shadow var(--motion-base),background var(--motion-base)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-hover)}textarea.input{height:auto;min-height:96px;padding:10px 14px;resize:vertical;line-height:var(--line-normal)}.input-invalid{border-color:var(--danger)}.input-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form-hint,.form-error{font-size:var(--text-xs);margin-top:5px}.form-hint{color:var(--text-muted)}.form-error{color:var(--danger)}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row .form-field{flex:1;min-width:180px;margin-bottom:0}.alert{padding:10px 14px;border-radius:var(--control-radius);font-size:var(--text-md);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent}.alert-error{background:var(--danger-soft);border-color:#dc262640;color:var(--danger)}.alert-success{background:var(--success-soft);border-color:#16a34a40;color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:#d9770647;color:var(--warning)}.alert-info{background:var(--info-soft);border-color:#2563eb40;color:var(--info)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:var(--neutral-soft);color:var(--text-secondary);letter-spacing:var(--tracking-wide)}.badge-status-draft,.badge-status-archived{background:var(--neutral-soft);color:var(--text-secondary)}.badge-status-published,.badge-status-active{background:var(--success-soft);color:var(--success)}.badge-role-admin{background:var(--warning-soft);color:var(--warning)}.badge-role-teacher{background:var(--info-soft);color:var(--info)}.badge-role-student{background:var(--primary-soft);color:var(--primary)}.role-icon{object-fit:contain;flex-shrink:0}.role-icon-fallback{flex-shrink:0}.files-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,16px);align-items:start}.files-grid>.card{margin-bottom:0}@media (max-width: 820px){.files-grid{grid-template-columns:1fr}}.files-count-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.list li{padding:8px 2px;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none}.list a{font-weight:var(--font-weight-medium);color:var(--text-primary);transition:color var(--motion-base)}.list a:hover{color:var(--primary)}.card-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;gap:10px;color:var(--text-muted)}.card-empty-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--neutral-soft);color:var(--text-muted)}.card-empty-text{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted)}.file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:0 -10px;border-radius:var(--control-radius);transition:background var(--motion-base)}.file-row:hover{background:var(--surface-hover)}.file-thumb{width:var(--tile-sm);height:var(--tile-sm);border-radius:var(--control-radius);display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-soft);color:var(--secondary);flex-shrink:0;box-shadow:var(--shadow-xs)}.file-main{display:flex;flex-direction:column;min-width:0;flex:1}.file-name{font-weight:var(--font-weight-semibold);word-break:break-word;color:var(--text-primary)}.file-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:3px;color:var(--text-muted);font-size:var(--text-xs)}.file-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.file-ext{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-full);background:var(--neutral-soft);color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest)}.file-chip{display:inline-flex;align-items:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 8px;border-radius:var(--radius-xs);background:var(--neutral-soft);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.file-chip-course{background:var(--primary-soft);color:var(--primary)}.file-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-inline-start:8px;vertical-align:middle;box-shadow:0 0 0 3px var(--success-soft)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--border-strong);border-radius:var(--radius);padding:18px 20px;text-align:center;color:var(--text-muted);cursor:pointer;margin-bottom:10px;transition:border-color var(--motion-base),background var(--motion-base),transform var(--duration-instant) var(--ease-out);font-size:var(--text-md)}.dropzone:hover,.dropzone-active{border-color:var(--primary);background:var(--primary-soft)}.dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dropzone.has-file{border-color:var(--success);background:var(--success-soft)}.dropzone:active{transform:scale(.995)}.dropzone-icon{width:40px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:var(--neutral-soft);color:var(--secondary);margin-bottom:2px;transition:background var(--motion-base),color var(--motion-base)}.dropzone:hover .dropzone-icon,.dropzone-active .dropzone-icon{background:var(--primary-soft);color:var(--primary)}.dropzone.has-file .dropzone-icon{background:var(--success-soft);color:var(--success)}.dropzone-title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.dropzone-hint{font-size:var(--text-xs);color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.progress{position:relative;height:10px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;margin:12px 0}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));transition:width var(--duration-slow) var(--ease-standard)}.progress-label{position:absolute;inset-inline-end:8px;top:-2px;font-size:11px;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted)}.empty-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--neutral-soft);color:var(--text-muted);margin-bottom:14px}.empty-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:4px}.empty-hint{margin-bottom:16px;font-size:var(--text-sm)}.empty-action{display:flex;justify-content:center}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-muted)}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin var(--duration-spin) var(--ease-linear) infinite}.spinner-label{font-size:var(--text-sm)}.full-page{min-height:100dvh;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px}.modal{width:100%;max-width:420px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg)}.modal-wide{max-width:640px}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:8px;color:var(--text-primary)}.modal-message{color:var(--text-muted);margin-bottom:20px;font-size:var(--text-md)}.modal-pre{margin:0 0 20px;padding:14px 16px;max-height:55vh;overflow:auto;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-loose);white-space:pre-wrap;word-break:break-word}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.live-stage{display:flex;flex-direction:column;gap:16px}.live-video-wrap{position:relative;aspect-ratio:16 / 9;background:#0f172a;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:220px;cursor:zoom-in}.live-video{width:100%;height:100%;object-fit:cover;background:#0f172a}.live-video-wrap:fullscreen{aspect-ratio:auto;min-height:0;width:100vw;height:100vh;border-radius:0;background:#000;cursor:default}.live-video-wrap:fullscreen .live-video{object-fit:cover}.live-video-wrap:fullscreen .live-overlay{background:#0f172a73}.live-badge{position:absolute;top:12px;inset-inline-start:12px;background:#dc2626;color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-extra-wide);padding:3px 10px;border-radius:var(--radius-xs);box-shadow:0 2px 8px #00000059}.live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:var(--text-md);background:#0f172a8c;padding:16px;text-align:center}.live-controls{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.live-status{font-size:15px;font-weight:var(--font-weight-semibold)}.live-on{color:#dc2626;animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.live-connecting{padding:48px 16px;text-align:center;color:var(--text-muted);font-size:15px}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.table-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.table-toolbar-footer{margin-bottom:0;padding-top:16px;border-top:1px solid var(--border)}.table-search{position:relative;display:flex;align-items:center;width:min(280px,100%);flex-shrink:0}.table-search>svg{position:absolute;inset-inline-start:12px;color:var(--text-muted);pointer-events:none}.table-search .input{padding-inline-start:38px;padding-inline-end:38px;height:var(--control-height)}.table-search .btn-icon-sm{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%)}.table-filter{width:170px;flex-shrink:0;height:var(--control-height)}.table-count{margin-inline-start:auto;font-variant-numeric:tabular-nums}.table-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-scroll{overflow-x:auto;overflow-y:auto;min-height:clamp(320px,52vh,420px);max-height:600px;border:1px solid var(--border);border-radius:var(--radius);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);min-width:860px}.data-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-elevated);text-align:start;font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding:14px 18px;border-bottom:1px solid var(--border-strong);white-space:nowrap}.data-table tbody td{padding:18px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--motion-base)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr.selected{background:var(--primary-soft)}.data-table .col-check{width:40px;text-align:center}.data-table .col-actions{width:72px;text-align:center}.data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.cell-name{font-weight:var(--font-weight-semibold);white-space:nowrap}.cell-email{color:var(--text-muted);white-space:nowrap}.token-mask{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-secondary);background:var(--neutral-soft);padding:2px 8px;border-radius:var(--radius-xs);white-space:nowrap}.teacher-identifier-row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.teacher-identifier{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-md);font-weight:600;letter-spacing:.04em;color:var(--text-primary);background:var(--neutral-soft);padding:10px 16px;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);white-space:nowrap}.content-protect-toggle{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base),box-shadow var(--motion-base)}.content-protect-toggle:hover{border-color:var(--border-strong)}.content-protect-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.content-protect-toggle-track{position:relative;width:44px;height:24px;border-radius:var(--radius-full);background:var(--surface-hover);border:1px solid var(--border-strong);flex-shrink:0;transition:background var(--motion-base),border-color var(--motion-base)}.content-protect-toggle-thumb{position:absolute;top:50%;inset-inline-start:3px;transform:translateY(-50%);width:18px;height:18px;border-radius:var(--radius-full);background:var(--text-muted);transition:background var(--motion-base),inset-inline-start var(--motion-base) var(--ease-out)}.content-protect-toggle-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);animation:content-protect-label-in var(--duration-slower) var(--ease-out)}.content-protect-toggle.on{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:var(--success-soft);box-shadow:0 0 0 3px var(--success-soft)}.content-protect-toggle.on .content-protect-toggle-track{background:var(--success);border-color:var(--success)}.content-protect-toggle.on .content-protect-toggle-thumb{inset-inline-start:calc(100% - 21px);background:#fff}.content-protect-toggle.on .content-protect-toggle-label{color:var(--success)}@keyframes content-protect-label-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.content-protect-toggle,.content-protect-toggle-track,.content-protect-toggle-thumb,.content-protect-toggle-label{transition:none;animation:none}}@media (max-width: 480px){.content-protect-toggle{padding:5px 10px}}.content-protect-save-row{display:flex;justify-content:flex-start;margin-top:20px}.content-protect-save-row .btn{min-width:120px}.access-row{padding:12px 0;border-bottom:1px solid var(--border)}.access-row:last-child{border-bottom:none}.teachers-add{display:flex;flex-direction:column;gap:12px}.teachers-add-head{display:flex;align-items:center;gap:8px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.teachers-add-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.teachers-add-form .input{flex:1 1 260px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);text-transform:uppercase}.access-main{display:flex;flex-direction:column;gap:10px}.access-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-activate{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.access-activate .input{flex:1 1 240px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm)}.access-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-sm)}.access-hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.lesson-window{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1)}.lesson-window--locked{border-color:var(--danger, #e5484d)}.lesson-window-title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.countdown{display:flex;align-items:stretch;gap:8px}.countdown-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-0, #fff)}.countdown-value{font-size:20px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1}.countdown-label{font-size:var(--text-xs, 12px);color:var(--text-secondary)}.detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin:4px 0 0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover)}.detail-row{display:flex;flex-direction:column;gap:3px}.detail-row dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.detail-row dd{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.badge-account-active{background:var(--info-soft);color:var(--info)}.badge-status-no_token,.badge-status-revoked{background:var(--neutral-soft);color:var(--text-secondary)}.badge-status-expired{background:var(--danger-soft);color:var(--danger)}.badge-status-pending{background:var(--warning-soft);color:var(--warning)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base)}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon-sm{width:26px;height:26px}.table-actions{position:relative;display:inline-flex}.action-menu{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:var(--z-overlay);min-width:200px;max-height:calc(100vh - 16px);overflow-y:auto;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.action-menu--fixed{position:fixed;top:auto;bottom:auto;inset-inline-end:auto;inset-inline-start:auto}.action-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:inherit;text-align:start;cursor:pointer;white-space:nowrap;transition:background var(--motion-base),color var(--motion-base)}.action-menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.action-menu-item-danger{color:var(--danger)}.action-menu-item-danger:hover{background:var(--danger-soft);color:var(--danger)}.live-broadcast-indicator{position:relative;width:54px;height:54px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;color:var(--text-secondary);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.live-broadcast-indicator:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-primary)}.live-broadcast-indicator:active{transform:translateY(0) scale(.98)}.live-broadcast-indicator:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.live-broadcast-indicator.live{color:var(--success);border-color:#16a34a8c;background:#16a34a14}.live-broadcast-indicator-dot{position:absolute;top:2px;inset-inline-end:2px;width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft);animation:live-indicator-pulse 1.6s var(--ease-standard) infinite}@keyframes live-indicator-pulse{0%,to{box-shadow:0 0 0 3px var(--success-soft)}50%{box-shadow:0 0 0 6px #16a34a29}}[data-theme=dark] .live-broadcast-indicator{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}[data-theme=dark] .live-broadcast-indicator.live{border-color:#34d39980;background:#10b98124;color:#34d399}.notification-bell{position:relative}.notification-bell-btn{position:relative;width:54px;height:54px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;color:var(--text-secondary);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.notification-bell-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-primary)}.notification-bell-btn:active{transform:translateY(0) scale(.98)}[data-theme=dark] .notification-bell-btn{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}.notification-count{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);line-height:18px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:var(--z-dropdown);width:min(360px,calc(100vw - 32px));background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.notification-header-title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.notification-mark-all{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer}.notification-list{max-height:380px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.notification-footer{border-top:1px solid var(--border);padding:8px 10px}.notification-clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--danger);font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:background var(--motion-base)}.notification-clear-btn:hover{background:var(--danger-soft)}.notification-clear-confirm{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:2px 4px;font-size:var(--text-xs);color:var(--text-secondary)}.notification-clear-confirm-actions{display:flex;align-items:center;gap:8px}.notification-clear-yes,.notification-clear-no{border:none;border-radius:var(--radius-sm);padding:5px 10px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--motion-base)}.notification-clear-yes{background:var(--danger);color:#fff}.notification-clear-yes:hover{background:var(--danger-hover, var(--danger))}.notification-clear-no{background:var(--neutral-soft);color:var(--text-secondary)}.notification-clear-no:hover{background:var(--surface-hover)}.notification-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;text-align:start;cursor:pointer;transition:background var(--motion-base)}.notification-item:hover{background:var(--surface-hover)}.notification-item-unread{background:var(--primary-soft)}.notification-item-dot{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary)}.notification-item-text{display:flex;flex-direction:column;gap:3px;min-width:0}.notification-title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.notification-body{font-size:var(--text-sm);color:var(--text-secondary)}.notification-time{font-size:var(--text-xs)}.notification-item-unread-dot{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary);margin-inline-start:auto}.notification-empty{padding:18px 12px;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.pagination-info{font-variant-numeric:tabular-nums}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.period-option{padding:9px 8px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base)}.period-option:hover{border-color:var(--border-strong);background:var(--surface-hover)}.period-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:var(--font-weight-semibold)}.grant-type-grid{grid-template-columns:repeat(2,1fr)}.token-reveal{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:20px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.token-reveal-value{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-md);word-break:break-all;color:var(--text-primary)}.admin-console-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--surface-muted)}.admin-console-dashboard{justify-content:flex-start;align-items:center;gap:20px;padding:28px 24px}.admin-console-header{width:100%;max-width:1120px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.admin-console-header-info{display:flex;flex-direction:column;gap:2px}.admin-console-header .admin-console-brand{text-align:start;font-size:var(--text-sm);margin-bottom:2px;color:var(--primary)}.admin-console-header .admin-console-title{text-align:start;font-size:var(--text-xl);margin-bottom:0}.admin-console-grid{width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}.admin-console-main,.admin-console-side{display:flex;flex-direction:column;gap:20px;min-width:0}.admin-console-card{width:100%;max-width:420px}.admin-console-brand{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary);text-align:center;margin-bottom:4px}.admin-console-title{text-align:center;font-size:var(--text-xl);margin-bottom:8px}.admin-console-topbar{width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px}.admin-console-user{display:flex;flex-direction:column;gap:2px}.admin-console-qr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-console-qr-wrap,.admin-console-qr-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content}.admin-console-qr-panel{flex-direction:row;align-items:center;width:100%;margin-top:6px}.admin-console-qr{padding:8px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);line-height:0;flex-shrink:0}.admin-console-qr img{display:block;width:176px;height:176px}.admin-console-latin{direction:ltr;unicode-bidi:embed;font-family:Cairo,Noto Sans,Segoe UI,Roboto,Arial,sans-serif;font-weight:var(--font-weight-semibold);letter-spacing:.01em}.admin-console-qr-meta{display:flex;flex-direction:column;gap:8px;text-align:start}.admin-console-qr-meta p{margin:0}.admin-console-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.admin-console-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.admin-console-tile-body{display:flex;flex-direction:column;gap:4px}.admin-console-tile-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.admin-console-tile-desc{font-size:var(--text-sm);color:var(--text-muted)}.admin-console-tile .btn{align-self:stretch}.admin-console-maintenance-actions{display:flex;flex-direction:column;gap:10px}.admin-console-maintenance-actions .btn{justify-content:center}.admin-console-link{direction:ltr;unicode-bidi:embed;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.topbar:after{animation:none!important;opacity:.08;transform:translate(0) skew(-14deg)}html[dir=rtl] .topbar:after{transform:translate(0) skew(14deg)}[data-theme=dark] .topbar:after{opacity:.12}}@media (max-width: 1024px){.sidebar{width:228px;padding:18px 12px}.sidebar-link{padding:9px 12px}.stats-grid{gap:14px}}@media (max-width: 860px){.sidebar{width:210px;padding:16px 12px;gap:18px;position:sticky;top:0;height:100dvh}.sidebar-logout{display:inline-flex}.sidebar-brand{padding:0 4px;gap:8px}.brand-name{font-size:16px}.sidebar-nav{gap:3px}.sidebar-link{white-space:nowrap;gap:10px;padding:10px 12px;font-size:14px}.sidebar-link.active:before{top:22%;bottom:22%;inset-inline-start:0;inset-inline-end:auto;width:3px;height:auto}.sidebar-group{flex-direction:column;align-items:stretch;flex-shrink:0}.sidebar-sub{flex-direction:column;gap:2px;margin-inline-start:12px;padding-inline-start:10px}.sidebar-sub-link{white-space:nowrap;padding:8px 10px}.topbar:before{background-position:center 32%}.user-card{min-height:46px;padding:5px 12px;gap:10px}.user-card-name{max-width:110px}.logout-btn{width:148px;min-height:44px;padding:0 14px}.topbar-actions .theme-toggle,.notification-bell-btn{width:46px;height:46px}.notification-dropdown{inset-inline-end:auto;inset-inline-start:auto}.language-switcher{height:46px;border-radius:12px}.language-switcher-option{min-width:34px;padding:0 8px;font-size:12.5px;border-radius:8px}.live-broadcast-indicator{width:46px;height:46px}.table-search{width:100%}.table-count{margin-inline-start:0}.table-scroll{min-height:300px;max-height:480px}}@media (max-width: 560px){.sidebar{width:180px;gap:8px;padding:8px 10px}.sidebar-brand{gap:0}.brand-name-wrap{display:none}.sidebar-nav{padding:2px}.sidebar-link{gap:7px;padding:9px 11px;font-size:13.5px}.sidebar-sub-link{padding:8px 9px;font-size:12.5px;gap:7px}.topbar{padding:8px 12px;flex-wrap:wrap;row-gap:8px}.topbar-actions{gap:6px;flex-wrap:wrap}.user-card{min-height:42px;padding:4px 8px;gap:8px}.user-card .badge{display:none}.user-card-avatar{width:32px;height:32px}.user-card-avatar img,.user-card-avatar .role-icon-fallback{width:100%;height:100%}.user-card-name,.logout-btn span{display:none}.logout-btn{width:42px;min-height:42px;padding:0}.topbar-actions .theme-toggle,.notification-bell-btn{width:42px;height:42px}.language-switcher{height:42px;border-radius:11px;padding:4px}.language-switcher-option{min-width:30px;padding:0 6px;font-size:12px;border-radius:7px}.live-broadcast-indicator{width:42px;height:42px}.page-header{margin-bottom:14px}.page-heading{gap:10px}.page-heading-icon{width:40px;height:40px;border-radius:11px}.page-title{font-size:var(--text-xl)}.page-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.page-actions .btn{width:100%}.btn{height:var(--control-height-lg);padding-inline:14px}.card{border-radius:14px}.card-header{padding:13px 16px}.members-card .card-header,.card-body{padding:16px}.card-empty{padding:26px 12px}.grid{grid-template-columns:1fr;gap:14px}.dashboard-grid{gap:14px}.dashboard-grid>.card:has(.card-empty){padding-bottom:0}.dashboard-grid>.card:has(.card-empty) .card-empty{padding:14px 12px;gap:6px}.dashboard-grid>.card:has(.card-empty) .card-empty-icon{width:36px;height:36px;border-radius:10px}.dashboard-grid>.card:has(.card-empty) .card-empty-icon svg{width:16px;height:16px}.dashboard-grid>.card:has(.card-empty) .card-empty-text{font-size:12px}.dashboard-grid>.card:has(.list) .card-body{padding:8px 16px 12px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px 16px}.stats-grid--compact{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stats-grid--compact .stat-card{flex-direction:column;align-items:center;text-align:center;padding:12px 6px 10px;gap:6px}.stats-grid--compact .stat-card-icon{width:36px;height:36px;border-radius:10px}.stats-grid--compact .stat-card-icon svg{width:18px;height:18px}.stats-grid--compact .stat-card-body{align-items:center}.stats-grid--compact .stat-value{font-size:20px;line-height:1}.stats-grid--compact .stat-label{font-size:11px;margin-top:1px}.sub-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-console-grid{grid-template-columns:1fr}.admin-console-dashboard{padding:14px 10px}.admin-console-header{padding:14px 16px;border-radius:14px}.admin-console-header .admin-console-title{font-size:var(--text-lg)}.admin-console-qr-panel{flex-direction:column;align-items:center;text-align:center}.admin-console-qr-meta{text-align:center;align-items:center}.members-section{padding:16px 10px}.members-value{font-size:20px}.toast-stack{inset-inline-start:12px;bottom:12px;max-width:calc(100vw - 24px)}.table-scroll{min-height:260px;max-height:420px}.data-table{min-width:640px}.data-table th,.data-table td{padding:12px}.table-count{font-size:var(--text-sm)}.table-toolbar{flex-direction:column;align-items:stretch}.table-filter,.table-search,.table-bulk-actions{width:100%}.table-bulk-actions .btn{flex:1}.pagination{flex-wrap:wrap;justify-content:center}.period-grid{grid-template-columns:repeat(2,1fr)}.auth-card{padding:22px 18px;max-width:100%}.app-footer{padding:16px 12px;font-size:var(--text-sm)}}@media (max-width: 400px){.data-table{min-width:520px}.sidebar-link{padding:9px;font-size:13px}.sidebar-link-icon{display:none}.user-card{padding:3px 7px}.card-body{padding:14px}.stats-grid{gap:10px}.sub-summary-grid{grid-template-columns:1fr}.members-filter-tabs{flex-wrap:wrap}}.gate-loading{display:flex;justify-content:center;padding:48px 0}.empty-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--danger-soft);color:var(--danger)}.admin-console-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sub-summary-grid{width:100%;max-width:760px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:4px 0 18px}.sub-summary-card{margin-bottom:0;padding:16px 18px}.sub-summary-card .card-body{padding:0}.admin-summary-card{display:flex;align-items:center;gap:12px}.admin-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.admin-summary-icon--total{background:var(--primary-soft);color:var(--primary)}.admin-summary-icon--active{background:var(--success-soft);color:var(--success)}.admin-summary-icon--expired{background:var(--danger-soft);color:var(--danger)}.admin-summary-icon--grace{background:var(--warning-soft);color:var(--warning)}.admin-summary-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:1.1;font-variant-numeric:tabular-nums}.admin-summary-label{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head .modal-title{margin-bottom:0}.sub-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 18px;padding:18px;margin:14px 0;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.sub-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:3px}.sub-value{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.sub-teacher-id{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary);background:var(--neutral-soft);display:inline-block;padding:2px 8px;border-radius:var(--radius-xs)}.sub-state{display:inline-flex;align-items:center;gap:7px;font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.sub-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.sub-dot-active{background:var(--success)}.sub-dot-grace{background:var(--warning)}.sub-dot-expired{background:var(--danger)}.sub-dot-none{background:var(--text-muted)}.badge .sub-dot{margin-inline-end:6px;vertical-align:1px}.sub-section{margin-top:18px}.sub-section-title{display:flex;align-items:center;gap:8px;font-size:var(--text-md);margin-bottom:6px}.sub-hint{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:12px}.sub-renew-actions{display:flex;flex-wrap:wrap;gap:10px}.sub-history{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sub-history-item{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.sub-history-item:last-child{border-bottom:none}.sub-history-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sub-history-created{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.sub-history-action{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-xs);background:var(--neutral-soft);color:var(--text-secondary)}.sub-history-duration{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-xs);background:var(--primary-soft);color:var(--primary)}.sub-history-dates{margin-top:4px;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.license-live-note{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary);background:var(--success-soft);color:var(--success);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:16px}.license-live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:license-pulse 1.6s ease-in-out infinite}@keyframes license-pulse{0%,to{opacity:1}50%{opacity:.35}}.license-state-row{display:flex;align-items:center;gap:14px;margin-bottom:4px}.license-state-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.license-state-row .sub-state{font-size:var(--text-lg)}.sub-value--active{color:var(--success)}.sub-value--grace{color:var(--warning)}.license-empty-hint{margin-top:6px}.classroom-workspace{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(90% 55% at 50% 0%,var(--primary-soft),transparent 62%),var(--bg);color:var(--text-primary)}.classroom-workspace-center{align-items:center;justify-content:center;gap:12px;padding:24px}.classroom-header{position:relative;display:flex;align-items:center;gap:14px;padding:0 16px;height:64px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px #94a3b80f;z-index:var(--z-dropdown)}.classroom-header:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5;pointer-events:none}.classroom-back-btn{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 10px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-fast)}.classroom-back-btn:hover{border-color:var(--border-strong);color:var(--primary);background:var(--surface);box-shadow:var(--shadow-xs)}.classroom-back-btn:active:not(:disabled){transform:scale(.97)}.classroom-back-label{white-space:nowrap}.classroom-brand{display:flex;align-items:center;gap:11px;min-width:0}.classroom-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--control-radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:var(--font-weight-extrabold);font-size:17px;box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffffff2e;flex-shrink:0}.classroom-brand-logo{width:36px;height:36px;border-radius:var(--control-radius);object-fit:contain;flex-shrink:0}.classroom-brand-meta{display:flex;flex-direction:column;gap:1px;line-height:1.25;min-width:0}.classroom-brand-name{font-size:14px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.classroom-class-name{font-size:12px;color:var(--text-muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-role{flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:#f59e0b;letter-spacing:var(--tracking-tight)}.classroom-role{position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:#f59e0b;letter-spacing:var(--tracking-tight);white-space:nowrap;pointer-events:none;padding:2px 14px;border:1.5px solid #f59e0b;border-radius:8px;background:#f59e0b0f}.classroom-header-end{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex-shrink:0}.classroom-live-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-muted);border:1px solid var(--border);background:var(--surface-hover);border-radius:var(--radius-full);padding:5px 12px 5px 10px;white-space:nowrap}.classroom-live-pill:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-strong);flex-shrink:0}.classroom-live-pill.live{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;box-shadow:0 4px 14px #dc262666}.classroom-live-pill.live:before{background:#fff;animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.classroom-header-divider{width:1px;height:26px;background:var(--border)}.classroom-lang{height:40px}.classroom-lang .language-switcher-option{min-width:34px;height:100%}.classroom-theme{width:40px;height:40px}.classroom-body{flex:1 1 auto;min-height:0;display:flex;gap:10px;padding:14px}.classroom-side{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;flex-grow:0;flex-shrink:0;max-width:50%}.classroom-chat-slot{display:flex;min-height:0}.classroom-chat-slot .chat-panel{flex:1 1 auto}.classroom-main{flex:1 1 auto;min-width:0;min-height:0;display:flex}.classroom-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md)}.classroom-stage-bar{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:linear-gradient(180deg,var(--surface),var(--surface-hover));border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.classroom-stage-title{display:inline-flex;align-items:center;gap:8px;font-weight:var(--font-weight-bold);font-size:var(--text-sm);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.classroom-stage-title:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);flex-shrink:0}.classroom-stage-meta{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-stage-chip{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 11px;flex-shrink:0}.classroom-stage-chip svg{color:var(--primary)}.classroom-stage-canvas{flex:1 1 auto;min-height:0;display:flex;position:relative;background:radial-gradient(70% 60% at 50% 0%,rgba(56,130,246,.12),transparent 62%),radial-gradient(130% 110% at 50% 115%,rgba(2,6,23,.8),transparent 62%),#0a1220}.classroom-stage-canvas .live-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px}.classroom-stage-canvas .live-video-wrap{flex:1 1 auto;min-height:240px;aspect-ratio:auto;width:100%;border-radius:var(--radius);box-shadow:inset 0 0 0 1px #94a3b81a,inset 0 0 64px #0206178c,0 12px 32px #02061780}.live-video-wrap:before,.live-video-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.live-video-wrap:before{background:linear-gradient(180deg,rgba(2,6,23,.42),transparent 28%)}.live-video-wrap:after{background:linear-gradient(0deg,rgba(2,6,23,.5),transparent 30%)}.classroom-stage-canvas .live-badge{z-index:2;top:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-wide);padding:4px 12px 4px 9px;border-radius:var(--radius-full);box-shadow:0 4px 14px #dc262673}.classroom-stage-canvas .live-badge:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:#fff;animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.classroom-stage-canvas .live-overlay{z-index:2;flex-direction:column;gap:14px;padding:24px;background:radial-gradient(70% 70% at 50% 42%,rgba(148,163,184,.09),transparent 72%),#020617b8;font-size:15px;font-weight:var(--font-weight-semibold);color:#dbe4f0;letter-spacing:var(--tracking-wide);line-height:var(--line-snug)}.classroom-stage-canvas .live-overlay:before{content:"";width:54px;height:54px;border-radius:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c3d0e1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196a.5.5 0 0 1-.752.432L16 13.5'/%3E%3Cpath d='M2 2l20 20'/%3E%3Cpath d='M8 6.04A2 2 0 0 0 6.5 5H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-1.86'/%3E%3C/svg%3E") center / 26px no-repeat,#94a3b824;border:1px solid rgba(148,163,184,.26);box-shadow:inset 0 1px #ffffff12;flex-shrink:0}.classroom-stage-alert{flex-shrink:0;padding:9px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:1px solid var(--danger);box-shadow:var(--shadow-xs)}.classroom-stage-alert-warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.classroom-stage-status{position:absolute;bottom:12px;inset-inline-start:12px;inset-inline-end:auto;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;max-width:calc(100% - 24px);padding:6px 14px 6px 11px;border-radius:var(--radius-full);background:#0206179e;border:1px solid rgba(148,163,184,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 18px #02061766;z-index:2}.classroom-stage-status:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:#7a8aa0;flex-shrink:0}.classroom-stage-status:has(.live-on):before{background:#f87171;box-shadow:0 0 0 3px #f8717147;animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.classroom-stage-status .live-status{font-size:12.5px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);color:#e6edf7}.classroom-stage-status .muted{color:#aab8cc;font-size:12px;font-weight:var(--font-weight-medium)}.live-video-wrap-remote{color:#cbd5e1}.live-video-wrap-remote .empty-state{background:transparent;border-color:#94a3b829;padding:32px 20px}.live-video-wrap-remote .empty-icon{background:#94a3b81f;color:#94a3b8;box-shadow:inset 0 0 0 1px #94a3b829}.live-video-wrap-remote .empty-title{color:#e6edf7}.live-video-wrap-remote .empty-hint{color:#94a3b8}.live-video-wrap-remote .live-connecting,.classroom-stage-canvas .live-connecting{color:#cbd5e1}.screen-share-stage,.screen-share-teacher{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.screen-share-scan{flex:1 1 auto;min-height:0;position:relative;display:none;overflow:hidden;background:#000}.screen-share-scan[data-stage=preview],.screen-share-scan[data-stage=live]{display:block}.screen-share-scan-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.screen-share-scan[data-stage=live] .screen-share-scan-video,.screen-share-scan[data-stage=preview] .screen-share-scan-video{opacity:0}.screen-share-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none;z-index:3}.screen-share-frame{position:absolute;border:2px solid #38bdf8;background:#38bdf81f;box-shadow:0 0 0 9999px #02061773;pointer-events:none;border-radius:4px}.screen-share-frame-handle{position:absolute;width:10px;height:10px;background:#38bdf8;border:2px solid #0b1b2b;border-radius:2px;box-shadow:0 0 0 1px #02061799}.screen-share-frame-handle-tl{top:-6px;inset-inline-start:-6px}.screen-share-frame-handle-tr{top:-6px;inset-inline-end:-6px}.screen-share-frame-handle-bl{bottom:-6px;inset-inline-start:-6px}.screen-share-frame-handle-br{bottom:-6px;inset-inline-end:-6px}.screen-share-scan-bar{position:absolute;inset-inline:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(0deg,rgba(2,6,23,.82),rgba(2,6,23,.35) 70%,transparent)}.screen-share-scan-hint{color:#e6edf7;font-size:13px;font-weight:var(--font-weight-semibold)}.screen-share-scan-actions{display:flex;align-items:center;gap:8px}.screen-share-secondary,.screen-share-confirm,.screen-share-start,.screen-share-stop{border:none;border-radius:var(--radius);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.screen-share-secondary{padding:8px 16px;background:#94a3b824;color:#cbd5e1}.screen-share-secondary:hover{background:#94a3b838}.screen-share-confirm{padding:8px 18px;background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;box-shadow:0 6px 18px #0284c766}.screen-share-confirm:hover{transform:translateY(-1px)}.screen-share-confirm:disabled{opacity:.45;cursor:not-allowed;transform:none}.screen-share-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;overflow:hidden}.screen-share-select-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.screen-share-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.screen-share-preview-controls{position:absolute;inset-inline:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(0deg,rgba(2,6,23,.78),transparent)}.screen-share-live{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.screen-share-video{width:100%;height:100%;object-fit:contain;background:#000}.screen-share-live-controls{position:absolute;inset-inline:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;background:linear-gradient(0deg,rgba(2,6,23,.78),transparent)}.screen-share-live-status{color:#e6edf7;font-size:13px;font-weight:var(--font-weight-bold)}.screen-share-stop{padding:8px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 18px #dc262666}.screen-share-stop:hover{transform:translateY(-1px)}.screen-share-start{padding:10px 22px;background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;box-shadow:0 8px 24px #0284c766;margin-top:12px}.screen-share-start:hover{transform:translateY(-1px)}.screen-share-start:disabled{opacity:.6;cursor:wait;transform:none}.screen-share-student{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a1220}.screen-share-student .screen-share-video{position:absolute;top:0;right:0;bottom:0;left:0}.screen-share-student .live-connecting{display:flex;flex-direction:column;align-items:center;gap:12px;color:#cbd5e1}.screen-share-canvas{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.classroom-panel{display:flex;flex-direction:column;min-height:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-xs)}.classroom-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:9px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-hover));flex-shrink:0}.classroom-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.classroom-panel-title svg{color:var(--primary)}.classroom-panel-count{font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);background:var(--neutral-soft);border-radius:var(--radius-full);padding:3px 10px}.classroom-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto}.classroom-panel-body::-webkit-scrollbar{width:8px}.classroom-panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.classroom-panel-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.student-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;align-content:start;padding:12px}.student-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;aspect-ratio:4 / 3;min-width:0;padding:10px 6px 8px;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:radial-gradient(130% 90% at 50% 0%,rgba(148,163,184,.1),transparent 58%),linear-gradient(160deg,#16233d,#0d1526);box-shadow:inset 0 0 0 1px #94a3b80d,0 2px 6px #02061759;transition:transform var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base)}.student-tile:hover{transform:translateY(-2px);border-color:#60a5fa8c;box-shadow:inset 0 0 0 1px #94a3b814,0 8px 18px #02061780}.student-tile:before{content:"";position:absolute;top:8px;inset-inline-end:8px;width:7px;height:7px;border-radius:var(--radius-full);background:#94a3b873}.student-tile-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background:#94a3b829;border:1px solid rgba(148,163,184,.26);color:#cbd5e1;box-shadow:inset 0 1px #ffffff0f}.student-tile-brand{width:20px;height:20px;object-fit:contain;flex-shrink:0}.student-tile-name{font-size:11px;font-weight:var(--font-weight-semibold);color:#e2e8f0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-tile-status{font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);color:#94a3b8;background:#94a3b824;border-radius:var(--radius-full);padding:2px 8px;white-space:nowrap}.student-tile-status--online{color:#4ade80;background:#22c55e29}.student-tile--online:before{background:#22c55e;box-shadow:0 0 6px #22c55e99}.chat-slot-hidden{display:none}.chat-header{position:relative}.chat-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-header-stats{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-muted);white-space:nowrap}.chat-header-stats span{display:inline-flex;align-items:center;gap:4px}.chat-header-stats svg{color:var(--primary)}.chat-status{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:var(--font-weight-bold);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.chat-status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--border-strong);flex-shrink:0}.chat-status.online{color:var(--success)}.chat-status.online .chat-status-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft);animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.chat-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base)}.chat-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.chat-menu-wrap{position:relative}.chat-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) - 1);background:transparent;border:none;cursor:default}.chat-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:var(--z-modal);min-width:184px;padding:4px;display:flex;flex-direction:column;gap:2px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.chat-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-align:start;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.chat-menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.chat-menu-item.danger{color:var(--danger)}.chat-menu-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.chat-messages{position:relative;display:flex;flex-direction:column;padding:12px 14px}.chat-msg{display:flex;align-items:flex-end;gap:8px;margin-block-start:2px;margin-inline-end:auto;max-width:92%}.chat-msg.group-start{margin-block-start:12px}.chat-msg.own{flex-direction:row-reverse;margin-inline-end:0;margin-inline-start:auto}.chat-msg-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--neutral-soft);color:var(--text-muted);border:1px solid var(--border);flex-shrink:0;overflow:hidden}.chat-msg-avatar-img{width:28px;height:28px;object-fit:cover}.chat-msg-avatar-spacer{background:transparent;border-color:transparent}.chat-msg.own .chat-msg-avatar{background:var(--primary-soft);color:var(--primary);border-color:transparent}.chat-msg-main{display:flex;flex-direction:column;gap:3px;max-width:82%;min-width:0}.chat-msg.own .chat-msg-main{align-items:flex-end}.chat-msg-meta{display:flex;align-items:center;gap:6px;font-size:10.5px}.chat-msg-name{font-weight:var(--font-weight-bold);color:var(--text-primary);overflow-wrap:anywhere}.chat-msg-role{font-size:9.5px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);padding:1px 7px;white-space:nowrap}.chat-msg.own .chat-msg-role{color:var(--text-muted);background:var(--neutral-soft)}.chat-msg-bubble{font-size:var(--text-sm);line-height:var(--line-snug);color:var(--text-primary);background:var(--surface-hover);border:1px solid var(--border);border-start-start-radius:4px;border-start-end-radius:16px;border-end-start-radius:16px;border-end-end-radius:16px;padding:7px 12px;max-width:100%;overflow-wrap:break-word}.chat-msg.own .chat-msg-bubble{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-color:transparent;color:var(--primary-contrast);border-start-start-radius:16px;border-start-end-radius:16px;border-end-start-radius:16px;border-end-end-radius:4px;box-shadow:var(--shadow-xs)}.chat-msg.failed .chat-msg-bubble{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.chat-msg-foot{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted)}.chat-msg.own .chat-msg-foot{justify-content:flex-end}.chat-msg-time{font-weight:var(--font-weight-medium)}.chat-msg-status{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-semibold)}.chat-msg-status--sending{color:var(--text-muted)}.chat-msg-status--sent{color:var(--success)}.chat-msg-retry{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;color:var(--danger);font-family:inherit;font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer}.chat-msg-retry:hover{text-decoration:underline}.chat-msg-error{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--danger)}.chat-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;margin-block-start:8px;text-align:center}.chat-empty-icon{position:relative;width:40px;height:40px;border-radius:14px;background:var(--neutral-soft);border:1px solid var(--border)}.chat-empty-icon:before{content:"";position:absolute;top:11px;right:10px;bottom:11px;left:10px;border-radius:4px;background:repeating-linear-gradient(0deg,var(--border-strong) 0 2px,transparent 2px 5px);opacity:.55}.chat-empty-text{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--line-normal);max-width:220px}.chat-typing{display:flex;align-items:center;gap:8px;padding:8px 14px 2px;margin-block-start:6px}.chat-typing-dots{display:inline-flex;align-items:center;gap:3px}.chat-typing-dots i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--text-muted);animation:typing-bounce 1.1s var(--ease-in-out) infinite}.chat-typing-dots i:nth-child(2){animation-delay:.14s}.chat-typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.chat-typing-text{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-muted)}.chat-jump-wrap{position:absolute;inset-inline:0;bottom:10px;display:flex;justify-content:center;pointer-events:none;z-index:2}.chat-jump{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-elevated);color:var(--text-primary);font-family:inherit;font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-md);pointer-events:auto;transition:color var(--motion-fast),border-color var(--motion-fast)}.chat-jump:hover{color:var(--primary);border-color:var(--primary)}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);flex:1 1 auto;min-height:0}.chat-input-wrap{display:flex;flex-direction:column;flex-shrink:0;min-height:84px}.chat-input-resizer{display:flex;align-items:center;justify-content:center;height:14px;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;flex-shrink:0}.chat-input-resizer-grip{width:44px;height:4px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--motion-base)}.chat-input-resizer:hover .chat-input-resizer-grip{background:var(--primary)}.chat-input-field{flex:1 1 auto;min-width:0;min-height:56px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:var(--line-snug);resize:none;overflow-y:auto;transition:border-color var(--motion-base),box-shadow var(--motion-base),background var(--motion-base)}.chat-input-field::placeholder{color:var(--text-muted)}.chat-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.chat-input-field:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-hover)}.chat-send{width:38px;height:38px;padding:0;border-radius:var(--radius-full);flex-shrink:0;color:#fff;background:linear-gradient(180deg,#22c55e,#16a34a 55%,#15803d);border:1px solid #15803d;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e,0 4px 10px #16a34a66;transition:background var(--motion-base),box-shadow var(--motion-base),transform var(--duration-instant) var(--ease-out)}.chat-send:hover:not(:disabled){background:linear-gradient(180deg,#34d366,#17a44b 55%,#15803d);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 6px 14px #16a34a73}.chat-send:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000002e,0 2px 5px #16a34a4d}.chat-send:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .chat-send{color:#022c22;background:linear-gradient(180deg,#34d399,#10b981 55%,#059669);border-color:#059669;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000038,0 4px 12px #10b98159}[data-theme=dark] .chat-send:hover:not(:disabled){background:linear-gradient(180deg,#4ade80,#10b981 55%,#059669);box-shadow:inset 0 1px #ffffff52,inset 0 -2px #00000038,0 6px 14px #10b98166}.chat-emoji{position:relative;flex-shrink:0}.chat-emoji-toggle{width:38px;height:38px;padding:0;border-radius:var(--radius-full);flex-shrink:0;color:#fff;background:linear-gradient(180deg,#fbbf24,#f59e0b 55%,#d97706);border:1px solid #d97706;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 4px 10px #d9770666;transition:background var(--motion-base),box-shadow var(--motion-base),transform var(--duration-instant) var(--ease-out)}.chat-emoji-toggle:hover:not(:disabled){background:linear-gradient(180deg,#fbc94d,#f59e0b 55%,#d97706);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000002e,0 6px 14px #d9770673}.chat-emoji-toggle:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000002e,0 2px 5px #d977064d}.chat-emoji-toggle:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .chat-emoji-toggle{color:#451a03;background:linear-gradient(180deg,#fcd34d,#fbbf24 55%,#d97706);border-color:#d97706;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0003,0 4px 12px #f59e0b59}[data-theme=dark] .chat-emoji-toggle:hover:not(:disabled){background:linear-gradient(180deg,#fde68a,#fbbf24 55%,#d97706);box-shadow:inset 0 1px #fff6,inset 0 -2px #0003,0 6px 14px #f59e0b66}.chat-emoji-panel{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;z-index:100;width:min(292px,calc(100vw - 24px));max-height:min(320px,45dvh);padding:12px;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.25);background:var(--surface-elevated);box-shadow:var(--shadow-lg);overflow-y:auto}.chat-emoji-group+.chat-emoji-group{margin-top:10px}.chat-emoji-label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:6px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.chat-emoji-cell{height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;border-radius:var(--radius);transition:background var(--motion-base),transform var(--duration-instant) var(--ease-out)}.chat-emoji-cell:hover{background:var(--surface-hover)}.chat-emoji-cell:active{transform:scale(.9)}.chat-clear-error{color:var(--danger)}.dock-control-badge{position:absolute;top:-5px;inset-inline-end:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:9.5px;font-weight:var(--font-weight-extrabold);line-height:14px;text-align:center;border:2px solid var(--surface)}.classroom-chat-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-fast)}.classroom-chat-btn:hover{border-color:var(--border-strong);color:var(--primary);background:var(--surface);box-shadow:var(--shadow-xs)}.classroom-chat-btn:active{transform:scale(.95)}.classroom-chat-btn.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.classroom-chat-btn-badge{position:absolute;top:-5px;inset-inline-end:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:9.5px;font-weight:var(--font-weight-extrabold);line-height:14px;text-align:center;border:2px solid var(--surface)}.classroom-splitter{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:background var(--motion-base)}.classroom-splitter-x{width:14px;cursor:col-resize;align-self:stretch}.classroom-splitter-y{height:14px;cursor:row-resize}.classroom-splitter-x:hover,.classroom-splitter-x.is-dragging{background:linear-gradient(90deg,transparent,var(--primary-soft),transparent)}.classroom-splitter-y:hover,.classroom-splitter-y.is-dragging{background:linear-gradient(180deg,transparent,var(--primary-soft),transparent)}.classroom-splitter-grip{display:block;border-radius:var(--radius-full);background:var(--border-strong);opacity:0;transition:opacity var(--motion-base),background var(--motion-base),width var(--motion-fast)}.classroom-splitter-x .classroom-splitter-grip{width:4px;height:44px}.classroom-splitter-y .classroom-splitter-grip{width:44px;height:4px}.classroom-splitter:hover .classroom-splitter-grip,.classroom-splitter:focus-visible .classroom-splitter-grip,.classroom-splitter.is-dragging .classroom-splitter-grip{opacity:1;background:var(--primary)}.classroom-dock{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:12px 18px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0f172a14;z-index:var(--z-dropdown)}.dock-controls-center{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 10px;box-shadow:var(--shadow-xs)}.dock-controls-end{display:flex;align-items:center;flex-shrink:0}.dock-controls-end:before{content:"";width:1px;height:34px;background:var(--border);margin-inline-end:14px}.dock-control{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:62px;padding:5px 9px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:10.5px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),transform .2s cubic-bezier(.34,1.56,.64,1)}.dock-control:hover:not(:disabled){background:transparent;color:#f97316}.dock-control:hover:not(:disabled) .dock-control-icon-wrap{background:#f97316;color:#fff;transform:scale(1.25) translateY(-6px);box-shadow:0 8px 20px #f9731659}.dock-control:hover:not(:disabled) .dock-control-label{color:#f97316;transform:translateY(-6px)}.dock-control:active:not(:disabled){transform:scale(.95)}.dock-control:disabled{opacity:.4;cursor:not-allowed}.dock-control.active{color:var(--primary)}.dock-control.danger-active{color:var(--danger)}.dock-control-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--neutral-soft);box-shadow:inset 0 0 0 1px #94a3b81a;transition:background .25s ease,box-shadow .25s ease,color .25s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.dock-control.active .dock-control-icon-wrap{background:var(--primary);color:var(--primary-contrast);box-shadow:0 4px 12px var(--primary-soft)}.dock-control.danger-active .dock-control-icon-wrap{background:var(--danger);color:#fff;box-shadow:0 4px 12px var(--danger-soft)}.dock-control.success{color:var(--success)}.dock-control.success .dock-control-icon-wrap{background:var(--success);color:#fff;box-shadow:0 4px 12px var(--success-soft)}.dock-control-dot{position:absolute;top:-2px;inset-inline-end:-2px;width:9px;height:9px;border-radius:var(--radius-full);background:var(--danger);border:2px solid var(--surface);animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.dock-control-label{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;transition:color .25s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.dock-controls-end .dock-control{min-width:0;padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--danger);color:var(--danger);background:transparent}.dock-controls-end .dock-control .dock-control-icon-wrap{background:var(--danger-soft);color:var(--danger);box-shadow:none}.dock-controls-end .dock-control:hover:not(:disabled){border-color:var(--danger-hover);color:var(--danger);background:var(--danger-soft)}@media (max-width: 900px){.classroom-brand-name,.classroom-class-name,.classroom-role{display:none}.classroom-header{padding:0 10px;gap:10px}.classroom-back-btn{padding-inline:12px}.classroom-live-pill{font-size:11px;padding:4px 10px 4px 8px}.classroom-header-divider{display:none}.classroom-body{padding:10px;gap:8px}.dock-control{min-width:54px;padding:4px 6px}.dock-control-label{max-width:58px}.dock-controls-center{padding:5px 6px}.classroom-dock{padding:10px 12px;gap:10px}.dock-controls-end:before{margin-inline-end:10px}.student-tiles{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));padding:10px}.classroom-stage-canvas .live-video-wrap{min-height:200px}.classroom-stage-bar{padding:0 12px}.classroom-stage-meta{max-width:160px}}[data-theme=light] .classroom-workspace{background:radial-gradient(90% 55% at 50% 0%,rgba(37,99,235,.05),transparent 62%),#f4f7fb}[data-theme=light] .classroom-header{background:#fff}[data-theme=light] .classroom-role{color:#ea580c;border-color:#ea580c;background:#ea580c0f}[data-theme=light] .classroom-stage,[data-theme=light] .classroom-panel{background:#f4f8fd;border-color:#d7e1f0}[data-theme=light] .classroom-stage{box-shadow:0 10px 28px #6482aa2e}[data-theme=light] .classroom-stage-bar,[data-theme=light] .classroom-panel-header{background:linear-gradient(180deg,#f9fbfe,#edf3fa);border-bottom-color:#dbe4f1}[data-theme=light] .classroom-stage-meta{color:#7d8ba0}[data-theme=light] .classroom-stage-chip{background:#fff;border-color:#d7e1f0}[data-theme=light] .classroom-panel-body{background:#f7fafd}[data-theme=light] .classroom-panel-count{background:#e6eef9;color:#5a6f8c}[data-theme=light] .chat-input{background:#f4f8fd;border-top-color:#dbe4f1}[data-theme=light] .chat-msg:not(.own) .chat-msg-bubble{background:#fff;border-color:#dbe4f1}[data-theme=light] .chat-msg-avatar{background:#fff;border-color:#dbe4f1}[data-theme=light] .chat-menu,[data-theme=light] .chat-jump,[data-theme=light] .chat-input-field{background:#fff;border-color:#d7e1f0}[data-theme=light] .chat-input-field:focus{background:#fff}[data-theme=light] .classroom-chat-btn{background:#fff;border-color:#d7e1f0}[data-theme=light] .classroom-chat-btn:hover{background:#f4f8fd}[data-theme=light] .dock-control-badge,[data-theme=light] .classroom-chat-btn-badge{border-color:#fff}[data-theme=light] .student-tile{background:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.95),transparent 58%),linear-gradient(160deg,#f8fbff,#edf3fa);border-color:#d7e1f0;box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 6px #6482aa1f}[data-theme=light] .student-tile:hover{border-color:#2563eb73;box-shadow:inset 0 0 0 1px #ffffffb3,0 8px 18px #6482aa2e}[data-theme=light] .student-tile:before{background:#6482aa66}[data-theme=light] .student-tile-avatar{background:#e4edfa;border-color:#cbdaf0;color:#5a82bd;box-shadow:inset 0 1px #ffffffb3}[data-theme=light] .student-tile-name{color:#475569}[data-theme=light] .student-tile-status{color:#64748b;background:#e8eef7}[data-theme=light] .student-tile-status--online{color:#15803d;background:#dff7e7}[data-theme=light] .student-tile--online:before{background:#16a34a;box-shadow:0 0 6px #16a34a80}[data-theme=light] .classroom-dock{background:#f5f8fd;border-top-color:#dbe4f1;box-shadow:0 -8px 24px #6482aa1a}[data-theme=light] .dock-controls-center{background:#fff;border-color:#dbe4f1;box-shadow:0 2px 8px #6482aa24}[data-theme=light] .dock-control:hover:not(:disabled){background:#edf3fa}[data-theme=light] .classroom-stage-canvas{background:radial-gradient(70% 60% at 50% 0%,rgba(37,99,235,.06),transparent 62%),linear-gradient(180deg,#f1f6fc,#f7fafd)}[data-theme=light] .classroom-stage-canvas .live-video-wrap{background:#f2f7fe;box-shadow:inset 0 0 0 1px #94a3b82e,inset 0 0 44px #94a3b824,0 12px 32px #6482aa24}[data-theme=light] .live-video{background:#f2f7fe}[data-theme=light] .live-video-wrap:before{background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 32%)}[data-theme=light] .live-video-wrap:after{background:linear-gradient(0deg,rgba(255,255,255,.6),transparent 32%)}[data-theme=light] .classroom-stage-canvas .live-overlay{background:radial-gradient(70% 70% at 50% 42%,rgba(148,163,184,.12),transparent 72%),#f4f8fd;color:#334155}[data-theme=light] .classroom-stage-canvas .live-overlay:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196a.5.5 0 0 1-.752.432L16 13.5'/%3E%3Cpath d='M2 2l20 20'/%3E%3Cpath d='M8 6.04A2 2 0 0 0 6.5 5H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-1.86'/%3E%3C/svg%3E") center / 26px no-repeat,#64748b1a;border-color:#64748b3d;box-shadow:inset 0 1px #fffc}[data-theme=light] .live-video-wrap-remote .empty-state{border-color:#94a3b840}[data-theme=light] .live-video-wrap-remote .empty-icon{background:#64748b14;color:#64748b;box-shadow:inset 0 0 0 1px #94a3b82e}[data-theme=light] .live-video-wrap-remote .empty-title{color:#334155}[data-theme=light] .live-video-wrap-remote .empty-hint,[data-theme=light] .live-video-wrap-remote .live-connecting,[data-theme=light] .classroom-stage-canvas .live-connecting{color:#64748b}.user-card-avatar .user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.student-tile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);display:block}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(8px,1.5vw,12px)}.profile-avatar-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.profile-avatar-box{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-full);background:var(--primary-soft);border:1px solid var(--border-strong);overflow:hidden;flex-shrink:0}.profile-avatar-box .role-icon,.profile-avatar-box .role-icon-fallback{width:60px;height:60px;object-fit:contain;display:block}.profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.profile-avatar-actions .btn{gap:7px}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-form-actions{margin-top:6px}.profile-2fa-card .card-body{display:flex;flex-direction:column;gap:14px}.profile-2fa-status{display:inline-flex;align-items:center;gap:8px;font-weight:600}.profile-2fa-setup{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.profile-2fa-qr{background:#fff;padding:8px;border-radius:var(--radius-sm);line-height:0}.profile-2fa-qr img{display:block;width:260px;max-width:100%;height:auto}.profile-2fa-secret{direction:ltr;word-break:break-all;text-align:center}.profile-2fa-secret span{direction:rtl}.profile-2fa-setup .profile-form-actions,.profile-2fa-disable .profile-form-actions{display:flex;align-items:center;gap:10px}.profile-2fa-disable{display:flex;flex-direction:column;gap:12px}.profile-2fa-disable .profile-form-actions{justify-content:flex-start}.profile-2fa-disable .profile-form-actions .btn{min-width:140px}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px}.cropper-panel{width:100%;max-width:560px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cropper-panel--loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;color:var(--text-muted);text-align:center}.cropper-header{padding:18px 22px 12px}.cropper-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.cropper-hint{margin-top:4px;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--line-relaxed)}.cropper-stage{position:relative;width:100%;height:min(56vh,380px);background:radial-gradient(130% 90% at 50% 0%,rgba(148,163,184,.08),transparent 58%),linear-gradient(160deg,#101a2e,#0a1120);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.cropper-stage:active{cursor:grabbing}.cropper-image{position:absolute;top:0;left:0;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;will-change:left,top}.cropper-box{position:absolute;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999px #0206178c;pointer-events:none}.cropper-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px 18px;flex-wrap:wrap}.cropper-zoom{display:flex;gap:8px}.cropper-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-hover);color:var(--text-primary);cursor:pointer;transition:background var(--motion-base),border-color var(--motion-base)}.cropper-zoom-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.cropper-actions{display:flex;gap:10px;align-items:center}@media (max-width: 640px){.cropper-controls{justify-content:center}}.spin{animation:spin var(--duration-spin) var(--ease-linear) infinite}.student-mic-request{display:flex;flex-direction:column;gap:8px;align-items:stretch}.student-mic-request-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.student-mic-pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:var(--font-weight-bold);padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-hover);color:var(--text-secondary);white-space:nowrap}.student-mic-pill--pending{color:var(--warning);border-color:transparent;background:var(--warning-soft)}.student-mic-pill--muted{color:var(--danger);border-color:transparent;background:var(--danger-soft)}.student-mic-pill--speaking{color:var(--success);border-color:transparent;background:var(--success-soft)}.student-mic-error{font-size:var(--text-xs);color:var(--danger);text-align:center}.student-mic-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.student-mic-bar .student-mic-request{flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%}.student-mic-bar .student-mic-request-status{justify-content:center;gap:8px;flex-wrap:nowrap}.student-mic-bar .btn{min-height:30px;padding:4px 12px;font-size:12px;white-space:nowrap}.student-mic-bar .btn-block{width:auto}.student-mic-bar .student-mic-pill{padding:5px 10px;font-size:11px}.student-mic-bar .student-mic-error{margin:0}.teacher-mic-box{display:flex;flex-direction:column;flex:0 1 auto;max-height:260px;min-height:0;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.teacher-mic-box-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-hover));font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);flex-shrink:0}.teacher-mic-box-header svg{color:var(--primary)}.teacher-mic-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:auto;font-size:11px;font-weight:var(--font-weight-bold);color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full)}.teacher-mic-empty{display:flex;flex-direction:column;gap:3px;padding:14px;margin:0;font-size:var(--text-sm);color:var(--text-muted);text-align:center}.teacher-mic-empty span{font-size:var(--text-xs);color:var(--text-muted)}.mic-rows{list-style:none;margin:0;padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-height:0}.mic-row{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-hover);transition:background var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base)}.mic-row-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.mic-row-state{font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-muted);padding:3px 9px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);white-space:nowrap;flex-shrink:0}.mic-row[data-state=approved] .mic-row-state{color:var(--success);background:var(--success-soft);border-color:transparent}.mic-row[data-state=muted] .mic-row-state{color:var(--danger);background:var(--danger-soft);border-color:transparent}.mic-row-actions{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;flex-shrink:0}.mic-row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base)}.mic-row-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.mic-row-btn--approve{color:var(--success);border-color:transparent;background:var(--success-soft)}.mic-row-btn--approve:hover{background:var(--success-soft);border-color:var(--success)}.mic-row-btn--reject{color:var(--danger);border-color:transparent;background:var(--danger-soft)}.mic-row-btn--reject:hover{background:var(--danger-soft);border-color:var(--danger)}.mic-row-btn--danger{color:var(--danger)}.mic-row-btn--danger:hover{background:var(--danger-soft);border-color:var(--danger)}.mic-row-live{position:absolute;inset-inline-start:10px;bottom:4px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--success);animation:live-pulse var(--duration-pulse) var(--ease-in-out) infinite}.topbar-menu-btn{display:none}@media (min-width: 1024px){.sidebar-mobile-only{display:none!important}}.mobile-settings-page{display:flex;flex-direction:column;gap:16px}.mobile-settings-page-grid{display:grid;grid-template-columns:1fr;gap:14px}.mobile-settings-page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mobile-settings-page-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px 0}.mobile-settings-page-card-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.mobile-settings-page-card-title{font-weight:var(--font-weight-bold);font-size:var(--text-base);color:var(--text-primary)}.mobile-settings-page-card-body{padding:12px 16px 16px;display:flex;align-items:center;justify-content:space-between}.mobile-settings-page-card-body .notification-bell{position:static}.mobile-settings-page-card-body .notification-bell-btn,.mobile-settings-page-card-body .live-broadcast-indicator,.mobile-settings-page-card-body .theme-toggle{width:44px;height:44px}@media (max-width: 1023px){.topbar-menu-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.topbar-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.topbar-menu-btn:active{transform:translateY(0) scale(.94)}[data-theme=dark] .topbar-menu-btn{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}[data-theme=dark] .topbar-menu-btn:hover{background:#1e304db3;border-color:#60a5fa59;box-shadow:0 8px 24px #00000059,0 0 0 1px #60a5fa26}.sidebar{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:min(82vw,320px);max-width:82vw;padding:18px 14px;gap:20px;overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .28s var(--ease-out),box-shadow var(--motion-slow) var(--ease-out);z-index:var(--z-modal);will-change:transform;box-shadow:none}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #03071247}.sidebar-brand{gap:10px;padding:0 4px}.brand-name-wrap{display:flex}.brand-name{font-size:17px}.sidebar-link{gap:10px;padding:10px 12px;font-size:14px;white-space:nowrap}.sidebar-link-icon,.sidebar-sub-link .sidebar-link-icon{display:inline-flex}.sidebar-sub-link{gap:8px;padding:8px 10px;font-size:13px}.sidebar-logout{display:inline-flex}.sidebar-backdrop{display:block;z-index:calc(var(--z-overlay) + 1)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.topbar{min-height:clamp(120px,22vw,220px);overflow:visible}.topbar:before{background-position:70% 25%}.topbar-desktop-actions{display:none!important}.topbar-mobile-compact{display:flex;align-items:center;z-index:2;position:relative}.mobile-user-pill{display:flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border-radius:24px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;color:var(--text-primary);transition:background var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base)}html[dir=rtl] .mobile-user-pill{padding:5px 5px 5px 16px}.mobile-user-pill:hover{border-color:#60a5fa73}.mobile-user-pill:active{transform:scale(.97)}.mobile-user-pill-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #06b6d433}.mobile-user-pill-avatar img,.mobile-user-pill-avatar .role-icon-fallback{width:100%;height:100%;border-radius:50%}.mobile-user-pill-name{font-weight:var(--font-weight-bold);font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-tight);text-shadow:0 1px 3px rgba(0,0,0,.12)}.mobile-settings-actions-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.mobile-settings-actions-row .notification-bell{position:static}.mobile-settings-actions-row .notification-bell-btn{width:40px;height:40px;border-radius:10px}.mobile-settings-actions-row .notification-count{top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 3px;font-size:10px;line-height:16px}.mobile-settings-actions-row .live-broadcast-indicator{width:40px;height:40px;border-radius:10px}.mobile-settings-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.4);background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);flex-shrink:0;transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),transform var(--duration-slow) var(--ease-out)}.mobile-settings-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-settings-btn:active{transform:translateY(0) scale(.94)}.mobile-settings-btn[aria-expanded=true]{background:var(--primary-soft);border-color:#06b6d473;color:var(--primary)}.mobile-settings-popover{width:220px;padding:6px;border-radius:16px;background:var(--surface);border:1px solid rgba(148,163,184,.35);box-shadow:0 12px 40px #0307122e,0 0 0 1px #94a3b81f;z-index:100;display:flex;flex-direction:column;gap:2px}[data-theme=dark] .mobile-settings-popover{background:#101b2ff5;border-color:#94a3b833;box-shadow:0 12px 40px #00000073,0 0 0 1px #94a3b81a}.mobile-settings-section{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;transition:background var(--motion-base)}.mobile-settings-section:hover{background:#94a3b81a}.mobile-settings-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#94a3b81f;color:var(--text-secondary);flex-shrink:0}[data-theme=dark] .mobile-settings-section-icon{background:#94a3b826;color:#94a3b8}.mobile-settings-section-content{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.mobile-settings-section-label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mobile-settings-lang{border-radius:8px!important;height:32px!important;padding:3px!important;background:#94a3b81f!important;border:1px solid rgba(148,163,184,.2)!important}.mobile-settings-lang .language-switcher-option{min-width:28px!important;padding:0 6px!important;font-size:11px!important;border-radius:6px!important}.mobile-settings-theme{width:40px!important;height:40px!important;border-radius:10px!important;min-width:40px;min-height:40px;touch-action:manipulation}.mobile-settings-divider{height:1px;background:#94a3b833;margin:4px 8px}[data-theme=dark] .mobile-settings-divider{background:#94a3b81f}.mobile-settings-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:12px;cursor:pointer;font:inherit;font-size:13px;font-weight:var(--font-weight-semibold);color:#ef4444;transition:background var(--motion-base)}.mobile-settings-logout:hover{background:#ef44441a}[data-theme=dark] .mobile-settings-logout{color:#f87171}[data-theme=dark] .mobile-settings-logout:hover{background:#ef444426}.mobile-settings-logout:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] .mobile-user-pill{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}[data-theme=dark] .mobile-user-pill:hover{border-color:#60a5fa59}[data-theme=dark] .mobile-user-pill-avatar{box-shadow:0 0 0 1px #38bdf84d}[data-theme=dark] .mobile-settings-btn{background:#101b2fbd;border-color:#94a3b83d;color:#c2cddd}[data-theme=dark] .mobile-settings-btn:hover{background:#1e304db3;border-color:#60a5fa59;box-shadow:0 8px 24px #00000059,0 0 0 1px #60a5fa26}[data-theme=dark] .mobile-settings-btn[aria-expanded=true]{background:#06b6d426;border-color:#06b6d466;color:#22d3ee}}@media (max-width: 600px){.mobile-settings-popover{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;padding:10px 8px env(safe-area-inset-bottom,8px)!important;animation:mobile-sheet-up .26s var(--ease-out)}@keyframes mobile-sheet-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-settings-section{padding:14px 16px}.mobile-settings-logout{padding:14px 16px;font-size:14px}.mobile-settings-divider{margin:6px 12px}.mobile-user-pill{max-width:180px}.mobile-settings-actions-row .notification-bell-btn,.mobile-settings-actions-row .live-broadcast-indicator{width:36px;height:36px}}.doc-presentation{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.doc-shortcuts{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#020617ad;border:1px solid rgba(148,163,184,.22);box-shadow:0 6px 18px #02061766;color:#cbd5e1;font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);pointer-events:none;z-index:2}.doc-shortcuts kbd{padding:2px 7px;border-radius:6px;background:#94a3b829;border:1px solid rgba(148,163,184,.3);font:inherit;font-size:11px;color:#e6edf7}.doc-thumb-strip{flex-shrink:0;position:relative;height:72px;overflow-x:auto;overflow-y:hidden;direction:ltr;background:#040a16f0;border-top:1px solid rgba(148,163,184,.18);scrollbar-width:none;touch-action:pan-x;cursor:grab;user-select:none;-webkit-user-select:none}.doc-thumb-strip:active{cursor:grabbing}.doc-thumb-strip::-webkit-scrollbar{display:none}.doc-thumb-strip-inner{position:relative;height:100%}.doc-thumb-item{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;background:transparent;border:none;cursor:pointer}.doc-thumb-canvas{display:block;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #94a3b847;transition:transform var(--motion-base),box-shadow var(--motion-base)}.doc-thumb-item:hover .doc-thumb-canvas{transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 1px #38bdf8bf,0 4px 10px #02061780}.doc-thumb-item.active .doc-thumb-canvas{box-shadow:0 0 0 2px #38bdf8,0 0 0 4px #38bdf847,0 4px 12px #02061780}.doc-thumb-num{font-size:10.5px;line-height:1;color:#94a3b8;font-weight:var(--font-weight-medium)}.doc-thumb-item.active .doc-thumb-num{color:#38bdf8;font-weight:var(--font-weight-bold)}.doc-presentation:fullscreen{width:100vw;height:100vh;background:#fff}.doc-presentation:fullscreen .doc-stage-scroll{padding:0}.doc-presentation:fullscreen .doc-page{border:none;box-shadow:none}.doc-presentation:not(:fullscreen) .doc-stage-scroll{justify-content:flex-start;align-items:flex-start}.doc-presentation:not(:fullscreen) .doc-page{margin:auto}.doc-presentation.has-strip .doc-shortcuts{bottom:84px}.doc-toolbar{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #e2e8f0;color:#0f172a;z-index:3}.doc-toolbar-group{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.doc-toolbar-file{gap:8px;padding:0;min-width:0;max-width:220px;background:transparent;border:none;color:#334155}.doc-toolbar-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.doc-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:#0f172a;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.doc-tool-btn:hover:not(:disabled){background:#e2e8f0}.doc-tool-btn:disabled{opacity:.35;cursor:not-allowed}.doc-tool-btn.active{background:#2563eb;color:#fff}.doc-toolbar-page,.doc-toolbar-zoom{min-width:52px;text-align:center;font-size:12px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.doc-toolbar-zoom{border:none;background:transparent;padding:4px 6px;border-radius:8px;cursor:pointer;line-height:1}.doc-toolbar-zoom:hover{background:#e2e8f0}.doc-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#fff}.doc-stage-viewport{flex:1 1 auto;min-height:0;position:relative;overflow:auto}.doc-stage-viewport::-webkit-scrollbar{width:12px;height:12px}.doc-stage-viewport::-webkit-scrollbar-track{background:transparent}.doc-stage-viewport::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:8px;border:3px solid #ffffff}.doc-stage-viewport::-webkit-scrollbar-thumb:hover{background:#64748b80}.doc-stage-scroll{min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:0}.doc-page{position:relative;flex-shrink:0;background:#fff;border-radius:4px;border:1px solid #e2e8f0;box-shadow:0 12px 32px #0f172a29;overflow:hidden}.doc-page-canvas{display:block}.doc-page-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.doc-page-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff8c}.doc-page-loading:after{content:"";width:26px;height:26px;border:3px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:doc-spin .8s linear infinite}@keyframes doc-spin{to{transform:rotate(360deg)}}.doc-annotation-highlight{fill:#facc1573}.doc-annotation-underline{fill:#2563eb}.doc-stage.tool-hand .doc-stage-viewport{cursor:grab}.doc-stage.tool-hand .doc-stage-viewport:active{cursor:grabbing}.doc-stage.tool-highlight .doc-stage-viewport,.doc-stage.tool-underline .doc-stage-viewport,.doc-stage.tool-eraser .doc-stage-viewport{cursor:crosshair}.doc-stage.focus .doc-stage-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(circle 34vmax at 50% 40%,transparent 0%,rgba(2,6,23,.55) 60%,rgba(2,6,23,.82) 100%)}.doc-fallback{margin:48px auto;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;padding:32px 36px;text-align:center;color:#334155}.doc-fallback svg{color:#94a3b8}.doc-fallback strong{font-size:15px}.doc-fallback span{font-size:13px;color:#64748b}.doc-fallback-download{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f1f5f9;color:#0f172a;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--motion-base)}.doc-fallback-download:hover{background:#e2e8f0}.doc-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 10);display:flex;justify-content:flex-end;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.doc-picker{position:relative;height:100%;width:min(380px,92vw);display:flex;flex-direction:column;background:var(--surface);color:var(--text-primary);box-shadow:-16px 0 40px #02061759;transition:transform var(--motion-base) cubic-bezier(.2,.7,.3,1)}.doc-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.doc-picker-head h3{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.doc-picker-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.doc-picker-close:hover{background:var(--surface-hover);color:var(--text-primary)}.doc-picker-search{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:8px 12px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-muted)}.doc-picker-search input{flex:1 1 auto;min-width:0;border:none;background:transparent;font-family:inherit;font-size:13px;color:var(--text-primary);outline:none}.doc-picker-search input::placeholder{color:var(--text-muted)}.doc-picker-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 8px 16px}.doc-picker-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;text-align:center;font-size:13px;color:var(--text-muted)}.doc-picker-empty svg{color:var(--border-strong)}.doc-picker-empty strong{font-size:14px;color:var(--text-primary)}.doc-picker-empty span{max-width:240px;font-size:12px;color:var(--text-muted)}.doc-picker-list{list-style:none;margin:0;padding:0}.doc-picker-file-row{display:flex;align-items:center;gap:4px;border-radius:10px}.doc-picker-file-row:hover{background:var(--surface-hover)}.doc-picker-file{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border:none;background:transparent;font-family:inherit;text-align:start;cursor:pointer}.doc-picker-file-thumb{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--neutral-soft);color:var(--primary)}.doc-picker-file-main{flex:1 1 auto;min-width:0}.doc-picker-file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text-primary)}.doc-picker-file-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;color:var(--text-muted)}.doc-picker-file-ext{font-size:10px;font-weight:700;letter-spacing:.02em;padding:1px 5px;border-radius:5px;color:var(--text-secondary);background:var(--neutral-soft)}.doc-picker-file-dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.doc-picker-file-download{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-inline-end:6px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.doc-picker-file-download:hover{background:var(--surface-hover);color:var(--primary)}.classroom-stage-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;min-width:0;min-height:0}.classroom-stage-canvas .live-stage.live-stage--pip{position:absolute;z-index:20;bottom:14px;inset-inline-end:14px;width:248px;max-width:42%;padding:0;gap:10px;flex:none;background:transparent;pointer-events:auto}.live-stage-pip-alerts{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:max-content;max-width:min(380px,70vw)}.live-stage-pip-alerts .classroom-stage-alert{font-size:12.5px;padding:7px 12px;border-radius:10px;box-shadow:0 8px 24px #02061773}.live-stage-pip-video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0a1220;border:1px solid rgba(148,163,184,.2);box-shadow:0 14px 38px #02061799;cursor:pointer}.live-stage-pip-video .live-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.live-stage-pip-video--audio-only{position:absolute;bottom:0;inset-inline-end:0;width:1px;height:1px;opacity:0;pointer-events:none;border:none;box-shadow:none}.live-stage-pip-mic{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;padding:8px 14px;border-radius:var(--radius-full);background:#020617b8;border:1px solid rgba(34,197,94,.45);color:#86efac;font-size:12.5px;font-weight:var(--font-weight-bold);box-shadow:0 8px 22px #02061780;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.camera-pip-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent}.camera-pip-menu{position:absolute;min-width:170px;padding:6px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 18px 48px #0206178c}.camera-pip-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-semibold, 600);cursor:pointer}.camera-pip-menu button:hover{background:var(--surface-hover, rgba(148, 163, 184, .12))}.camera-pip-restore{position:fixed;left:16px;bottom:16px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.35);background:#020617d1;color:var(--text-primary);font-size:12.5px;font-weight:var(--font-weight-semibold, 600);box-shadow:0 10px 26px #0206178c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer}.camera-pip-restore:hover{border-color:#94a3b899}.stage-protection-canvas{align-items:center;justify-content:center}.stage-protection-panel{max-width:min(420px,86%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px 26px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md)}.stage-protection-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;color:var(--warning, #f59e0b);background:color-mix(in srgb,var(--warning, #f59e0b) 12%,transparent)}.stage-protection-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.stage-protection-subtitle{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.stage-protection-action{margin-top:4px}.stage-protection-install{width:100%;border-top:1px solid var(--border);padding-top:16px;margin-top:6px;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:start}.stage-protection-save{width:100%;margin-top:10px}.stage-protection-note{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.stage-protection-ok{color:var(--success)}.stage-protection-warn{color:var(--warning)}.stage-protection-steps-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stage-protection-steps{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.stage-protection-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-hover);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--primary);cursor:pointer}.stage-protection-open:hover{background:var(--surface);border-color:var(--primary)}.stage-protection-zip-link{display:inline-block;align-self:flex-start;font-size:12px;color:var(--primary);text-decoration:underline}.stage-protection-hint{margin:0;font-size:12px;line-height:1.6;color:var(--text-tertiary, var(--text-secondary))}.classroom-workspace-banner{padding:10px 20px}.classroom-workspace-banner .alert{margin:0}.lesson-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-search{position:relative;display:flex;align-items:center}.lesson-search svg{position:absolute;inset-inline-start:10px;color:var(--text-muted);pointer-events:none}.lesson-search .input{padding-inline-start:32px;min-width:220px}.lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lesson-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4px;border-bottom:1px solid var(--border, rgba(128, 128, 128, .15))}.lesson-row:last-child{border-bottom:none}.lesson-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.lesson-row-title{font-weight:var(--font-weight-semibold, 600);font-size:var(--text-sm);color:var(--text-primary)}.lesson-row-sub{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.lesson-row-sub-icon{display:inline-flex;color:var(--text-muted)}.lesson-row-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.lesson-row-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--text-secondary)}.lesson-row-status{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;width:fit-content}.lesson-row-status--completed{color:var(--success, #22c55e);background:color-mix(in srgb,var(--success, #22c55e) 12%,transparent)}.lesson-row-status--active{color:var(--primary, #6366f1);background:color-mix(in srgb,var(--primary, #6366f1) 12%,transparent)}.lesson-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:4px}.lesson-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:16px 0}.lesson-detail-section{margin-top:8px;border-top:1px solid var(--border, rgba(128, 128, 128, .15));padding-top:14px}.lesson-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lesson-log-item{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-xs);padding:6px 10px;border-radius:8px;background:var(--surface-alt, rgba(128, 128, 128, .06))}.lesson-log-event{font-weight:600;color:var(--text-primary)}.lesson-log-user{flex:1;color:var(--text-secondary);text-align:start}.lesson-log-time{flex-shrink:0}.lesson-detail-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--border, rgba(128, 128, 128, .15));display:flex;justify-content:flex-end}.about-page{display:flex;flex-direction:column;gap:24px}.about-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px}.about-tagline{margin:0;text-align:center;font-size:clamp(24px,3.4vw,38px);font-weight:var(--font-weight-extrabold);line-height:1.35;letter-spacing:var(--tracking-tight);padding:4px 6px}.about-tagline-static{display:inline-block;animation:about-rise .9s cubic-bezier(.22,.61,.36,1) both}.about-tagline-animated{display:inline-block;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 50%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:about-tagline-shimmer 4.5s linear infinite,about-rise .9s cubic-bezier(.22,.61,.36,1) .2s both}@keyframes about-tagline-shimmer{to{background-position:200% center}}@keyframes about-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.about-video-box{position:relative;overflow:hidden;width:100%;max-width:680px;margin:0 auto;border-radius:var(--radius-lg);background:#000;aspect-ratio:16 / 9;box-shadow:0 18px 48px #0f172a2e,0 0 0 1px var(--border)}.about-video-box video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.about-video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:78px;height:78px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#fffffff0;color:var(--primary);box-shadow:0 10px 30px #00000059;cursor:pointer;transition:transform .15s ease,background .15s ease}.about-video-play:hover{transform:scale(1.08);background:#fff}.about-video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(transparent,#020617cc)}.about-video-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.about-video-btn:hover{background:#ffffff4d;transform:scale(1.06)}.about-video-volume{display:flex;align-items:center;gap:8px;flex-shrink:0}.about-video-volume-slider{width:88px;height:18px;margin:0;cursor:pointer;background:transparent;accent-color:var(--primary)}.about-video-volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:#ffffff47}.about-video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid #ffffff;box-shadow:0 1px 4px #00000080}.about-video-volume-slider::-moz-range-track{height:4px;border-radius:var(--radius-full);background:#ffffff47}.about-video-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid #ffffff}.about-video-progress{flex:1;height:5px;border-radius:var(--radius-full);background:#ffffff47;overflow:hidden;cursor:pointer}.about-video-progress-bar{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .15s linear}.about-video-time{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:#ffffffeb}.about-section{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,3vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.about-section>p{margin:0;font-size:var(--text-md);line-height:var(--line-loose);color:var(--text-secondary)}.about-section-title{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:var(--font-weight-bold);color:var(--text-primary)}.about-section-title svg{color:var(--primary);flex-shrink:0}.about-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:4px}.about-feature{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-hover);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.about-feature:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.about-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:4px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary)}.about-feature-title{margin:0;font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.about-feature-desc{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary)}.about-upcoming{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,3vw,28px);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--primary-soft),var(--accent-soft));border:1px dashed var(--accent)}.about-upcoming-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:12px;font-weight:var(--font-weight-semibold)}.about-upcoming-row{display:flex;align-items:flex-start;gap:14px}.about-upcoming-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.about-upcoming-row>div{display:flex;flex-direction:column;gap:6px}.about-upcoming-title{margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:var(--font-weight-bold);color:var(--text-primary)}.about-upcoming-row p{margin:0;font-size:var(--text-md);line-height:var(--line-loose);color:var(--text-secondary)}.about-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.about-list-item{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-md);line-height:var(--line-snug);color:var(--text-primary)}.about-list-item svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.about-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(20px,4vw,36px);text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(120deg,var(--primary-soft),var(--accent-soft))}.about-cta-title{margin:0;font-size:clamp(20px,3vw,28px);font-weight:var(--font-weight-extrabold);color:var(--text-primary)}.about-cta-lead{margin:0;font-size:var(--text-md);color:var(--text-secondary)}.about-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}@media (prefers-reduced-motion: reduce){.about-tagline-animated,.about-tagline-static{animation:none}}@media (max-width: 640px){.about-video-play{width:62px;height:62px}.about-video-btn{width:30px;height:30px}.about-video-controls{padding:10px;gap:8px}}.exam-lang{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-xs);background:var(--neutral-soft);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.exam-lang-ar{background:var(--primary-soft);color:var(--primary)}.exam-editor{display:grid;gap:20px}.exam-editor .card-body{display:grid;gap:14px}.exam-questions{display:grid;gap:16px}.exam-question{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:var(--surface-hover);display:grid;gap:14px}.exam-question-header{display:flex;align-items:flex-end;gap:12px}.exam-question-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.exam-question-header .form-field{flex:1;max-width:220px}.exam-question-actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.exam-choices{display:grid;gap:10px}.exam-choices-title{font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}.exam-choice-row{display:flex;align-items:center;gap:8px}.exam-choice-letter{min-width:26px;text-align:center;font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0}.live-exam-setup{display:flex;flex-direction:column;gap:20px;padding:24px;height:100%;overflow-y:auto}.live-exam-setup-header{display:flex;align-items:baseline;gap:12px}.live-exam-setup-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.live-exam-setup-classroom{font-size:var(--font-size-sm);color:var(--text-secondary)}.live-exam-setup-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.live-exam-questions-preview{display:flex;flex-direction:column;gap:8px}.live-exam-questions-list{display:flex;flex-direction:column;gap:4px}.live-exam-question-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-hover);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.live-exam-question-num{min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--text-secondary);color:var(--surface);border-radius:50%;font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.live-exam-question-text{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-exam-question-type{font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.live-exam-error{padding:10px 14px;background:color-mix(in srgb,var(--color-error, #ef4444) 12%,transparent);color:var(--color-error, #ef4444);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.live-exam-setup-actions{display:flex;flex-direction:column;gap:16px}.live-exam-duration-row{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-secondary)}.live-exam-duration-input{width:64px;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.live-exam-ready-banner{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:color-mix(in srgb,var(--color-success, #22c55e) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-success, #22c55e) 30%,transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.live-exam-ready-banner span:first-child{font-weight:var(--font-weight-semibold);color:var(--color-success, #22c55e)}.live-exam-ready-hint{color:var(--text-secondary)}.live-exam-broadcast-actions{display:flex;gap:12px}.live-exam-broadcast-btn{display:flex;align-items:center;gap:6px}.live-exam-timer{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--surface-hover);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--text-primary)}.live-exam-timer.urgent{background:color-mix(in srgb,var(--color-error, #ef4444) 12%,transparent);color:var(--color-error, #ef4444);animation:live-exam-pulse 1s ease-in-out infinite}.live-exam-timer.expired{background:color-mix(in srgb,var(--color-error, #ef4444) 16%,transparent);color:var(--color-error, #ef4444)}@keyframes live-exam-pulse{0%,to{opacity:1}50%{opacity:.6}}.live-exam-paper{display:flex;flex-direction:column;height:100%;overflow:hidden}.live-exam-paper-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.live-exam-paper-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.live-exam-paper-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.live-exam-question{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.live-exam-question-header{display:flex;align-items:center;gap:8px}.live-exam-question-badge{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--text-secondary);color:var(--surface);border-radius:50%;font-size:12px;font-weight:var(--font-weight-bold);flex-shrink:0}.live-exam-question-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.live-exam-question>.live-exam-question-text{font-size:var(--font-size-base);color:var(--text-primary);white-space:normal;overflow:visible;text-overflow:unset}.live-exam-mcq-options{display:flex;flex-direction:column;gap:6px}.live-exam-mcq-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:border-color .15s,background .15s}.live-exam-mcq-option:hover:not(.locked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.live-exam-mcq-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.live-exam-mcq-option.locked{cursor:default;opacity:.7}.live-exam-mcq-option input[type=radio]{display:none}.live-exam-mcq-letter{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--text-secondary);border-radius:50%;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0}.live-exam-mcq-option.selected .live-exam-mcq-letter{background:var(--primary);border-color:var(--primary);color:var(--surface)}.live-exam-mcq-text{flex:1;color:var(--text-primary)}.live-exam-mcq-option.selected svg{color:var(--primary);flex-shrink:0}.live-exam-text-answer{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:80px}.live-exam-text-answer:focus{outline:2px solid var(--primary);outline-offset:1px}.live-exam-text-answer:disabled{opacity:.7;cursor:default}.live-exam-paper-footer{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;flex-shrink:0}.live-exam-submit-btn{display:flex;align-items:center;gap:6px}.live-exam-paper-submitted{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success, #22c55e);background:color-mix(in srgb,var(--color-success, #22c55e) 8%,transparent);flex-shrink:0}.live-exam-paper-locked{padding:14px 20px;border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0}.exam-countdown-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:100%;padding:32px;background:linear-gradient(145deg,#0c1220,#141e33 40%,#0f1929);color:#e2e8f0;text-align:center}.exam-countdown-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#22c55e}.exam-countdown-badge-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:exam-countdown-pulse-dot 1.4s ease-in-out infinite}@keyframes exam-countdown-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.exam-countdown-stage.urgent .exam-countdown-badge{background:#ef444426;border-color:#ef44444d;color:#ef4444}.exam-countdown-stage.urgent .exam-countdown-badge-dot{background:#ef4444}.exam-countdown-stage.expired .exam-countdown-badge{background:#ef444433;border-color:#ef444466;color:#ef4444}.exam-countdown-stage.expired .exam-countdown-badge-dot{background:#ef4444;animation:none}.exam-countdown-title{font-size:clamp(20px,3vw,32px);font-weight:700;color:#f1f5f9;max-width:500px;line-height:1.3}.exam-countdown-clock{display:flex;align-items:center;gap:8px}.exam-countdown-segment{display:flex;flex-direction:column;align-items:center;gap:6px}.exam-countdown-digits{display:flex;align-items:center;justify-content:center;min-width:clamp(64px,10vw,110px);height:clamp(72px,12vw,130px);padding:0 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:clamp(36px,7vw,72px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f8fafc;box-shadow:0 0 0 1px #ffffff08,0 4px 24px #0006,inset 0 1px #ffffff0d}.exam-countdown-stage.urgent .exam-countdown-digits{color:#ef4444;border-color:#ef444433;background:#ef44440f;box-shadow:0 0 0 1px #ef44441a,0 0 40px #ef44441f,0 4px 24px #0006,inset 0 1px #ef444414;animation:exam-countdown-glow 1s ease-in-out infinite}@keyframes exam-countdown-glow{0%,to{box-shadow:0 0 0 1px #ef44441a,0 0 40px #ef44441f,0 4px 24px #0006}50%{box-shadow:0 0 0 1px #ef444433,0 0 60px #ef444433,0 4px 24px #0006}}.exam-countdown-stage.expired .exam-countdown-digits{color:#64748b;border-color:#64748b26;background:#64748b0f}.exam-countdown-sep{font-family:SF Mono,Cascadia Code,ui-monospace,monospace;font-size:clamp(28px,5vw,56px);font-weight:700;color:#ffffff26;padding-bottom:24px}.exam-countdown-stage.urgent .exam-countdown-sep{color:#ef44444d}.exam-countdown-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59}.exam-countdown-stage.urgent .exam-countdown-label{color:#ef444480}.exam-countdown-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffff59}.exam-countdown-close{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px 28px;font-size:14px;font-weight:600}.eval-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px}.eval-session-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:start;transition:border-color .15s,background .15s}.eval-session-card:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface-elevated))}.eval-session-title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.eval-session-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.eval-detail{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:800px}.eval-back{align-self:flex-start;display:flex;align-items:center;gap:4px}.eval-detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.eval-papers-list{display:flex;flex-direction:column;gap:12px}.eval-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:8px}.eval-empty-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.eval-paper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--surface-hover);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.eval-paper-row:hover:not(.eval-graded){background:color-mix(in srgb,var(--primary) 8%,var(--surface-hover))}.eval-graded{cursor:default}.eval-paper-student{font-weight:var(--font-weight-medium);color:var(--text-primary)}.eval-paper-badge{font-size:var(--font-size-xs);padding:2px 8px;background:color-mix(in srgb,var(--color-warning, #f59e0b) 14%,transparent);color:var(--color-warning, #f59e0b);border-radius:9999px}.eval-paper-score{font-weight:var(--font-weight-bold);color:var(--primary)}.eval-sent-badge{font-size:var(--font-size-xs);color:var(--color-success, #22c55e);font-weight:var(--font-weight-medium)}.eval-grading{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:700px}.eval-scores-list{display:flex;flex-direction:column;gap:10px}.eval-score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--surface-hover);border-radius:var(--radius-sm)}.eval-score-label{display:flex;align-items:flex-start;gap:10px;flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.eval-score-num{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--text-secondary);color:var(--surface);border-radius:50%;font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.eval-score-input-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.eval-score-input{width:56px;padding:5px 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.eval-score-input:focus{outline:2px solid var(--primary);outline-offset:1px}.eval-score-max{font-size:var(--font-size-sm);color:var(--text-secondary)}.eval-total-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--text-primary)}.eval-comment{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:60px}.eval-comment:focus{outline:2px solid var(--primary);outline-offset:1px}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.results-stat{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--surface-elevated);border-radius:var(--radius-md);text-align:center}.results-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.results-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.results-table{display:flex;flex-direction:column;gap:2px;margin-top:12px}.results-table-head,.results-table-row{display:grid;grid-template-columns:40px 1fr 100px 160px 120px;align-items:center;gap:12px;padding:10px 14px}.results-table-head{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--border-subtle)}.results-table-row{background:var(--surface-hover);border-radius:var(--radius-sm)}.results-rank{text-align:center;font-weight:var(--font-weight-bold);color:var(--text-secondary)}.results-trophy{color:var(--color-warning, #f59e0b)}.results-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.results-score-col{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);color:var(--text-primary)}.results-pct-col{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-primary)}.results-bar-bg{flex:1;height:6px;background:var(--border-subtle);border-radius:3px;overflow:hidden}.results-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.eval-student-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.eval-grading-row{flex-direction:column;align-items:stretch;gap:10px}.eval-grading-question{display:flex;flex-direction:column;gap:8px}.eval-student-answer{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border-subtle));border-radius:var(--radius-sm)}.eval-answer-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.eval-mcq-choices{display:flex;flex-direction:column;gap:4px}.eval-mcq-choice{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-secondary)}.eval-mcq-choice.selected{color:var(--primary);font-weight:var(--font-weight-semibold)}.eval-mcq-choice-letter{min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--text-secondary);border-radius:50%;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0}.eval-mcq-choice.selected .eval-mcq-choice-letter{background:var(--primary);border-color:var(--primary);color:var(--surface)}.eval-text-answer{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;padding:8px 10px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.eval-paper-email{font-size:var(--font-size-xs);color:var(--text-secondary);margin-inline-start:auto}.results-action-col{text-align:end}.eval-grading-mode-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);margin-bottom:var(--space-3)}.eval-session-grading-mode{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.eval-summary-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.eval-stat{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.eval-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.eval-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.eval-stat-graded{color:var(--success-fg)}.eval-stat-pending{color:var(--warning-fg)}.eval-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.eval-status-graded{background:color-mix(in srgb,var(--success-fg) 15%,transparent);color:var(--success-fg)}.eval-status-reviewed{background:color-mix(in srgb,var(--info-fg) 15%,transparent);color:var(--info-fg)}.eval-status-pending{background:color-mix(in srgb,var(--warning-fg) 15%,transparent);color:var(--warning-fg)}.eval-paper-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.eval-expected-answer{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-2)}.eval-mcq-correct{font-weight:600;color:var(--success-fg);padding:4px 8px;background:color-mix(in srgb,var(--success-fg) 10%,transparent);border-radius:var(--radius-sm);display:inline-block}.eval-mcq-choice.correct{border-color:var(--success-fg);background:color-mix(in srgb,var(--success-fg) 8%,transparent)}.eval-total-pct{font-size:var(--font-size-sm);color:var(--text-secondary);margin-inline-start:var(--space-2)}.eval-paper-pending{background:color-mix(in srgb,var(--warning-fg) 15%,transparent);color:var(--warning-fg)}.eval-paper-action{color:var(--text-muted);display:flex;align-items:center}.results-status-col{text-align:center}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-text-secondary, #6b7280)}.analytics-page{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.analytics-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.analytics-card{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;text-align:center}.analytics-card-label{font-size:.8rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.03em}.analytics-card-value{font-size:1.6rem;font-weight:700;color:var(--text-primary, #111827)}.analytics-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.analytics-charts-row{grid-template-columns:1fr}}.analytics-chart-container{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:24px}.analytics-chart-full{width:100%}.analytics-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 16px}.analytics-empty{text-align:center;color:var(--text-secondary, #6b7280);padding:40px 20px;font-style:italic}.analytics-exam-select{width:100%;max-width:400px;padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.9rem;margin-bottom:16px;background:var(--surface, #fff);color:var(--text-primary, #111827)}.analytics-loading-inline{display:flex;justify-content:center;padding:40px}.analytics-table-container{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:24px}.level-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.level-badge--excellent{background:#dcfce7;color:#166534}.level-badge--average{background:#fef9c3;color:#854d0e}.level-badge--needs_support{background:#fee2e2;color:#991b1b}[data-theme=dark] .level-badge--excellent{background:#22c55e26;color:#4ade80}[data-theme=dark] .level-badge--average{background:#eab30826;color:#facc15}[data-theme=dark] .level-badge--needs_support{background:#ef444426;color:#f87171}[data-theme=dark] .results-table{color:var(--text-primary)}[data-theme=dark] .results-table th{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .results-table td{border-color:var(--border)}[data-theme=dark] .analytics-page{color:var(--text-primary)}.recorder-controls{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;flex-shrink:0}.recorder-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s}.recorder-btn:hover{opacity:.85}.recorder-btn--rec{background:#ef4444e6}.recorder-btn--pause{background:#eab308e6;color:#1a1a1a}.recorder-btn--resume{background:#22c55ee6}.recorder-btn--stop{background:#ef4444e6}.recorder-rec-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.recorder-timer{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.85rem;font-weight:600;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:6px;min-width:70px;text-align:center}.recorder-timer--active{color:#ef4444}.recorder-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recorder-badge--uploading{background:#6366f1e6}.recorder-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recorder-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.recorder-modal{width:min(420px,92vw);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px 28px 24px}.recorder-modal__title{margin:0 0 4px;font-size:1.15rem;font-weight:600;color:var(--text)}.recorder-modal__hint{margin:0 0 18px;font-size:.875rem;color:var(--text-secondary)}.recorder-modal__input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:inherit;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color var(--motion-base)}.recorder-modal__input:focus{border-color:var(--primary)}.recorder-modal__input::placeholder{color:var(--text-muted)}.recorder-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.recorder-modal__cancel{padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:background var(--motion-base),color var(--motion-base)}.recorder-modal__cancel:hover{background:var(--surface);color:var(--text)}.recorder-modal__confirm{padding:8px 22px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--motion-base)}.recorder-modal__confirm:hover{background:var(--primary-hover, var(--primary))}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}.recording-card{display:flex;flex-direction:column;border-radius:14px;background:var(--surface);border:1px solid var(--border-subtle);overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;cursor:pointer}.recording-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 28px #0000001f;border-color:var(--primary)}.recording-card__preview{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg),var(--surface));display:flex;align-items:center;justify-content:center;position:relative}.recording-card__play-icon{color:var(--primary);opacity:.7;transition:opacity .2s,transform .2s}.recording-card:hover .recording-card__play-icon{opacity:1;transform:scale(1.1)}.recording-card__info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.recording-card__title{font-size:1rem;font-weight:700;color:var(--primary);margin:0;line-height:1.3}.recording-card__classroom{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:600;color:var(--text);margin:0}.recording-card__teacher{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary);margin:0}.recording-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:.8rem;color:var(--text-muted)}.recording-card__date{display:flex;align-items:center;gap:4px}.recording-card__duration{background:var(--primary-subtle);color:var(--primary);padding:2px 8px;border-radius:8px;font-weight:600;font-size:.78rem;font-variant-numeric:tabular-nums}.replay-page{max-width:1100px;margin:0 auto;padding:0 20px 40px}.replay-page__back{margin-bottom:16px}.replay-page__back-link{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .15s}.replay-page__back-link:hover{opacity:.8}.replay-page__video-wrap{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #0000002e;margin-bottom:20px;position:relative}.replay-page__video{width:100%;height:100%;object-fit:contain}.replay-page__hls-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000d9;color:#fff;font-size:.9rem;z-index:1}.replay-page__hls-loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.replay-page__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px}.replay-page__info-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary)}.replay-page__info-row svg{color:var(--primary);flex-shrink:0}.access-denied-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;text-align:center;background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px}.access-denied-box svg{color:#ef4444}.access-denied-box h2{margin:0;font-size:1.3rem;color:var(--text)}.access-denied-box p{margin:0;color:var(--text-secondary);max-width:400px;line-height:1.6}.video-preview-wrap{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;margin:12px 0}.video-preview-player{width:100%;height:100%;object-fit:contain}.recorder-btn--delete{background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:4px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.recorder-btn--delete:hover{background:#ef44441a;border-color:#ef4444}@media (max-width: 768px){.recordings-grid{grid-template-columns:1fr}.replay-page__video-wrap{border-radius:0}.replay-page__info{grid-template-columns:1fr}}.policy-page{max-width:100%}.policy-back{margin-bottom:20px}.policy-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:.9rem;text-decoration:none;font-weight:500;transition:opacity var(--motion-base)}.policy-back-link:hover{opacity:.75}.policy-header{text-align:center;margin-bottom:28px}.policy-header-icon{color:var(--primary);margin-bottom:10px}.policy-version{color:var(--text-muted);font-size:.8rem;margin-top:4px}.policy-intro{margin-bottom:32px;color:var(--text-secondary);font-size:.95rem;line-height:1.7;text-align:justify}.policy-sections{display:flex;flex-direction:column;gap:16px}.policy-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:box-shadow var(--motion-base)}.policy-card:hover{box-shadow:var(--shadow-sm)}.policy-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.policy-card__icon{color:var(--primary);flex-shrink:0}.policy-card__title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0}.policy-card__body{color:var(--text-secondary);font-size:.9rem;line-height:1.75;text-align:justify}.policy-card__body p{margin:0}.policy-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.8rem}.policy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px}.policy-modal{display:flex;flex-direction:column;width:min(560px,100%);max-height:85vh;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.policy-modal__header{display:flex;align-items:center;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.policy-modal__icon{color:var(--primary);flex-shrink:0}.policy-modal__title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.policy-modal__version{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.policy-modal__scroll{flex:1;overflow-y:auto;padding:20px 24px;overscroll-behavior:contain}.policy-modal__intro{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin:0 0 20px}.policy-modal__section{margin-bottom:18px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.policy-modal__section:last-of-type{margin-bottom:0}.policy-modal__section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.policy-modal__section-icon{color:var(--primary);flex-shrink:0}.policy-modal__section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.policy-modal__section-body{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.75}.policy-modal__footer-text{margin:20px 0 0;text-align:center;color:var(--text-muted);font-size:.75rem}.policy-modal__actions{padding:16px 24px 20px;border-top:1px solid var(--border);display:flex;justify-content:center;flex-shrink:0}.policy-modal__accept{padding:10px 48px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--motion-base),transform var(--motion-base)}.policy-modal__accept:hover{filter:brightness(1.08)}.policy-modal__accept:active{transform:scale(.97)}@media (max-width: 640px){.policy-modal-overlay{padding:0;align-items:stretch}.policy-modal{width:100%;max-height:100%;border-radius:0;border:none;min-height:100dvh}.policy-modal__header{padding:18px 18px 14px;position:sticky;top:0;background:var(--surface-elevated);z-index:1}.policy-modal__scroll{padding:16px 18px}.policy-modal__section{padding:14px}.policy-modal__actions{padding:14px 18px 20px;position:sticky;bottom:0;background:var(--surface-elevated);z-index:1}.policy-modal__accept{width:100%;padding:14px}}.auth-terms{margin:18px 0 6px}.auth-terms__label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-md);color:var(--text-secondary);line-height:1.6}.auth-terms__checkbox{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.auth-terms__text{flex:1}.auth-terms__link{color:#1d4ed8;font-weight:var(--font-weight-bold);font-size:var(--text-md);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--motion-base)}[data-theme=dark] .auth-terms__link{color:#60a5fa}.auth-terms__link:hover{color:#1e40af}[data-theme=dark] .auth-terms__link:hover{color:#93bbfd}.auth-terms__error{color:var(--danger);font-size:.8rem;margin:6px 0 0 28px}.ivs-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0 20px}.ivs-source-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;border:1.5px dashed var(--border-strong);border-radius:14px;background:var(--card-bg);color:var(--text);cursor:pointer;text-align:center;transition:border-color var(--motion-base),transform var(--motion-base),box-shadow var(--motion-base)}.ivs-source-card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 22px #2563eb1f}.ivs-source-card:disabled{opacity:.55;cursor:not-allowed}.ivs-source-icon{font-size:30px;line-height:1}.ivs-source-card strong{font-size:var(--text-md)}.ivs-source-card span:not(.ivs-source-icon):not(.ivs-progress-note){color:var(--text-muted);font-size:.82rem}.ivs-progress-note{color:var(--primary);font-weight:var(--font-weight-bold);font-size:.85rem}.ivs-import-list{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:8px}.ivs-import-title{font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--text-muted);margin-bottom:4px}.ivs-import-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg)}.ivs-import-name{font-weight:var(--font-weight-bold);font-size:.9rem}.ivs-import-meta{flex:1;color:var(--text-muted);font-size:.8rem}.ivs-recorder{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(220px,1fr);gap:18px;align-items:start}.ivs-recorder-preview-wrap{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0a1220;display:flex;align-items:center;justify-content:center}.ivs-recorder-preview{width:100%;height:100%;object-fit:cover}.ivs-recorder-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#64748b;font-size:.85rem}.ivs-rec-badge{position:absolute;top:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:#0a0a0cb8;color:#fff;font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:.4px}.ivs-rec-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:ivs-blink 1.1s ease-in-out infinite}@keyframes ivs-blink{0%,to{opacity:1}50%{opacity:.25}}.ivs-recorder-side{display:flex;flex-direction:column;gap:11px}.ivs-device-toggle{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:.9rem}.ivs-device-toggle input{accent-color:var(--primary);width:16px;height:16px}.ivs-live-toggles{display:flex;gap:8px;flex-wrap:wrap}.ivs-rec-result{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px dashed var(--border)}.ivs-rec-playback{width:100%;border-radius:10px;background:#000}.ivs-rec-result-actions{display:flex;gap:8px}.ivs-player-shell{background:#060b16;border-radius:14px;overflow:hidden;margin-bottom:16px}.ivs-player-shell:fullscreen{border-radius:0;display:flex;flex-direction:column;justify-content:center}.ivs-player-shell:fullscreen .ivs-player-video{max-height:calc(100vh - 64px)}.ivs-player-video{display:block;width:100%;max-height:56vh;min-height:260px;object-fit:contain;background:#060b16;cursor:pointer}.ivs-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#070c18eb;color:#e2e8f0;flex-wrap:wrap}.ivs-controls .btn-ghost{color:#e2e8f0}.ivs-controls .btn-ghost:hover{background:#94a3b826}.ivs-play-btn{flex-shrink:0}.ivs-time{font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}.ivs-seek{flex:1;min-width:140px;accent-color:var(--primary);direction:ltr}.ivs-volume{width:84px;accent-color:#94a3b8;direction:ltr}.ivs-speed-wrap{display:inline-flex;align-items:center;gap:6px;color:#cbd5e1;font-size:.8rem}.ivs-speed-wrap select{background:transparent;color:#e2e8f0;border:1px solid rgba(148,163,184,.35);border-radius:8px;padding:3px 6px;font-size:.8rem}.ivs-speed-wrap select option{color:#0b1220}.ivs-fullscreen-label{font-size:.8rem}.ivs-source-kind{font-size:.78rem;color:var(--text-muted);font-weight:var(--font-weight-bold)}.ivs-timeline{-webkit-user-select:none;user-select:none}.ivs-timeline-ruler{position:relative;height:20px;margin-bottom:2px;direction:ltr}.ivs-timeline-ruler span{position:absolute;transform:translate(-50%);font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none}.ivs-timeline-track{position:relative;border-radius:12px;overflow:visible;cursor:crosshair;touch-action:none}.ivs-filmstrip{display:flex;height:76px;border-radius:12px 12px 0 0;overflow:hidden;background:#0a1220;position:relative}.ivs-filmstrip img,.ivs-filmstrip-blank{flex:1;min-width:0;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.85;pointer-events:none}.ivs-filmstrip img+img{border-inline-start:1px solid rgba(0,0,0,.55)}.ivs-filmstrip-placeholder{flex:1;display:flex}.ivs-filmstrip-placeholder div{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.35;border-inline-end:1px solid rgba(148,163,184,.08)}.ivs-played-overlay{position:absolute;top:0;left:0;height:100%;background:#2563eb2e;pointer-events:none}.ivs-waveform{display:flex;align-items:stretch;gap:1px;height:44px;padding:3px 2px;background:#0d1526;border-radius:0 0 12px 12px;overflow:hidden;direction:ltr}.ivs-waveform span{flex:1;min-width:1px;background:#33415580;border-radius:1px;align-self:center}.ivs-waveform span.played{background:var(--primary);opacity:.85}.ivs-playhead{position:absolute;top:-8px;bottom:-2px;left:0;width:2px;background:#f43f5e;transform:translate(-1px);pointer-events:none;z-index:5}.ivs-playhead-grip{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:#f43f5e;box-shadow:0 0 0 3px #f43f5e40}.ivs-playhead-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:6px;background:#f43f5e;color:#fff;font-size:.68rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.ivs-marker{position:absolute;top:-34px;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;padding:2px 4px;cursor:grab;touch-action:none}.ivs-marker:active{cursor:grabbing}.ivs-marker-dot{width:16px;height:16px;border-radius:50%;background:#22c55e;border:2.5px solid #ffffffcc;box-shadow:0 1px 5px #00000073;transition:transform var(--motion-base),box-shadow var(--motion-base)}.ivs-marker:hover .ivs-marker-dot{transform:scale(1.2)}.ivs-marker.selected .ivs-marker-dot{box-shadow:0 0 0 4px #22c55e59;transform:scale(1.15)}.ivs-marker-time{font-size:.62rem;background:#060c18d9;color:#bbf7d0;padding:1px 5px;border-radius:5px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity var(--motion-base);pointer-events:none}.ivs-marker:hover .ivs-marker-time,.ivs-marker.selected .ivs-marker-time{opacity:1}.ivs-add-chip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid var(--primary);background:var(--card-bg);color:var(--primary);font-size:.74rem;font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #0f172a40}.ivs-add-chip:hover{background:var(--primary);color:var(--primary-contrast)}.ivs-timeline-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:var(--text-muted);font-size:.76rem}.ivs-timeline-legend span{display:inline-flex;align-items:center;gap:6px}.ivs-legend-marker{width:12px;height:12px;border-radius:50%;background:#22c55e;display:inline-block}.ivs-question-list{display:flex;flex-direction:column;gap:10px}.ivs-question-block{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color var(--motion-base)}.ivs-question-block.selected{border-color:#22c55e}.ivs-question-summary{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card-bg);border:none;cursor:pointer;text-align:start;color:var(--text)}.ivs-question-summary:hover{background:var(--primary-soft)}.ivs-question-chip{flex-shrink:0;font-size:.78rem;font-weight:var(--font-weight-bold)}.ivs-question-time{flex-shrink:0;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums;direction:ltr}.ivs-question-text{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivs-question-delete{flex-shrink:0;color:var(--danger);opacity:.65}.ivs-question-delete:hover{opacity:1}.ivs-question-body{padding:4px 14px 16px;border-top:1px dashed var(--border)}.ivs-interaction-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px}.ivs-interaction-option{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:.86rem;transition:border-color var(--motion-base),background var(--motion-base)}.ivs-interaction-option:hover{border-color:var(--primary)}.ivs-interaction-option input{accent-color:var(--primary)}.ivs-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#040812d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.ivs-preview-box{width:min(880px,100%);max-height:92vh;overflow:auto;background:var(--card-bg);border-radius:16px;box-shadow:0 24px 70px #00000080}.ivs-preview-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.ivs-preview-meta{flex:1;color:var(--text-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivs-preview-stage{position:relative;background:#060b16}.ivs-preview-video{display:block;width:100%;max-height:52vh;object-fit:contain}.ivs-preview-question{position:absolute;inset-inline:24px;top:50%;transform:translateY(-50%);background:var(--card-bg);border:1px solid var(--border-strong);border-radius:14px;padding:16px 18px;box-shadow:0 18px 48px #00000073;max-height:86%;overflow:auto}.ivs-preview-question-head{display:flex;align-items:center;gap:7px;color:#22c55e;font-size:.78rem;font-weight:var(--font-weight-bold);margin-bottom:8px}.ivs-preview-qtext{font-size:.95rem;font-weight:var(--font-weight-bold);margin-bottom:12px}.ivs-preview-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ivs-preview-choice{display:block;width:100%;text-align:start;padding:10px 13px;border:1.5px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text);cursor:pointer;font-size:.9rem;transition:border-color var(--motion-base),background var(--motion-base)}.ivs-preview-choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.ivs-preview-choice.correct{border-color:#22c55e;background:#22c55e1f}.ivs-preview-choice.wrong{border-color:var(--danger);background:#ef44441a}.ivs-preview-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.ivs-preview-progress{font-weight:var(--font-weight-bold)}@media (max-width: 720px){.ivs-recorder{grid-template-columns:1fr}.ivs-marker{top:-30px}.ivs-fullscreen-label{display:none}}.ivs-playhead{cursor:ew-resize;pointer-events:auto}.ivs-playhead:before{content:"";position:absolute;top:-14px;bottom:-6px;left:-7px;right:-7px;cursor:ew-resize}.ivs-playhead-grip{width:13px;height:13px;cursor:ew-resize}.ivs-playhead:hover .ivs-playhead-grip{box-shadow:0 0 0 5px #f43f5e4d}.ivs-selection-range{position:absolute;top:0;bottom:0;z-index:4;background:#facc1538;border-inline:2px solid #facc15;border-radius:3px;pointer-events:none}.ivs-selection-handle{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:55%;background:#facc15;border-radius:3px;box-shadow:0 1px 4px #0006}.ivs-selection-handle-start{left:-5px}.ivs-selection-handle-end{right:-5px}.ivs-selection-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:6px;background:#facc15;color:#1c1917;font-size:.66rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.ivs-cut-overlay{position:absolute;top:0;bottom:0;z-index:3;background:repeating-linear-gradient(-45deg,#ef444452,#ef444452 6px,#ef444429 6px,#ef444429 12px);display:flex;align-items:center;justify-content:center;pointer-events:none}.ivs-cut-overlay span{font-size:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ivs-marker.in-cut .ivs-marker-dot{background:#f59e0b}.ivs-edit-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg)}.ivs-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--card-bg);color:var(--text);font-size:.78rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base),color var(--motion-base)}.ivs-tool-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ivs-tool-btn:disabled{opacity:.45;cursor:not-allowed}.ivs-tool-btn.icon-only{padding:6px 7px}.ivs-tool-cut.armed{border-color:var(--danger);color:var(--danger);background:#ef444412}.ivs-tool-cut.armed:hover:not(:disabled){background:var(--danger);color:#fff}.ivs-tool-sep{width:1px;height:20px;background:var(--border)}.ivs-tool-spacer{flex:1}.ivs-nudge-group{display:inline-flex;align-items:center;gap:4px}.ivs-nudge-label{font-size:.72rem;color:var(--text-muted);margin-inline-end:2px}.ivs-effective-duration{font-size:.76rem;font-weight:var(--font-weight-bold);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ivs-cuts-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}.ivs-cuts-title{font-size:.76rem;font-weight:var(--font-weight-bold);color:var(--text-muted)}.ivs-cut-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#ef444417;border:1px solid rgba(239,68,68,.35);color:var(--danger);font-size:.74rem;font-variant-numeric:tabular-nums;direction:ltr}.ivs-cut-restore{border:none;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;padding:0 2px}.ivs-cut-restore:hover{transform:scale(1.2)}.ivs-empty-questions{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.ivs-videos-list{display:flex;flex-direction:column;gap:8px}.ivs-video-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);flex-wrap:wrap}.ivs-video-row-title{flex:1;min-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivs-video-row-meta{color:var(--text-muted);font-size:.85rem}.ivs-video-row-actions{display:flex;gap:4px}.ivs-status-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.ivs-status-draft{background:var(--card-accent-amber-subtle);color:var(--card-accent-amber)}.ivs-status-published{background:var(--success-soft);color:var(--success)}.ivs-save-box{width:min(520px,100%);max-height:92vh;overflow:auto;background:var(--card-bg);border-radius:16px;box-shadow:0 24px 70px #00000080;padding-bottom:8px}.ivs-save-box .form-field,.ivs-save-box .ivs-preview-head+.alert{margin:14px 16px 0}.ivs-upload-progress{display:flex;align-items:center;gap:10px;margin:12px 16px 0;color:var(--text-muted);font-size:.9rem}.ivs-upload-progress progress{flex:1;height:8px;accent-color:var(--card-accent-primary)}.ivp-header{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.ivp-header-info{flex:1;min-width:200px}.ivp-header-info .page-title{margin:0;font-size:1.25rem}.ivp-header-info .form-hint{margin:2px 0 0}.ivp-score-chip{display:inline-flex;align-items:center;gap:6px;background:var(--success-soft);color:var(--success);font-weight:700;border-radius:999px;padding:7px 14px;white-space:nowrap}.ivp-question-box{width:min(640px,100%);max-height:92vh;overflow:auto;background:var(--card-bg);border-radius:16px;box-shadow:0 24px 70px #00000080;padding-bottom:12px}.ivp-question-text{font-size:1.05rem;font-weight:600;line-height:1.7;margin:16px}.ivs-q-choices{display:flex;flex-direction:column;gap:8px;margin:0 16px 14px}.ivs-choice{display:flex;align-items:center;gap:10px;text-align:start;padding:11px 14px;border-radius:10px;border:1px solid var(--card-border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease;font-size:.95rem}.ivs-choice:hover:not(:disabled){border-color:var(--card-accent-primary);background:var(--card-accent-primary-subtle)}.ivs-choice:disabled{cursor:default;opacity:.92}.ivs-choice-correct{border-color:var(--success)!important;background:var(--success-soft)!important}.ivs-choice-wrong{border-color:var(--danger)!important;background:var(--danger-soft)!important}.ivs-choice-letter{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--card-accent-primary-subtle);color:var(--card-accent-primary);font-weight:700;font-size:.8rem;flex-shrink:0}.ivs-choice-correct .ivs-choice-letter{background:var(--success-soft);color:var(--success)}.ivs-choice-wrong .ivs-choice-letter{background:var(--danger-soft);color:var(--danger)}.ivs-choice-text{flex:1}.ivs-choice-icon-ok{color:var(--success);flex-shrink:0}.ivp-text-answer{display:flex;flex-direction:column;gap:10px;margin:0 16px 14px}.ivp-mode-hint{color:var(--text-muted);font-size:.85rem}.ivs-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000b8;color:#fff;z-index:5;pointer-events:none}.ivs-processing-overlay p{margin:0;font-size:.9rem}.ivs-corner-card{position:absolute;bottom:74px;inset-inline-end:14px;width:min(320px,calc(100% - 28px));max-height:60%;overflow:auto;background:#0a0f1ceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;padding:12px;z-index:5;box-shadow:0 14px 40px #00000073}.ivs-corner-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ivs-corner-head strong{font-size:.85rem;color:#ffd166}.ivs-corner-close{background:none;border:none;color:#ffffffbf;cursor:pointer;padding:2px;display:inline-flex}.ivs-corner-close:hover{color:#fff}.ivs-corner-question{font-size:.88rem;line-height:1.55;margin:0 0 8px}.ivs-q-choices-compact{margin:0;gap:6px}.ivs-q-choices-compact .ivs-choice{padding:8px 10px;font-size:.82rem;background:#ffffff12;border-color:#ffffff29;color:#fff}.ivs-q-choices-compact .ivs-choice:hover:not(:disabled){background:#ffffff24;border-color:#ffffff59}.ivs-q-choices-compact .ivs-choice-letter{width:22px;height:22px;font-size:.72rem;background:#ffffff1f;color:#fff}.ivs-q-choices-compact .ivs-choice-correct{background:#16a34a59!important;border-color:var(--success)!important}.ivs-q-choices-compact .ivs-choice-wrong{background:#dc262652!important;border-color:var(--danger)!important}.ivs-corner-card .alert{margin:8px 0 0;font-size:.82rem;padding:8px 10px}.ivp-header+*{clear:both}.ivs-ctl-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;border:none;color:#e2e8f0;cursor:pointer;padding:6px 8px;border-radius:8px;flex-shrink:0}.ivs-ctl-btn:hover{background:#94a3b826}.ivs-timecode{font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.ivs-speed-label{font-size:.78rem;font-weight:var(--font-weight-bold)}.ivs-progress{position:relative;flex:1;min-width:140px;height:18px;display:flex;align-items:center;cursor:pointer;direction:ltr}.ivs-progress:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:999px;background:#94a3b847}.ivs-progress-cut{position:absolute;top:50%;transform:translateY(-50%);height:6px;background:repeating-linear-gradient(45deg,#64748ba6,#64748ba6 4px,#475569a6 4px,#475569a6 8px);border-radius:2px}.ivs-progress-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;border-radius:999px;background:var(--primary);pointer-events:none}.ivs-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;background:#f59e0b;border:2px solid rgba(7,12,24,.9);box-shadow:0 0 0 1px #ffffff40}.ivs-marker-done{background:#22c55e}.ivs-marker-skipped{background:#64748b}