@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#f2f5f9;--bg-subtle:#ebf0f7;--bg-canvas:#f8fafc;--navy:#0f2238;--navy-dark:#091728;--navy-light:#18334f;--sidebar-bg:#0b1c30;--sidebar-border:#ffffff14;--muted:#536e88;--faint:#8fa5ba;--blue:#0a84ff;--blue-hover:#0071e3;--blue-light:#e5f1ff;--blue-glow:#0a84ff47;--emerald:#30d158;--emerald-bg:#e6f9ed;--emerald-glow:#30d15840;--amber:#ff9f0a;--amber-bg:#fff5e5;--amber-glow:#ff9f0a40;--red:#ff453a;--red-bg:#ffeceb;--red-glow:#ff453a40;--indigo:#5e5ce6;--indigo-bg:#f0f0ff;--pink:#ff375f;--pink-bg:#ffedf1;--white:#fff;--border:#0f223812;--border-mid:#0f22381f;--border-strong:#0f22382e;--glass-bg:#ffffffb8;--glass-bg-heavy:#ffffffe0;--glass-border:#ffffffa6;--glass-border-subtle:#0f22380f;--glass-blur:blur(24px) saturate(190%);--glass-blur-sm:blur(12px) saturate(180%);--shadow-xs:0 1px 2px #0f22380a;--shadow-sm:0 2px 8px #0f22380a, 0 1px 2px #0f223805;--shadow-md:0 8px 24px #0f22380f, 0 2px 6px #0f223808;--shadow-lg:0 16px 40px #0f223817, 0 4px 12px #0f22380a;--shadow-xl:0 24px 64px #0f223824, 0 8px 20px #0f22380f;--shadow-dock:0 20px 50px #00000047, 0 0 0 1px #ffffff26;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-spring-snappy:cubic-bezier(.18, .89, .32, 1.15);--ease-spring-soft:cubic-bezier(.2, .9, .3, 1);--ease-spring-out:cubic-bezier(.25, 1, .5, 1);color:var(--navy);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--navy);margin:0;position:relative;overflow-x:hidden;background-color:var(--bg)!important}button,a,input,select,textarea,[role=button],.interactive-card{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}button{cursor:pointer}button:active:not(:disabled),.interactive-card:active{transition:transform 90ms ease-out;transform:scale(.975)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue-light);color:var(--blue-hover)}*{scrollbar-width:thin;scrollbar-color:#0f223826 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f223829;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#0f22384d}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.035em}.tracking-wide{letter-spacing:.04em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.topbar,.card,.sidebar,.dockedChatDrawer,.floatingDock,.glassPanel{-webkit-backdrop-filter:none!important;background:#fff!important}.sidebar{background:#0b1c30!important}}:root{--bg:#f2f5f9;--bg-canvas:#f8fafc;--navy:#0f2238;--navy-dark:#091728;--navy-light:#18334f;--sidebar-bg:#0b1c30;--sidebar-border:#ffffff14;--muted:#536e88;--faint:#8fa5ba;--blue:#0a84ff;--blue-dark:#0071e3;--blue-light:#e5f1ff;--blue-glow:#0a84ff47;--emerald:#30d158;--emerald-bg:#e6f9ed;--emerald-glow:#30d15840;--amber:#ff9f0a;--amber-bg:#fff5e5;--amber-glow:#ff9f0a40;--red:#ff453a;--red-bg:#ffeceb;--red-glow:#ff453a40;--indigo:#5e5ce6;--indigo-bg:#f0f0ff;--white:#fff;--border:#0f223812;--border-mid:#0f22381f;--border-strong:#0f22382e;--glass-bg:#ffffffc2;--glass-bg-heavy:#ffffffe6;--glass-border:#ffffffb3;--glass-blur:blur(24px) saturate(190%);--shadow-xs:0 1px 2px #0f22380a;--shadow-sm:0 2px 8px #0f22380a, 0 1px 2px #0f223805;--shadow-md:0 8px 24px #0f22380f, 0 2px 6px #0f223808;--shadow-lg:0 16px 40px #0f223817, 0 4px 12px #0f22380a;--shadow-xl:0 24px 64px #0f223824, 0 8px 20px #0f22380f;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-spring-snappy:cubic-bezier(.18, .89, .32, 1.15);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.92)}}.page{animation:fadeUp .36s var(--ease-spring) both}.appShell{min-height:100vh;color:var(--navy);background:#f8fafc;display:flex}.sidebar{border-right:1px solid var(--sidebar-border);z-index:50;width:76px;transition:width .35s var(--ease-spring), padding .35s var(--ease-spring), box-shadow .25s var(--ease-spring);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f2238;flex-direction:column;padding:20px 10px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:4px 0 30px #00000029}.sidebar:hover{width:264px;padding:20px 14px;box-shadow:8px 0 36px #00000038}.brand{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;height:44px;padding:0 4px;display:flex}.brandMark{color:#fff;background:#0a84ff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-family:Sora,sans-serif;font-size:21px;font-weight:850;display:grid;position:relative;box-shadow:0 4px 16px #0a84ff66,inset 0 1px 1px #fff6}.brandDot{background:#30d158;border:1.5px solid #0056c6;border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;right:6px}.brandTextWrap{transition:opacity .25s var(--ease-spring);flex-direction:column;line-height:1.1;display:flex}.brandLabel{letter-spacing:-.03em;color:#fff;font-family:Sora,sans-serif;font-size:20px;font-weight:800}.brandSub{color:#8daac8;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.rolePill{color:#9ac2e8;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity .2s var(--ease-spring);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;margin:14px 0 18px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.roleDot{background:#30d158;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #30d158}.sidebar nav{flex:1;margin-top:4px;overflow:hidden auto}.navSection{margin-bottom:16px}.navTitle{color:#5d7d9e;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 8px 7px;font-size:9.5px;font-weight:800;display:block}.navItem{color:#8daac8;text-align:left;width:100%;transition:all .2s var(--ease-spring);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;margin:3px 0;padding:4px 6px;font-size:13.5px;font-weight:600;display:flex;position:relative}.navIconTile{color:#8daac8;width:38px;height:38px;transition:all .2s var(--ease-spring);background:#ffffff0a;border-radius:11px;flex:none;place-items:center;display:grid}.navItem:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.navItem:hover .navIconTile{color:#fff;background:#ffffff1f;transform:scale(1.05)}.navItem.active{color:#fff;background:#0a84ff1f;font-weight:750;box-shadow:inset 0 0 0 1px #0a84ff59}.navItem.active .navIconTile{color:#fff;background:#0a84ff;box-shadow:0 4px 14px #0a84ff73}.activeIndicator{background:#0a84ff;border-radius:50%;width:5px;height:5px;position:absolute;right:8px;box-shadow:0 0 8px #0a84ff}.navUnreadBadge{color:#fff;background:#ff453a;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-grid}.sidebarBottom{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.sidebar:not(:hover) .brandTextWrap,.sidebar:not(:hover) .rolePill,.sidebar:not(:hover) .navTitle,.sidebar:not(:hover) .navLabel,.sidebar:not(:hover) .userInfo,.sidebar:not(:hover) .logoutLabel,.sidebar:not(:hover) .activeIndicator{display:none}.sidebar:not(:hover) .brand,.sidebar:not(:hover) .navItem,.sidebar:not(:hover) .userMini,.sidebar:not(:hover) .logout{justify-content:center;padding-left:0;padding-right:0}.userMini{white-space:nowrap;cursor:pointer;transition:all .2s var(--ease-spring);background:#ffffff0a;border-radius:12px;align-items:center;gap:11px;padding:6px;display:flex}.userMini:hover{background:#ffffff17}.userInfo b{color:#fff;text-overflow:ellipsis;letter-spacing:-.01em;max-width:140px;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.userInfo span{color:#799bbb;margin-top:2px;font-size:11px;display:block}.logout{color:#ff6961;cursor:pointer;width:100%;transition:all .2s var(--ease-spring);background:#ff453a14;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px;font-size:12.5px;font-weight:700;display:flex}.logoutIconTile{color:#ff453a;background:#ff453a29;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.logout:hover{color:#fff;background:#ff453a29}.main{width:calc(100% - 76px);min-width:0;min-height:100vh;transition:margin-left .35s var(--ease-spring), width .35s var(--ease-spring);flex-direction:column;margin-left:76px;display:flex}.sidebar:hover+.main{width:calc(100% - 264px);margin-left:264px}.pageContentWrapper{flex:1;width:100%;max-width:1680px;margin:0 auto;padding:28px clamp(20px,3vw,44px) 52px;overflow-y:auto}.topbar{border-bottom:1px solid var(--border);background:var(--glass-bg);height:70px;-webkit-backdrop-filter:var(--glass-blur);z-index:30;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.topbarLeft{align-items:center;display:flex}.pageHeaderIdentity{flex-direction:column;gap:2px;display:flex}.pageEyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-size:10.5px;font-weight:800}.pageTitle{letter-spacing:-.025em;color:var(--navy);font-family:Sora,sans-serif;font-size:18px;font-weight:800}.topbarCenter{flex:1;max-width:440px;margin:0 24px}.globalSearchPill{border-radius:var(--radius-full);transition:all .25s var(--ease-spring);background:#0f22380a;border:1px solid #0f223814;align-items:center;gap:9px;padding:7px 14px;display:flex}.globalSearchPill.focused,.globalSearchPill:hover{background:#fff;border-color:#0a84ff59;box-shadow:0 0 0 3px #0a84ff1f}.searchIcon{color:var(--muted);flex:none}.globalSearchPill input{color:var(--navy);background:0 0;border:0;outline:none;width:100%;font-size:13px}.globalSearchPill input::placeholder{color:var(--faint)}.searchKbd{color:var(--muted);background:#0f223814;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:700}.topbarRight{align-items:center;gap:14px;display:flex}.topbarDateBadge{color:var(--muted);border-radius:var(--radius-full);background:#0f22380a;border:1px solid #0f22380f;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.dockChatToggleBtn{border-radius:var(--radius-full);color:var(--navy);cursor:pointer;transition:all .2s var(--ease-spring);box-shadow:var(--shadow-xs);background:#fff;border:1px solid #0f22381a;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;display:flex}.dockChatToggleBtn:hover{background:var(--blue-light);color:var(--blue-dark);border-color:#0a84ff4d;transform:translateY(-1px)}.dockChatToggleBtn.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 4px 14px #0f223840}.dockBadge{background:var(--red);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:800}.roundBtn{width:38px;height:38px;color:var(--muted);transition:all .2s var(--ease-spring);cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;border:1px solid #0f22381a;border-radius:11px;place-items:center;display:grid;position:relative}.roundBtn:hover,.roundBtn.active{color:var(--navy);background:var(--blue-light);border-color:#0a84ff4d;transform:translateY(-1px)}.notifBadgeDot{color:#fff;background:#ff453a;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 0 6px #ff453a80}.topbarUser{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:12px;display:flex}.topbarUserMeta{flex-direction:column;line-height:1.1;display:flex}.topbarUserName{color:var(--navy);letter-spacing:-.01em;font-size:13px;font-weight:800}.topbarUserRole{color:var(--muted);font-size:10.5px;font-weight:600}.notifDropdownSheet{background:var(--glass-bg-heavy);width:340px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);z-index:100;animation:popIn .25s var(--ease-spring) both;border-radius:18px;padding:16px;position:absolute;top:50px;right:0}.notifHeaderRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.notifHeaderRow h4{color:var(--navy);font-size:14px;font-weight:800}.notifHeaderRow p{color:var(--muted);font-size:11.5px}.notifStatusTag{background:var(--emerald-bg);color:var(--emerald);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.notifList{flex-direction:column;gap:8px;display:flex}.analyticsChartFrame{gap:10px;min-width:0;display:grid}.chartSummary{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.chartSummary strong{color:var(--navy);font-family:Sora,sans-serif;font-size:20px}.customSvgChartWrapper{aspect-ratio:580/184;border:1px solid var(--border);background:linear-gradient(#0a84ff0f,#0a84ff03);border-radius:14px;width:100%;min-width:0;position:relative;overflow:hidden}.smoothBezierChart{width:100%;height:100%;display:block;overflow:visible}.chartGridLine{stroke:#0f22381a;stroke-dasharray:3 5}.chartYLabel,.chartXLabel{fill:var(--faint);font-family:JetBrains Mono,monospace;font-size:9px}.chartAreaFill{fill:#0a84ff1f}.chartSmoothPath{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.chartPointCircle{fill:var(--white);stroke:var(--blue);stroke-width:3px;cursor:pointer;outline:none}.chartPointCircle:hover,.chartPointCircle:focus,.chartPointCircle.hovered{fill:var(--blue);stroke:var(--white);stroke-width:4px}.chartTooltip{z-index:2;background:var(--navy);min-width:74px;color:var(--white);text-align:center;pointer-events:none;border:1px solid #0a84ff40;border-radius:8px;gap:2px;padding:7px 9px;display:grid;position:absolute;transform:translate(-50%,-100%)}.chartTooltip span{color:#b9cde0;font-size:9px}.chartTooltip strong{font-size:14px}@media (width<=640px){.chartSummary strong{font-size:17px}.customSvgChartWrapper{aspect-ratio:1.35}}.notifItem{background:#0f223805;border-radius:12px;gap:10px;padding:10px;transition:background .2s;display:flex}.notifItem.unread{background:var(--blue-light)}.notifDot{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.notifDot.neutral{background:var(--muted)}.notifText b{color:var(--navy);font-size:12px;display:block}.notifText p{color:var(--muted);margin:2px 0 4px;font-size:11.5px;line-height:1.4}.notifText small{color:var(--faint);font-size:10px}.authShell{min-height:100vh;color:var(--navy);background:radial-gradient(circle at 78% 18%,#0a84ff24,#0000 32%),linear-gradient(135deg,#edf4fb 0%,#f7fafc 52%,#eaf5f1 100%);grid-template-columns:minmax(440px,560px) minmax(0,1fr);display:grid}.authPanel{background:var(--white);border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-height:100vh;padding:48px clamp(28px,6vw,70px);display:flex;box-shadow:18px 0 48px #0f223814}.authPanel .brandMark{background:var(--navy);box-shadow:0 4px 16px #0f223847,inset 0 1px 1px #ffffff38}.authPanel .brandDot{border-color:var(--navy-dark)}.authCopy{margin:36px 0 24px}.authCopy h1{color:var(--navy);letter-spacing:-.8px;margin:8px 0 10px;font-family:Sora,sans-serif;font-size:34px;line-height:1.15}.authCopy p{color:var(--muted);max-width:420px;font-size:13.5px;line-height:1.5}.authForm{flex-direction:column;gap:15px;display:flex}.authForm label{color:var(--navy);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.authForm input,.authForm select{border:1px solid var(--border-mid);height:46px;color:var(--navy);background:#f8fafc;border-radius:11px;outline:none;padding:0 14px;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.authForm input:focus,.authForm select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #4f8ef72e}.authError{color:var(--red);background:#e8485514;border:1px solid #e8485540;border-radius:11px;padding:12px 16px;font-size:13px;font-weight:600}.twoCol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.authSubmit{background:var(--navy);color:#fff;cursor:pointer;height:47px;transition:all .2s var(--ease);border:0;border-radius:11px;margin-top:4px;font-size:13.5px;font-weight:700}.authSubmit:hover{background:#2b5a86;transform:translateY(-1px);box-shadow:0 8px 20px #1a3d5a40}.authSwitch{text-align:center;color:var(--muted);margin-top:18px;font-size:12.5px}.authSwitch button{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;font-weight:800}.authVisual{background:#1a3d5a;place-items:center;padding:50px;display:grid;position:relative;overflow:hidden}.authBenefitsPanel{color:#fff;width:min(100%,480px)}.authBenefitsPanel h2{letter-spacing:-.6px;max-width:420px;margin:14px 0 12px;font-family:Sora,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.08}.authBenefitsPanel>p{color:#c8d8e6;max-width:410px;line-height:1.6}.authBenefitsPanel ul{gap:20px;margin:38px 0 0;padding:0;list-style:none;display:grid}.authBenefitsPanel li{align-items:flex-start;gap:13px;display:flex}.authBenefitMarker{background:#84d6b5;border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 5px #84d6b521}.authBenefitsPanel li span:last-child{gap:4px;display:grid}.authBenefitsPanel li strong{color:#fff;font-size:14px}.authBenefitsPanel li span:last-child span{color:#b8ccdc;font-size:13px;line-height:1.45}.authVisual:before{content:"";pointer-events:none;background-size:26px 26px;position:absolute;inset:0}.showcase{z-index:1;width:100%;max-width:480px;position:relative}.showcase .eyebrow{color:#8fb4d6}.showcaseCopy{min-height:108px;animation:fadeUp .5s var(--ease) both;margin:14px 0 26px}.showcaseCopy h2{color:#fff;letter-spacing:-1.2px;margin:0 0 12px;font-family:Sora,sans-serif;font-size:38px;line-height:1.08}.showcaseCopy p{color:#b9c9d5;max-width:430px;margin:0;font-size:14.5px;line-height:1.5}.previewStage{perspective:900px;place-items:center;height:236px;margin-bottom:28px;display:grid;position:relative}.previewGlow{filter:blur(44px);background:#4f8ef738;border-radius:50%;width:230px;height:230px;position:absolute}.previewFrame{animation:previewIn .55s var(--ease) both;transform-style:preserve-3d}.mockCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#ffffff17;border:1px solid #ffffff2e;border-radius:20px;width:272px;min-height:178px;padding:18px;position:relative;transform:rotateY(-6deg);box-shadow:0 24px 50px #04101c73}.mockChatHead{align-items:center;gap:9px;margin-bottom:12px;display:flex}.mockChatHead b{color:#fff;font-size:12px;display:block}.mockChatHead span{color:#7ce0a8;font-size:10px}.mockBubble{border-radius:12px;max-width:88%;margin-bottom:7px;padding:8px 11px;font-size:11.5px;line-height:1.35}.mockBubble.in{color:#e6edf3;background:#ffffff1f;border-bottom-left-radius:3px}.mockBubble.out{background:var(--blue);color:#fff;border-bottom-right-radius:3px;margin-left:auto}.mockTyping{gap:3px;padding:4px 2px;display:flex}.mockTyping span{background:#8fb4d6;border-radius:50%;width:5px;height:5px;animation:1.2s infinite dot}.mockTyping span:nth-child(2){animation-delay:.15s}.mockTyping span:nth-child(3){animation-delay:.3s}.mockQuizHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mockQuizHead b{color:#fff;font-size:11.5px}.mockRing{width:34px;height:34px;position:relative}.mockRing svg{width:34px;height:34px;transform:rotate(-90deg)}.mockRing .ringBg{fill:none;stroke:#ffffff26;stroke-width:3px}.mockRing .ringFg{fill:none;stroke:#f2a73b;stroke-width:3px;stroke-dasharray:100;stroke-dashoffset:32px;stroke-linecap:round}.mockRing span{color:#fff;place-items:center;font-size:7px;font-weight:800;display:grid;position:absolute;inset:0}.mockQ{color:#e6edf3;margin:0 0 10px;font-size:12px;line-height:1.4}.mockOpt{color:#cfe0ec;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;margin-bottom:6px;padding:8px 10px;font-size:11px}.mockOpt.sel{border-color:var(--blue);color:#fff;background:#4f8ef747;font-weight:700}.mockAssignTop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mockPill{text-transform:uppercase;letter-spacing:.5px;color:#7ce0a8;background:#2ecc7138;border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:800}.mockAssignTop b{color:#fff;font-size:13px}.mockBar{background:#ffffff1f;border-radius:999px;height:5px;margin:4px 0 12px;overflow:hidden}.mockBar div{background:#7ce0a8;border-radius:999px;width:92%;height:100%}.mockFeedback{color:#b9c9d5;font-size:11px;font-style:italic}.mockCall{place-items:center;display:grid}.mockLive{letter-spacing:.5px;color:#fff;background:#e84855e6;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:9.5px;font-weight:800;display:flex;position:absolute;top:14px;left:14px}.mockLive i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite bob}.mockCallAvatar{border-radius:50%;place-items:center;width:74px;height:74px;font-size:22px;font-weight:800;display:grid}.mockSelfView{background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:8px;width:56px;height:40px;position:absolute;bottom:46px;right:14px}.mockDock{background:#00000059;border-radius:999px;gap:8px;padding:7px 10px;display:flex;position:absolute;bottom:12px}.mockDock span{place-items:center;width:22px;height:22px;font-size:11px;display:grid}.mockDock .end{background:var(--red);border-radius:50%}.mockClasses{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mockTile{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:12px 10px}.mockTile span{border-radius:999px;width:20px;height:4px;margin-bottom:10px;display:block}.mockTile b{color:#fff;font-size:10.5px}.mockTile.p1 span{background:var(--p1)}.mockTile.p3 span{background:var(--p3)}.mockTile.p4 span{background:var(--p4)}.mockTile.p6 span{background:var(--p6)}.featureRail{justify-content:space-between;gap:6px;display:flex}.featureTab{color:#8fb4d6;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:8px;padding:8px 2px 12px;display:flex;position:relative}.featureTab span{letter-spacing:.2px;white-space:nowrap;font-size:9.5px;font-weight:700}.featureIconTile{color:#8fb4d6;width:38px;height:38px;transition:all .25s var(--ease);background:#ffffff0f;border-radius:12px;place-items:center;display:grid}.featureTab.active{color:#fff}.featureTab.active .featureIconTile{background:var(--blue);color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px #4f8ef766}.featureTab:hover .featureIconTile{color:#fff}.featureTrack{background:#ffffff26;border-radius:999px;height:2.5px;position:absolute;bottom:0;left:8px;right:8px;overflow:hidden}.featureTrack:after{content:"";background:var(--blue);transform-origin:0;animation:linear forwards railFill;animation-duration:inherit;position:absolute;inset:0;transform:scaleX(0)}.eyebrow{letter-spacing:.08em;color:var(--blue);text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:800;display:inline-block}.heroHeader.appleHero{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex}.heroTagRow{align-items:center;gap:12px;margin-bottom:6px;display:flex}.heroLiveDot{color:var(--muted);border-radius:var(--radius-full);background:#0f22380d;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pulseCircle{background:#30d158;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGlow;box-shadow:0 0 8px #30d158}.heroTitle{color:var(--navy);letter-spacing:-.03em;margin-bottom:4px;font-family:Sora,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.heroSubtitle{color:var(--muted);font-size:13.5px;line-height:1.5}.highlightStrong{color:var(--navy);font-weight:700}.heroActionGroup{flex-shrink:0;align-items:center;gap:10px;display:flex}.primaryBtn.appleHeroBtn{color:#fff;transition:all .2s var(--ease-spring);background:#0a84ff;border:0;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:750;box-shadow:0 4px 14px #0a84ff59,inset 0 1px #ffffff4d}.primaryBtn.appleHeroBtn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0a84ff73}.heroSecondaryBtn{border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700}.statGrid.appleStatGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.statCard{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring);flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;position:relative;overflow:hidden}.statCard:hover{box-shadow:var(--shadow-md);border-color:#0a84ff4d;transform:translateY(-2px)}.statCard.stat-blue{border-top:3px solid var(--blue)}.statCard.stat-emerald{border-top:3px solid var(--emerald)}.statCard.stat-amber{border-top:3px solid var(--amber)}.statCard.stat-violet{border-top:3px solid var(--indigo)}.statCardTop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.statLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.statIconWrap{width:32px;height:32px;color:var(--blue);background:#0a84ff14;border-radius:9px;place-items:center;display:grid}.statCard.stat-emerald .statIconWrap{background:var(--emerald-bg);color:var(--emerald)}.statCard.stat-amber .statIconWrap{background:var(--amber-bg);color:var(--amber)}.statCard.stat-violet .statIconWrap{background:var(--indigo-bg);color:var(--indigo)}.statValue{color:var(--navy);letter-spacing:-.03em;margin-bottom:4px;font-family:Sora,sans-serif;font-size:26px;font-weight:850}.statTrend{color:var(--muted);font-size:11px;font-weight:600}.card.appleCard{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring);margin-bottom:24px;padding:22px}.cardHead{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.cardHeaderBadge{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:3px;font-size:9.5px;font-weight:800}.cardHead h3{letter-spacing:-.02em;color:var(--navy);margin-bottom:2px;font-family:Sora,sans-serif;font-size:16px;font-weight:800}.cardHead p{color:var(--muted);font-size:12px}.smallActionBtn{color:var(--navy);background:#0f22380a;border:1px solid #0f223814;border-radius:9px;padding:6px 12px;font-size:11.5px;font-weight:750}.smallActionBtn:hover{background:var(--blue-light);color:var(--blue);border-color:#0a84ff4d}.overviewGrid{grid-template-columns:1.7fr 1.1fr;gap:20px;display:grid}.overviewPrimaryCol,.overviewSecondaryCol{flex-direction:column;gap:20px;display:flex}.overviewTwoColLayout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:start;gap:20px;display:grid}.svgChartContainer{width:100%;padding-top:8px;position:relative}.appleSvgChart{width:100%;height:160px;overflow:visible}.chartSplineLine{filter:drop-shadow(0 4px 10px #0a84ff59)}.chartPointGroup{cursor:pointer;transition:transform .2s}.chartPointGroup:hover circle{r:8;stroke-width:4px}.pointScoreLabel{-webkit-user-select:none;user-select:none;font-family:Plus Jakarta Sans,sans-serif}.appleChartAxis{border-top:1px solid #0f22380f;justify-content:space-between;padding:8px 12px 0;display:flex}.axisLabel{color:var(--muted);font-size:10.5px;font-weight:700}.chartTooltipFloat{background:var(--navy);color:#fff;box-shadow:var(--shadow-lg);pointer-events:none;z-index:20;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;font-size:11px;display:flex;position:absolute;transform:translate(-50%,-100%)}.scheduleList{flex-direction:column;gap:10px;display:flex}.scheduleRow{transition:all .2s var(--ease-spring);background:#0f223805;border:1px solid #0f22380f;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.scheduleRow:hover{background:#0f22380a;border-color:#0a84ff33}.scheduleRow.isLiveSession{background:#0a84ff0d;border:1px solid #0a84ff40;box-shadow:0 2px 12px #0a84ff14}.scheduleTimePill{background:#fff;border:1px solid #0f223814;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:82px;padding:6px 10px;display:flex}.schedCode{color:var(--blue);font-size:11px;font-weight:800}.schedTime{color:var(--muted);white-space:nowrap;font-size:9.5px;font-weight:600}.scheduleInfo{flex:1;min-width:0}.schedTitleRow{align-items:center;gap:8px;margin-bottom:2px;display:flex}.schedTitle{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:750;overflow:hidden}.livePillTag{color:#ff3b30;background:#ff453a1f;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:9.5px;font-weight:800}.schedMeta{color:var(--muted);gap:12px;font-size:11.5px;display:flex}.liveJoinBtn{color:#fff;background:#30d158;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:750;display:inline-flex;box-shadow:0 4px 12px #30d15859}.schedDetailBtn{border-radius:9px;padding:6px 12px;font-size:11.5px}.quickGrid.appleQuickGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quickBtn{cursor:pointer;transition:all .2s var(--ease-spring);text-align:left;background:#0f223805;border:1px solid #0f223814;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.quickBtn:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#0a84ff4d;transform:translateY(-2px)}.quickIconTile{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.quickQuizTile{background:var(--amber-bg);color:var(--amber)}.quickChatTile{background:var(--blue-light);color:var(--blue)}.quickCallTile{background:var(--emerald-bg);color:var(--emerald)}.quickClassTile{background:var(--indigo-bg);color:var(--indigo)}.quickTextWrap{flex-direction:column;line-height:1.2;display:flex}.quickMainLabel{color:var(--navy);font-size:13px;font-weight:750}.quickSubLabel{color:var(--muted);font-size:10.5px}.quickArrow{color:var(--faint);font-size:14px;transition:transform .2s}.quickBtn:hover .quickArrow{color:var(--blue);transform:translate(3px)}.recentAssignmentsList{flex-direction:column;gap:10px;display:flex}.recentAsgItem{background:#0f223805;border:1px solid #0f22380f;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.asgTopRow{justify-content:space-between;align-items:center;display:flex}.asgStatusChip{text-transform:uppercase;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.asgStatusChip.urgent{color:#ff3b30;background:#ff453a1f}.asgStatusChip.in_progress{background:var(--blue-light);color:var(--blue)}.asgStatusChip.submitted{background:var(--emerald-bg);color:var(--emerald)}.asgPoints{color:var(--muted);font-size:11px;font-weight:700}.asgTitle{color:var(--navy);font-size:13px;font-weight:750}.asgBottomRow{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.peerList{flex-direction:column;gap:10px;display:flex}.peerRow{background:#0f223805;border:1px solid #0f22380f;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.peerInfo{flex:1;min-width:0}.peerInfo b{color:var(--navy);font-size:12.5px;font-weight:750;display:block}.peerInfo span{color:var(--muted);font-size:11px}.peerActions{gap:6px;display:flex}.smallRoundBtn{border-radius:9px;width:32px;height:32px}.callBtn:hover{background:var(--emerald-bg);color:var(--emerald);border-color:#30d1584d}.quizTakerHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quizCourseBadge{align-items:center;gap:8px;margin-bottom:2px;display:flex}.courseLabel{letter-spacing:.06em;color:var(--blue);text-transform:uppercase;font-size:10.5px;font-weight:800}.quizDifficultyTag{color:var(--muted);background:#0f22380f;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.quizTitle{color:var(--navy);letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:20px;font-weight:800}.quizQuestionCount{color:var(--muted);font-size:12px}.quizHeaderRight{align-items:center;gap:12px;display:flex}.appleQuizTimer{background:#0f22380a;border:1px solid #0f223814;border-radius:12px;align-items:center;gap:9px;padding:7px 14px;display:flex}.appleQuizTimer.timerLow{color:#ff3b30;background:#ff453a1a;border-color:#ff453a4d;animation:1.2s infinite pulseGlow}.timerIcon{font-size:16px}.timerText{flex-direction:column;line-height:1.1;display:flex}.timerLabel{letter-spacing:.06em;color:var(--muted);font-size:9px;font-weight:800}.timerNumbers{color:var(--navy);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:850}.questionNavStrip{margin-bottom:16px;padding:12px 18px}.navPillsContainer{align-items:center;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.questionPill{width:36px;height:36px;color:var(--muted);cursor:pointer;transition:all .2s var(--ease-spring);background:#fff;border:1px solid #0f22381a;border-radius:10px;place-items:center;font-size:12.5px;font-weight:750;display:grid;position:relative}.questionPill:hover{background:var(--blue-light);color:var(--blue);border-color:#0a84ff4d}.questionPill.current{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 12px #0a84ff59}.questionPill.answered:not(.current){background:var(--emerald-bg);color:var(--emerald);border-color:#30d15866}.questionPill.flagged .flagDot{background:#ff9f0a;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.quizQuestionCard{padding:26px}.qTopBar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.qMetaGroup{align-items:center;gap:10px;display:flex}.qNumberBadge{background:var(--blue-light);color:var(--blue);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.qPointsBadge{color:var(--muted);font-size:11.5px;font-weight:700}.flagBtn{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #0f22381a;border-radius:9px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s}.flagBtn.flagged{background:var(--amber-bg);color:var(--amber);border-color:#ff9f0a4d}.qStatement{color:var(--navy);margin-bottom:18px;font-size:17px;font-weight:750;line-height:1.45}.codeSnippetContainer{background:#0f1c2b;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;overflow:hidden}.codeSnippetHeader{background:#091420;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 14px;display:flex}.redDot{background:#ff5f56}.yellowDot{background:#ffbd2e}.greenDot{background:#27c93f}.codeLang{color:#8daac8;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600}.codeSnippetBody{color:#c9def5;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.qOptionsGrid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.appleOptionRow{cursor:pointer;transition:all .2s var(--ease-spring);-webkit-user-select:none;user-select:none;background:#0f223805;border:1.5px solid #0f223814;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.appleOptionRow:hover{background:#fff;border-color:#0a84ff4d;transform:translateY(-1px)}.appleOptionRow.selected{background:var(--blue-light);border-color:var(--blue);box-shadow:0 4px 14px #0a84ff26}.optRadioWrap{align-items:center;gap:10px;display:flex}.optLetterBadge{width:28px;height:28px;color:var(--navy);background:#fff;border:1px solid #0f22381f;border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.appleOptionRow.selected .optLetterBadge{background:var(--blue);color:#fff;border-color:var(--blue)}.optContentText{color:var(--navy);flex:1;font-size:14px;font-weight:600}.optCheckmark{color:var(--blue)}.quizBottomDock{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.completionPill{color:var(--muted);border-radius:var(--radius-full);background:#0f22380a;padding:6px 14px;font-size:11.5px;font-weight:700}.submitAssessmentBtn{color:#fff;background:#30d158;border:0;border-radius:12px;padding:10px 20px;font-size:13.5px;font-weight:800;box-shadow:0 4px 14px #30d15866}.academicPerformanceCard{margin-bottom:22px}.perfHeaderRow{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.gpaHighlightBadge{background:var(--blue-light);border:1px solid #0a84ff40;border-radius:14px;align-items:baseline;gap:4px;padding:8px 16px;display:flex}.gpaLabel{color:var(--blue);margin-right:4px;font-size:10px;font-weight:800}.gpaValue{color:var(--blue-dark);font-family:Sora,sans-serif;font-size:22px;font-weight:900}.gpaMax{color:var(--muted);font-size:12px;font-weight:700}.courseProgressGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.courseMetricTile{background:#0f223805;border:1px solid #0f22380f;border-radius:14px;padding:14px}.metricTileTop{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metricCode{color:var(--navy);font-size:11px;font-weight:800}.metricGradeBadge{border:1px solid;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:800}.metricName{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:12px;font-weight:700;overflow:hidden}.metricProgressBarBg{background:#0f223814;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.metricProgressBarFill{height:100%;transition:width .4s var(--ease-spring);border-radius:999px}.metricScoreText{color:var(--muted);justify-content:space-between;font-size:10.5px;display:flex}.assignmentsFilterBar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.deliverableCountText{color:var(--muted);font-size:12px;font-weight:600}.assignmentGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.assignmentCardTitle{color:var(--navy);margin-bottom:4px;font-family:Sora,sans-serif;font-size:15px;font-weight:800}.assignmentCardDesc{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.4}.assignmentCardFooter{border-top:1px solid #0f22380f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:10px;display:flex}.assignmentDueDate{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.asgCourseTag{color:var(--blue);background:var(--blue-light);border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:800}.asgOpenBtn{border-radius:10px;width:100%;padding:8px;font-size:12.5px;font-weight:750}.appleDropzone{text-align:center;cursor:pointer;transition:all .25s var(--ease-spring);background:#0a84ff08;border:2px dashed #0a84ff59;border-radius:14px;margin:10px 0 16px;padding:24px;position:relative}.appleDropzone.dragOver,.appleDropzone:hover{background:var(--blue-light);border-color:var(--blue);transform:scale(1.01)}.dropzoneIcon{margin-bottom:6px;font-size:28px}.dropzoneText b{color:var(--navy);font-size:13px;display:block}.dropzoneText span{color:var(--muted);font-size:11px}.dropzoneInput{opacity:0;cursor:pointer;position:absolute;inset:0}.courseGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.courseCard{overflow:hidden;padding:0!important}.courseBanner{color:#fff;justify-content:space-between;align-items:flex-start;padding:20px;display:flex;position:relative}.courseSubjectTag{letter-spacing:.06em;text-transform:uppercase;background:#fff3;border-radius:6px;margin-bottom:4px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-block}.courseTermBadge{opacity:.9;font-size:11px;font-weight:700;display:block}.courseIconOverlay{opacity:.25}.courseCardBody{padding:20px}.courseTitle{color:var(--navy);margin-bottom:6px;font-family:Sora,sans-serif;font-size:16px;font-weight:800}.courseDesc{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.45}.courseScheduleRow{color:var(--muted);align-items:center;gap:6px;margin-bottom:14px;font-size:11.5px;display:flex}.courseProgressWrap{margin-bottom:16px}.courseProgressHeader{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.courseProgressBarBg{background:#0f223814;border-radius:999px;height:6px;overflow:hidden}.courseProgressBarFill{background:var(--blue);border-radius:999px;height:100%}.courseFooterRow{border-top:1px solid #0f22380f;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.courseRosterCount{color:var(--muted);font-size:11.5px;font-weight:700}.groupsGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.studyGroupCard{flex-direction:column;justify-content:space-between;display:flex}.groupCardTop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.liveVoiceBadge{color:#30d158;background:var(--emerald-bg);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.groupName{color:var(--navy);margin-bottom:4px;font-family:Sora,sans-serif;font-size:15px;font-weight:800}.groupDesc{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.4}.groupTagsRow{gap:8px;margin-bottom:16px;display:flex}.subjectPill{background:var(--blue-light);color:var(--blue);border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:750}.memberCountPill{color:var(--muted);font-size:10.5px;font-weight:600}.groupCardActions{border-top:1px solid #0f22380f;gap:8px;padding-top:12px;display:flex}.joinRoomBtn{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex}.groupChatBtn{border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.settingsCardHead{gap:10px;padding-bottom:2px;display:flex}.settingsIcon{background:var(--p4-bg);border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:inline-grid}.settingsHint{margin-top:-6px}.settingsInfoBand{background:var(--p5-bg);border-color:#4f8ef729;align-items:center;gap:12px;display:flex}.settingsInfoBand strong{color:var(--navy);white-space:nowrap;font-size:12.5px}.submissionRowCard{border:1px solid var(--border);background:#f9fbff;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.subText{color:var(--navy);font-size:12.5px;line-height:1.6}.primaryBtn{background:var(--navy);color:#fff;cursor:pointer;transition:all .2s var(--ease);border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.primaryBtn:hover:not(:disabled){background:#2b5a86;transform:translateY(-1px);box-shadow:0 8px 18px #1a3d5a33}.primaryBtn:disabled{opacity:.6;cursor:not-allowed}.ghostBtn{color:var(--navy);border:1px solid var(--border-mid);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.ghostBtn:hover{border-color:var(--navy);background:#f4f7fb}.dangerBtn:hover{background:#e8485529}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{color:#0a84ff;background:#0a84ff1a}.badge-success{color:#22a046;background:#30d1581f}.badge-warning{color:#d97706;background:#ff9f0a1f}.badge-danger{color:#ff453a;background:#ff453a1f}.badge-violet{color:#af52de;background:#bf5af21f}.badge-neutral{color:#64748b;background:#f1f5f9}.quickGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quickBtn{border:1px solid var(--border);background:var(--white);cursor:pointer;transition:all .2s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.quickBtnLeft{align-items:center;gap:10px;display:flex}.quickBtn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-quizzes:hover{border-color:var(--p3);color:var(--p3)}.quick-chat:hover{border-color:var(--blue);color:var(--blue)}.quick-calls:hover{border-color:var(--p1);color:var(--p1)}.quick-classes:hover{border-color:var(--p2);color:var(--p2)}.svgChartContainer{margin-top:16px}.svgChart{width:100%;height:140px;overflow:visible}.chartAxis{color:var(--faint);justify-content:space-between;margin-top:8px;font-size:11px;font-weight:600;display:flex}.dockedChatDrawer{background:var(--white);border-left:1px solid var(--border);z-index:60;width:390px;transition:width .25s var(--ease);flex-direction:column;display:flex;position:fixed;top:70px;bottom:0;right:0;box-shadow:-6px 0 25px #1a3d5a14}.dockedDrawerHead{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dockedActions{align-items:center;gap:8px;display:flex}.dockResizeBtn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:4px 10px;font-size:11px;font-weight:700}.dockCloseBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px}.dockedBody{flex:1;display:flex;overflow:hidden}.dockedThreadsSidebar{border-right:1px solid var(--border);width:130px;padding:8px;overflow-y:auto}.dockedThreadMini{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.dockedThreadMini.active{background:var(--p5-bg)}.dockedThreadMini span{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.dockedActiveArea{flex-direction:column;flex:1;display:flex;overflow:hidden}.dockedActiveHeader{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.dockedActiveHeader h4{font-size:13px;font-weight:700}.dockedActiveHeader span{color:var(--green);font-size:10.5px}.teamsCallOverlay{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teamsCallWindow{border-radius:var(--radius-lg);width:min(58vw,920px);height:min(58vh,640px);box-shadow:var(--shadow-xl);background:#0f1c29;border:1px solid #ffffff1f;flex-direction:column;display:flex;overflow:hidden}.teamsTopBar{background:#0006;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.teamsCallInfo{align-items:center;gap:12px;display:flex}.teamsBrandBadge{color:#fff;background:#464eb8;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.teamsCallInfo h2{color:#fff;font-size:15px;font-weight:700}.teamsDurationPill{color:#ffffffb3;font-size:12px}.callQualityPill{color:#ffffffc7;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.qualityDot{background:#93a9bd;border-radius:50%;width:7px;height:7px}.callQualityPill.excellent .qualityDot{background:#2ecc71}.callQualityPill.good .qualityDot{background:#f2a73b}.callQualityPill.weak .qualityDot{background:#e84855}.callQualityPill.disconnected .qualityDot{background:#e84855;animation:1.2s infinite pulse}.mediaErrorBanner{color:#ffe4e6;text-align:center;z-index:7;background:#e8485529;border:1px solid #e8485559;border-radius:10px;max-width:min(520px,100% - 32px);padding:10px 14px;font-size:11px;position:absolute;top:112px;left:50%;transform:translate(-50%)}.deviceCheckOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#040c158a;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.deviceCheckCard{color:#fff;background:#0f2238;border:1px solid #a0d8ff33;border-radius:18px;width:min(420px,100%);padding:24px;box-shadow:0 24px 55px #00000059}.deviceCheckCard h3{margin:6px 0 8px;font-family:Sora,sans-serif;font-size:19px}.deviceCheckCard p{color:#ffffffb8;font-size:12px;line-height:1.55}.deviceCheckStatus{color:#ffffffd6;background:#ffffff14;border-radius:10px;align-items:center;gap:8px;margin:18px 0;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.deviceCheckStatus.ready .qualityDot{background:var(--green)}.deviceCheckStatus.failed .qualityDot{background:var(--red)}.deviceCheckStatus.checking .qualityDot{background:var(--p4);animation:1.2s infinite pulse}.deviceCheckActions{justify-content:flex-end;gap:10px;display:flex}.deviceCheckCard .ghostBtn{color:#fff;border-color:#ffffff38}.deviceCheckCard .ghostBtn:hover{background:#ffffff1a;border-color:#fff6}.teamsViewModeGroup{background:#ffffff1a;border-radius:8px;gap:2px;padding:3px;display:flex}.teamsViewBtn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;display:flex}.teamsViewBtn.active{color:#0f1c29;background:#fff}.teamsStageContainer{flex:1;display:flex;position:relative;overflow:hidden}.galleryModeStage{background:#081018;flex:1;justify-content:center;align-items:center;display:flex}.galleryGrid{grid-template-columns:repeat(2,minmax(230px,1fr));gap:18px;width:min(100%,980px);height:min(100%,620px);padding:28px;display:grid}.galleryCard{background:#000;border:1px solid #ffffff14;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000047}.galleryCard .galleryVideo{object-fit:cover;width:100%;height:100%;display:block}.galleryLabel{color:#fff;background:#0a0f16b3;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;bottom:14px;left:14px}.teamsSidePanel{z-index:8;background:#0a121be0;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:min(340px,28vw);min-width:260px;max-height:calc(100% - 170px);display:flex;position:absolute;top:72px;right:18px;overflow:hidden;box-shadow:0 20px 40px #00000059}.teamsSidePanelHead{color:#fff;background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.teamsSidePanelHead h4{margin:0;font-size:13px;font-weight:700}.teamsSidePanelHead button{color:#fffc;cursor:pointer;background:0 0;border:none;font-size:18px}.teamsSideMessages{flex-direction:column;flex:1;gap:10px;padding:10px 12px 12px;display:flex;overflow:auto}.inCallMsg{color:#eef6ff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px}.inCallMsg b,.inCallMsg small,.inCallMsg p{display:block}.inCallMsg b{margin-bottom:2px;font-size:12px}.inCallMsg small{color:#fff9;font-size:10px}.inCallMsg p{color:#ffffffd9;margin:8px 0 0;font-size:12px;line-height:1.45}.teamsSideInput{background:#ffffff05;border-top:1px solid #ffffff0f;gap:8px;padding:10px 12px 12px;display:flex}.teamsSideInput input{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:9px 10px}.teamsSideInput input::placeholder{color:#ffffff80}.teamsSideInput button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:38px}.empty{color:#ffffffb8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;font-size:12px;display:flex}.notice.error{color:#ffd9d9;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:8px 10px;font-size:11px}.aiSummaryBox{color:#edf6ff;background:#78a8ff14;border:1px solid #78a8ff33;border-radius:12px;padding:10px 12px}.aiSummaryBox b{color:#a5d4ff;margin-bottom:8px;display:block}.aiSummaryBox pre{white-space:pre-wrap;color:#ffffffe6;margin:0;font-family:inherit;font-size:12px;line-height:1.5}.participantsList{flex-direction:column;gap:10px;padding:10px;display:flex}.participantRow{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.participantRow.active{background:#5086ff1f;border-color:#79a9ff59}.participantIdentity{align-items:center;gap:10px;display:flex}.participantIdentity strong,.participantIdentity small{color:#fff;display:block}.participantIdentity small{color:#ffffffb3;margin-top:2px}.participantMeta{align-items:center;gap:8px;display:flex}.participantStatusBadge{color:#fffc;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.participantFocusBtn{color:#dff4ff;cursor:pointer;background:#a0d8ff1f;border:1px solid #a0d8ff59;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.meetingLobbyBanner{color:#fff;z-index:5;background:#111827d1;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;top:72px;left:50%;transform:translate(-50%)}.liveCaptionsBar{color:#fff;z-index:4;background:#090e14b3;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:96px;left:20px;right:20px}.liveCaptionsBar b{color:#a0d8ff;white-space:nowrap}.teamsSpeakerStage{background:#081018;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.remoteTeamsVideo{object-fit:cover;width:100%;height:100%}.teamsAvatarPlaceholder{color:#fff;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.teamsLocalPip{background:#000;border:2px solid #fff3;border-radius:12px;width:220px;height:130px;position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 4px 16px #00000080}.localTeamsVideo{object-fit:cover;width:100%;height:100%}.pipName{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:8px}.togetherModeStage{background:#1e293b;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.togetherSeatsContainer{align-items:flex-end;gap:40px;margin-top:60px;display:flex}.togetherSeat{flex-direction:column;align-items:center;display:flex}.togetherVideoWrapper{background:#000;border:3px solid #ffffff40;border-radius:50% 50% 12px 12px;width:280px;height:280px;overflow:hidden;box-shadow:0 10px 30px #0009}.togetherVideo{object-fit:cover;width:100%;height:100%}.togetherNameBadge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-full);background:#ffffff26;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:700}.teamsControlDock{scrollbar-width:thin;background:#0009;border-top:1px solid #ffffff14;justify-content:center;align-items:center;max-width:100%;height:72px;min-height:72px;display:flex;overflow:auto hidden}.ongoingControlGroup{align-items:center;gap:12px;min-width:max-content;padding:0 12px;display:flex}.reactionPicker{align-items:center;gap:8px;padding:0 6px;display:flex}.reactionBtn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;place-items:center;width:34px;height:34px;font-size:18px;transition:transform .15s,background .15s;display:grid}.reactionOverlay{pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.reactionBubble{animation:popIn .25s var(--ease) both;background:#0f1923b8;border:1px solid #ffffff1f;border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;display:flex;box-shadow:0 8px 20px #00000038}.reactionBubble span{font-size:26px;line-height:1}.reactionBubble small{color:#ffffffd9;font-size:10px}.teamsControlBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.teamsControlBtn:hover{background:#fff3}.teamsControlBtn.muted,.teamsControlBtn.off{border-color:var(--red);color:var(--red);background:#e8485533}.teamsControlBtn.recording{border-color:var(--red);color:var(--red);background:#e848554d;animation:2s infinite pulse}.teamsControlBtn.decline.hangup{background:var(--red);border-color:var(--red);color:#fff;padding:8px 20px}.teamsEffectsDropdown{width:200px;box-shadow:var(--shadow-xl);background:#1e293b;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.teamsEffectsDropdown h4{color:#ffffffb3;margin-bottom:4px;font-size:12px}.teamsEffectsDropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px}.teamsEffectsDropdown button:hover{background:#ffffff1a}.teamsEffectsDropdown button.active{background:var(--blue)}.teamsCallOverlay{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1200;pointer-events:none;background:0 0;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:0}.teamsCallWindow{pointer-events:auto;resize:both;min-width:320px;max-width:calc(100vw - 16px);min-height:260px;max-height:calc(100vh - 16px);box-shadow:var(--shadow-xl);isolation:isolate;background:#081018;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.teamsCallWindow .teamsTopBar{cursor:grab}.callResizeHandle{cursor:nwse-resize;z-index:20;width:24px;height:24px;position:absolute;bottom:0;right:0}.callResizeHandle:after{content:"";border-bottom:2px solid #ffffff8c;border-right:2px solid #ffffff8c;width:10px;height:10px;position:absolute;bottom:6px;right:6px}.minimizeBtn{color:#ffffffe6;background:0 0;border:1px solid #ffffff0f;border-radius:8px;margin-right:8px;padding:6px 10px}.minimizeBtn.pipActive{color:#dff4ff;background:#4f8ef738;border-color:#79a9ff80}.callBubble{z-index:1300;cursor:pointer;background:#000;border-radius:12px;justify-content:center;align-items:center;width:96px;height:78px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0206178c}.callBubble .bubbleInner{width:100%;height:100%;position:relative}.bubbleVideo{object-fit:cover;width:100%;height:100%;display:block}.bubbleControls{position:absolute;top:6px;right:6px}.bubbleBtn{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;width:28px;height:28px}.incomingCallBanner{z-index:1400;pointer-events:auto;position:fixed;top:20px;right:20px}.incomingCallContent{color:#fff;background:#081018;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 8px 30px #02061799}.incomingAvatar img{object-fit:cover;border-radius:8px;width:44px;height:44px}.avatarPlaceholder{color:#fff;background:#ffffff14;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.incomingTitle{opacity:.9;font-size:12px}.incomingFrom{margin-top:2px;font-weight:700}.acceptBtn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 12px}.declineBtn{color:#fff;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:8px 12px}.modalBackdrop,.drawerBackdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#1a3d5a73;position:fixed;inset:0}.modalBackdrop{place-items:center;padding:20px;display:grid}.modalCard{border:1px solid var(--border-mid);width:min(610px,100%);max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:28px;position:relative;overflow-y:auto}.drawerBackdrop{justify-content:flex-end;display:flex}.drawer{border-left:1px solid var(--border);width:min(510px,94vw);height:100%;box-shadow:var(--shadow-lg);background:#fff;padding:32px;position:relative;overflow-y:auto}.drawerClose{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1;position:absolute;top:20px;right:22px}.chatPage{height:calc(100vh - 100px);min-height:580px;padding:0}.chatWorkspace{gap:16px;min-width:0;height:100%;display:flex}.chatLeft,.chatCenter,.chatInfo{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.chatLeft{flex:none;width:320px}.chatCenter{flex:1;min-width:380px}.chatInfo{flex:none;width:290px;padding:24px 20px;overflow-y:auto}.chatListHead{border-bottom:1px solid var(--border);padding:20px 20px 14px}.chatTitleRow{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chatTitleRow h1{color:var(--navy);margin:0;font-family:Sora,sans-serif;font-size:20px}.chatNewBtn{background:var(--blue);color:#fff;cursor:pointer;width:34px;height:34px;transition:transform .2s var(--ease);border:0;border-radius:10px;place-items:center;font-size:20px;line-height:1;display:grid;box-shadow:0 6px 16px #4f8ef747}.chatNewBtn:hover{transform:scale(1.05)}.chatSearch{border:1px solid var(--border);color:var(--faint);background:#f4f7fb;border-radius:11px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.chatSearch input{color:var(--navy);background:0 0;border:0;outline:none;width:100%;font-size:13px}.chatCategoryTabs{scrollbar-width:none;gap:5px;padding-top:12px;display:flex;overflow-x:auto}.chatCategoryTabs::-webkit-scrollbar{display:none}.chatCategoryTab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:750}.chatCategoryTab span{color:var(--faint);margin-left:5px;font-size:10px}.chatCategoryTab:hover{background:var(--bg-subtle);color:var(--navy)}.chatCategoryTab.active{background:var(--navy);border-color:var(--navy);color:#fff}.chatCategoryTab.active span{color:#ffffffb8}.chatThreads{flex:1;padding:8px 12px 16px;overflow-y:auto}.chatThread{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;gap:11px;width:100%;margin-bottom:4px;padding:10px;transition:background .18s;display:flex;position:relative}.chatThread:hover{background:#f4f7fb}.chatThread.active{background:var(--p5-bg)}.chatThread.active:before{content:"";background:var(--blue);border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:14%;bottom:14%;left:0}.ctBody{flex:1;min-width:0}.ctTop{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ctName{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ctTypeTag{color:var(--blue);background:var(--blue-light);text-transform:uppercase;border-radius:5px;flex:none;padding:2px 5px;font-size:9px;font-weight:800}.classChatMenu{z-index:20;border:1px solid var(--border-mid);width:250px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:8px;position:absolute;top:58px;right:18px}.classChatMenu button{width:100%;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:12px;display:block}.classChatMenu button:hover{background:var(--bg-subtle)}.messageReactions{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.messageReactions button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:2px 6px;font-size:11px}.messageReactions button.reacted{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.classReadOnlyNotice{color:var(--muted);padding:6px 2px 0;font-size:10.5px;display:block}.ctTime{color:var(--faint);flex:none;font-size:10px}.ctMsg{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.ctPreview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ctBadge{background:var(--blue);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:grid}.chatEmpty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.emptyIcon{color:var(--blue);margin-bottom:8px;font-size:36px}.chatEmpty h3{color:var(--navy);font-family:Sora,sans-serif;font-size:18px}.chatMainHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.chatConvWho{align-items:center;gap:12px;display:flex}.chatConvWho h3{color:var(--navy);margin:0;font-family:Sora,sans-serif;font-size:15px}.chatConvWho span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.chatConvActions{gap:8px;display:flex}.cbtn{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;transition:all .2s var(--ease);background:#fff;border-radius:11px;place-items:center;display:grid}.cbtn:hover{background:var(--p5-bg);color:var(--p5);border-color:var(--blue);transform:translateY(-1px)}.cbtn.solid{background:var(--blue);color:#fff;border:0;box-shadow:0 6px 16px #4f8ef747}.cbtn.solid:hover{background:var(--blue-dark)}.chatStream{background:#fff;flex-direction:column;flex:1;gap:12px;padding:22px;display:flex;overflow-y:auto}.chatDaySep{color:var(--faint);background:#f4f7fb;border-radius:999px;align-self:center;margin:8px 0;padding:4px 12px;font-size:10.5px;font-weight:700}.msgRow{max-width:68%;animation:fadeUp .3s var(--ease) both;gap:10px;display:flex}.msgRow.mine{flex-direction:row-reverse;align-self:flex-end}.msgRow .avatar{margin-top:2px}.bubbleCol{flex-direction:column;gap:4px;display:flex}.bubble{color:var(--navy);word-break:break-word;background:#f4f7fb;border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:13.5px;line-height:1.5}.msgRow.mine .bubble{background:var(--blue);color:#fff;border-radius:16px 16px 4px}.msgTime{color:var(--faint);padding:0 2px;font-size:10px}.msgRow.mine .msgTime{text-align:right}.typingRow{align-items:center;gap:8px;padding:2px 4px;display:flex}.typingDots{background:#f4f7fb;border-radius:14px 14px 14px 4px;gap:3px;padding:8px 12px;display:flex}.typingDots i{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1.2s infinite dot;display:inline-block}.typingDots i:nth-child(2){animation-delay:.15s}.typingDots i:nth-child(3){animation-delay:.3s}.chatComposer{border-top:1px solid var(--border);background:#fff;align-items:center;gap:10px;padding:16px 20px;display:flex}.composerAdd{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;transition:all .2s var(--ease);background:#fff;border-radius:11px;place-items:center;font-size:18px;display:grid}.composerAdd:hover{background:var(--p5-bg);color:var(--blue);border-color:var(--blue)}.chatComposer input{color:var(--navy);background:#f4f7fb;border:1px solid #0000;border-radius:14px;outline:none;flex:1;padding:11px 16px;font-size:13.5px;transition:border-color .2s,background .2s}.chatComposer input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #4f8ef71f}.chatSend{background:var(--blue);color:#fff;cursor:pointer;width:40px;height:40px;transition:transform .2s var(--ease);border:0;border-radius:12px;place-items:center;font-size:14px;display:grid;box-shadow:0 6px 18px #4f8ef747}.chatSend:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.chatSend:disabled{opacity:.5;cursor:default;box-shadow:none}.infoHero{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;align-items:center;margin-bottom:18px;padding:6px 0 20px;display:flex}.infoHero h3{color:var(--navy);margin-top:10px;font-family:Sora,sans-serif;font-size:16px}.infoHero p{color:var(--muted);margin-top:2px;font-size:11px}.infoActions{justify-content:center;gap:10px;margin-top:16px;display:flex}.infoActions button{border:1px solid var(--border);color:var(--navy);cursor:pointer;transition:all .2s var(--ease);background:#f4f7fb;border-radius:11px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.infoActions button:hover{background:var(--p5-bg);color:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.infoSection{padding:12px 0}.infoSection h4{color:var(--navy);margin-bottom:6px;font-family:Sora,sans-serif;font-size:12.5px}.infoSection p{color:var(--muted);font-size:11.5px;line-height:1.5}.peopleSearchModal{width:min(600px,94vw)}.searchLarge{margin:16px 0 12px}.searchResults{flex-direction:column;gap:4px;max-height:380px;display:flex;overflow-y:auto}.searchPerson{border-radius:12px;align-items:center;gap:12px;padding:10px 8px;transition:background .15s;display:flex}.searchPerson:hover{background:#f8fafc}.personInfo{flex:1;min-width:0}.personInfo b{color:var(--navy);font-size:13px;display:block}.personInfo span{color:var(--faint);font-size:11px;display:block}.connectionDone{background:var(--p3-bg);color:var(--p3);border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:800}.connectionPending{background:var(--p4-bg);color:var(--p4);border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:800}.addConnection{padding:6px 14px!important;font-size:11.5px!important}.chatToast{z-index:500;-webkit-backdrop-filter:blur(20px);max-width:380px;animation:popIn .25s var(--ease-spring) both;background:#fffffff2;border:1px solid #00000014;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 36px #0000001f}.chatToast.error{color:#ff453a;background:#ff453a14;border-color:#ff453a40}.chatToast button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:12px;font-size:16px;font-weight:800}.callNetworkPanel,.callLogPanel{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s var(--ease);background:#fff;border:1px solid #0000000f;padding:24px}.callNetworkPanel:hover,.callLogPanel:hover{box-shadow:var(--shadow-md)}.peopleList{flex-direction:column;gap:10px;margin-top:16px;display:flex}.personRow{transition:all .2s var(--ease);background:#fbfcfd;border:1px solid #0000000a;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.personRow:hover{background:#f4f6fa;transform:translateY(-1px)}.rowActions{align-items:center;gap:8px;margin-left:auto;display:flex}.compactFilters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.filterChip{color:#64748b;cursor:pointer;transition:all .2s var(--ease-spring);background:#f4f6fa;border:1px solid #00000014;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.filterChip:hover{color:#0f172a;background:#e9eef6}.filterChip.active{color:#fff;background:#0a84ff;border-color:#0a84ff;box-shadow:0 4px 12px #0a84ff4d}.callHistory{flex-direction:column;gap:10px;margin-top:14px;display:flex}.historyRow{background:#fbfcfd;border:1px solid #0000000a;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:background .18s;display:flex}.historyRow:hover{background:#f4f6fa}.historyIcon{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.historyIcon.ended,.historyIcon.ongoing{background:#30d158}.historyIcon.missed,.historyIcon.declined{background:#ff453a}.historyIcon.ringing{background:#0a84ff}.historyRow b{color:#0f172a;font-size:13px;display:block}.historyRow span{color:#64748b;margin-top:1px;font-size:11.5px;display:block}.historyStatus{color:#94a3b8;margin-top:3px;font-size:10.5px;display:block}.historyTag{letter-spacing:.04em;color:#475569;background:#edf2f7;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.webinarHubContainer{flex-direction:column;gap:20px;display:flex}.webinarList{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.webinarCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:12px;padding:24px;display:flex}.webinarCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.webinarTop{justify-content:space-between;align-items:center;display:flex}.attendeeCount{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.webinarCard h3{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.35}.webinarCard p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.webinarMeta{color:#94a3b8;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.webinarActions{margin-top:auto;padding-top:8px}.incomingCallBanner{z-index:1500;animation:popIn .35s var(--ease-spring) both;position:fixed;top:24px;right:24px}.incomingCallContent{-webkit-backdrop-filter:blur(30px)saturate(190%);color:#fff;background:#0a121ef2;border:1px solid #ffffff26;border-radius:22px;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff2e}.incomingAvatar{position:relative}.incomingAvatar img,.incomingAvatar .avatarPlaceholder{object-fit:cover;color:#fff;background:#0a84ff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:grid;box-shadow:0 4px 14px #0a84ff66}.incomingMeta{flex-direction:column;display:flex}.incomingTitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.incomingFrom{color:#fff;margin-top:2px;font-size:15px;font-weight:700}.incomingActions{gap:10px;margin-left:12px;display:flex}.acceptBtn{color:#fff;cursor:pointer;transition:all .2s var(--ease-spring);background:#30d158;border:0;border-radius:12px;padding:9px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #30d15866}.acceptBtn:hover{background:#28b84c;transform:scale(1.05)}.acceptBtn:active{transform:scale(.95)}.declineBtn{color:#fff;cursor:pointer;transition:all .2s var(--ease-spring);background:#ff453a;border:0;border-radius:12px;padding:9px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #ff453a66}.declineBtn:hover{background:#e0382d;transform:scale(1.05)}.declineBtn:active{transform:scale(.95)}.quizScrollRegion{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.quizCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:12px;padding:24px;display:flex}.quizCard:hover{box-shadow:var(--shadow-lg);border-color:#0a84ff33;transform:translateY(-3px)}.quizBadgeRow{justify-content:space-between;align-items:center;display:flex}.quizDurationPill{color:#0a84ff;font-variant-numeric:tabular-nums;background:#0a84ff1a;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.quizCard h3{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.35}.quizCard p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.quizMeta{color:#94a3b8;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:12px;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.importDropzone{border-radius:var(--radius-lg);transition:all .2s var(--ease);background:#f8fafc;border:1.5px dashed #0a84ff59;align-items:center;gap:18px;margin-bottom:24px;padding:20px 24px;display:flex}.importDropzone:hover{background:#0a84ff12;border-color:#0a84ff}.importIcon{font-size:28px}.quizFormCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000f;padding:28px}.questionEditorList{flex-direction:column;gap:18px;margin-top:16px;display:flex}.qEditor{border-radius:var(--radius-md);transition:all .2s var(--ease);background:#fbfcfd;border:1px solid #0000000f;padding:20px}.qEditor:focus-within{background:#fff;border-color:#0a84ff;box-shadow:0 4px 18px #0a84ff14}.qeTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.qEditorBadge{color:#0a84ff;background:#0a84ff1a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.optGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.dangerBtn{color:#ff453a;cursor:pointer;transition:all .2s var(--ease);background:#ff453a1a;border:1px solid #ff453a33;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.dangerBtn:hover{color:#fff;background:#ff453a}.settingsGrid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settingsCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:16px;padding:28px;display:flex}.settingsProfileHeader{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:16px;display:flex}.settingsProfileHeader h3{color:#0f172a;margin:0;font-size:17px}.settingsProfileHeader p{color:#64748b;margin:2px 0 0;font-size:12px}.rosterTable{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.rosterTable th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600}.rosterTable td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:14px 16px}.rosterTable tr:hover td{background:#fbfcfd}.rosterTable tr:last-child td{border-bottom:0}@media (width<=1050px){.sidebar,.sidebar:hover{width:76px;padding:20px 10px}.sidebar .brandTextWrap,.sidebar .rolePill,.sidebar .navTitle,.sidebar .navLabel,.sidebar .userInfo,.sidebar .logoutLabel,.sidebar .activeIndicator{display:none}.sidebar .brand,.sidebar .navItem,.sidebar .userMini,.sidebar .logout{justify-content:center}.main,.sidebar:hover+.main{width:calc(100% - 76px);margin-left:76px}.topbarCenter{max-width:320px;margin:0 16px}.topbarDateBadge{display:none}.statGrid{grid-template-columns:1fr 1fr}.contentGrid,.settingsGrid,.overviewTwoColLayout{grid-template-columns:1fr}.authShell{grid-template-columns:minmax(0,620px);justify-content:center}.authVisual{display:none}}@media (width<=720px){.sidebar{width:76px;padding:20px 10px;position:fixed}.sidebar .brandTextWrap,.rolePill,.navTitle,.navLabel{display:none}.sidebar .brand{justify-content:center;padding:0}.brandMark{width:38px;height:38px}.navItem{justify-content:center;padding:12px 8px}.activeIndicator,.userMini>div:last-child,.logout{display:none}.main,.sidebar:hover+.main{width:calc(100% - 76px);margin-left:76px}.topbar{height:64px;padding:0 14px}.pageEyebrow{display:none}.pageTitle{font-size:16px}.topbarCenter{display:none}.topbarRight{gap:8px}.dockChatToggleBtn span:not(.dockBadge){display:none}.dockChatToggleBtn{justify-content:center;width:38px;height:38px;padding:0}.topbarUserMeta{display:none}.pageContentWrapper{padding:20px 16px}.heroHeader h1{font-size:24px}.statGrid{grid-template-columns:1fr 1fr}.authPanel{box-shadow:none;border-right:0;padding:28px 20px 32px}.authCopy{margin-top:30px}.authCopy h1{font-size:29px}.twoCol,.optGrid{grid-template-columns:1fr}}@media (width<=480px){.statGrid,.quickGrid.appleQuickGrid{grid-template-columns:1fr}.heroHeader.appleHero{padding:20px}.heroTagRow,.heroActionGroup{flex-direction:column;align-items:flex-start}.heroActionGroup,.heroActionGroup>button{width:100%}.card.appleCard{padding:18px}.cardHead{flex-direction:column;gap:12px}.scheduleRow{align-items:flex-start}.scheduleActions{display:none}.schedMeta{flex-direction:column;gap:3px}.appShell.withDockedChat .main{margin-right:0}.dockedChatDrawer{width:min(360px,100vw - 76px)}}.teamsCallWindow{-webkit-backdrop-filter:blur(28px)saturate(190%);background:#0a121ef5;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 32px 80px #0009,inset 0 1px #ffffff26;container-type:size}.teamsTopBar{-webkit-backdrop-filter:blur(20px);color:#f1f5f9;background:#0f1928d9;border-bottom:1px solid #ffffff14;flex:0 0 58px;height:58px}.teamsCallInfo h2{color:#f8fafc;letter-spacing:-.01em;font-weight:600}.teamsBrandBadge{color:#60a5fa;background:#0a84ff33;border:1px solid #60a5fa4d}.teamsDurationPill{color:#94a3b8;font-variant-numeric:tabular-nums}.callQualityPill{color:#cbd5e1;background:#ffffff14}.minimizeBtn{color:#e2e8f0;transition:all .2s var(--ease-spring);background:#ffffff14;border:1px solid #ffffff1f}.minimizeBtn:hover{background:#ffffff29;border-color:#ffffff40;transform:scale(1.04)}.teamsStageContainer,.teamsSpeakerStage,.galleryModeStage,.screenshareStage{background:#060b13}.teamsControlDock{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0f1928e6;border-top:1px solid #ffffff14;flex:0 0 76px;height:76px}.teamsControlBtn{color:#f1f5f9;transition:all .22s var(--ease-spring);background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px}.teamsControlBtn:hover{background:#ffffff2e;border-color:#ffffff40;transform:translateY(-2px)}.teamsControlBtn:active{transform:scale(.95)}.teamsControlBtn.muted,.teamsControlBtn.off{color:#fca5a5;background:#ef444433;border-color:#ef444466}.teamsControlBtn.active{color:#93c5fd;background:#0a84ff40;border-color:#0a84ff99;box-shadow:0 0 16px #0a84ff4d}.teamsControlBtn.decline.hangup{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 6px 20px #ef444466}.teamsControlBtn.decline.hangup:hover{background:#dc2626;box-shadow:0 8px 24px #ef44448c}.reactionBtn{color:#fff;transition:transform .2s var(--ease-spring);background:#ffffff14;border-color:#ffffff1f}.reactionBtn:hover{background:#fff3;transform:scale(1.18)}.teamsViewModeGroup{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:3px}.teamsViewBtn{color:#94a3b8;transition:all .2s var(--ease);border-radius:9px}.teamsViewBtn.active{color:#fff;background:#fff3;box-shadow:0 2px 8px #00000040}.teamsSidePanel{-webkit-backdrop-filter:blur(28px);background:#0f1928f2;border-left:1px solid #ffffff1a;box-shadow:-12px 0 40px #0006}.teamsSidePanelHead{color:#f8fafc;background:#142032e6;border-bottom:1px solid #ffffff14}.teamsSidePanelHead button{color:#94a3b8}.teamsSideInput{background:#142032e6;border-top:1px solid #ffffff14}.teamsSideInput input{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f}.inCallMsg{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff14}.inCallMsg p{color:#cbd5e1}.callResizeHandle:after{border-color:#fff6}@container (width<=760px){.teamsTopBar{padding:0 12px}.teamsCallInfo{gap:7px}.teamsBrandBadge{display:none}.teamsCallInfo h2{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;overflow:hidden}.teamsViewModeGroup{display:none}.teamsTopActions{gap:4px}.teamsTopActions .minimizeBtn{padding:5px 7px;font-size:10px}.teamsControlDock{height:66px;min-height:66px}.teamsControlBtn{padding:7px 9px;font-size:10px}.reactionPicker{gap:4px}.reactionBtn{width:29px;height:29px;font-size:15px}}@container (height<=520px){.teamsTopBar{flex-basis:48px;height:48px}.teamsControlDock{flex-basis:62px;height:62px}.teamsControlBtn span:last-child{display:none}.teamsControlBtn{padding:8px 10px}}.schedulePage{flex-direction:column;gap:20px;display:flex}.scheduleDayStrip{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.dayPill{cursor:pointer;box-shadow:var(--shadow-sm);transition:all .22s var(--ease-spring);background:#fff;border:1px solid #0000000f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:68px;padding:10px 20px;display:flex}.dayPill:hover{background:#f4f6fa;transform:translateY(-2px)}.dayPill.active{color:#fff;background:#0a84ff;border-color:#0a84ff;box-shadow:0 6px 18px #0a84ff59}.dayName{letter-spacing:-.01em;font-size:13px;font-weight:700}.dayDot{background:#00000026;border-radius:50%;width:5px;height:5px}.dayPill.active .dayDot{background:#fff}.scheduleTwoColGrid{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.scheduleLeftPanel,.scheduleRightPanel{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:16px;padding:24px;display:flex}.timelineList{flex-direction:column;gap:16px;display:flex}.timelineSlot{align-items:flex-start;gap:18px;display:flex}.slotTimeCol{flex-direction:column;align-items:flex-end;min-width:72px;padding-top:4px;display:flex}.slotStart{color:#0f172a;font-size:12.5px;font-weight:700}.slotEnd{color:#94a3b8;margin-top:2px;font-size:11px}.slotCard{transition:all .22s var(--ease-spring);background:#fbfcfd;border:1px solid #0000000d;border-radius:16px;flex:1;padding:16px 18px;position:relative}.slotCard:hover{background:#fff;border-color:#0a84ff40;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.slotType-class{border-left:4px solid #0a84ff}.slotType-lab{border-left:4px solid #30d158}.slotType-meeting{border-left:4px solid #ff9f0a}.slotType-office{border-left:4px solid #af52de}.slotTop{justify-content:space-between;align-items:center;display:flex}.slotCode{letter-spacing:.04em;color:#0a84ff;background:#0a84ff1a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.slotBadgeRow{align-items:center;gap:8px;display:flex}.liveNowBadge{color:#30d158;background:#30d1581f;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.liveNowPulse{background:#30d158;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}.slotTypeTag{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.slotTitle{color:#0f172a;margin:8px 0 4px;font-size:15px;font-weight:700}.slotLoc,.slotInstructor{color:#64748b;margin:2px 0;font-size:12px}.slotActions{gap:8px;margin-top:12px;display:flex}.slotJoinBtn{background:#30d158;padding:8px 16px;font-size:12.5px;box-shadow:0 4px 14px #30d15859}.slotJoinBtn:hover{background:#28b84c}.slotDetailsBtn{padding:6px 14px;font-size:12px}.todoFilterPills{background:#f1f5f9;border-radius:10px;gap:6px;padding:3px;display:flex}.todoFilterPill{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .18s}.todoFilterPill.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.inlineTodoAddForm{background:#f8fafc;border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.inlineTodoInput{color:#0f172a;background:#fff;border:1px solid #00000014;border-radius:10px;outline:none;padding:10px 14px;font-size:13px}.inlineTodoInput:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.inlineTodoControls{align-items:center;gap:8px;display:flex}.todoSelect{color:#334155;background:#fff;border:1px solid #00000014;border-radius:8px;flex:1;padding:7px 10px;font-size:11.5px}.inlineAddBtn{padding:7px 16px;font-size:12px}.todoListContainer{flex-direction:column;gap:10px;max-height:480px;display:flex;overflow-y:auto}.todoRow{transition:all .2s var(--ease);background:#fbfcfd;border:1px solid #0000000a;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.todoRow:hover{background:#f4f6fa}.todoRow.completed{opacity:.6}.todoRow.completed .todoTitle{color:#94a3b8;text-decoration:line-through}.todoCheckWrapper{cursor:pointer;place-items:center;display:grid;position:relative}.todoCheckbox{appearance:none;cursor:pointer;border:2px solid #cbd5e1;border-radius:6px;outline:none;width:20px;height:20px;transition:all .2s}.todoCheckbox:checked{background:#30d158;border-color:#30d158}.todoCheckbox:checked:after{content:"✓";color:#fff;place-items:center;margin-top:-1px;font-size:13px;font-weight:800;display:grid}.todoTextCol{flex:1;min-width:0}.todoTitle{color:#0f172a;font-size:13px;font-weight:600;line-height:1.35;display:block}.todoMetaRow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.todoCourseTag{color:#0a84ff;background:#0a84ff1a;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.todoPriorityTag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.priority-high{color:#ff453a;background:#ff453a1f}.priority-medium{color:#d97706;background:#ff9f0a1f}.priority-low{color:#64748b;background:#64748b1f}.todoDueTag{color:#94a3b8;font-size:11px}.todoDeleteBtn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px;font-size:18px;line-height:1;transition:color .18s}.presetTopicsStrip{align-items:center;gap:8px;padding:8px 0 12px;display:flex;overflow-x:auto}.presetLabel{color:#64748b;flex-shrink:0;font-size:12px;font-weight:700}.presetChip{color:#0a84ff;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-spring);background:#0a84ff14;border:1px solid #0a84ff2e;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.presetChip:hover{color:#fff;background:#0a84ff;transform:scale(1.04)}.quizCourseTag{letter-spacing:.04em;color:#0a84ff;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-block}.quizCardBody{margin:4px 0}.optCard{background:#fff;border:1px solid #0000000f;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:border-color .18s;display:flex}.optCard:focus-within{border-color:#0a84ff}.optCardTop{justify-content:space-between;align-items:center;display:flex}.optKeyBadge{color:#0f172a;background:#f1f5f9;border-radius:6px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.correctKeyRadioLabel{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.correctKeyRadioLabel input[type=radio]{accent-color:#30d158}.optInput{color:#0f172a;background:#fbfcfd;border:1px solid #00000014;border-radius:8px;outline:none;padding:8px 12px;font-size:12.5px}.optInput:focus{background:#fff;border-color:#0a84ff}@media (width<=900px){.scheduleTwoColGrid{grid-template-columns:1fr}}.modernProConference{color:#f8fafc;z-index:9999;background:#081018;width:100vw;height:100vh;font-family:Plus Jakarta Sans,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.conferenceLeftBar{z-index:10;background:#050b11;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:64px;padding:16px 0;display:flex}.leftBarLogo{background:#0a84ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 4px 14px #0a84ff66}.leftBarMenu{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.leftBarBtn{color:#64748b;cursor:pointer;width:44px;height:44px;transition:all .2s var(--ease-spring);background:0 0;border:0;border-radius:12px;place-items:center;font-size:18px;display:grid}.leftBarBtn:hover,.leftBarBtn.active{color:#0a84ff;background:#ffffff14}.conferenceMainLayout{background:#081018;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.conferenceHeaderBar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#08101899;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.confHeaderLeft{align-items:center;gap:12px;display:flex}.callModeBadge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.callModeBadge.direct{color:#0a84ff;background:#0a84ff26;border:1px solid #0a84ff4d}.callModeBadge.conference{color:#30d158;background:#30d15826;border:1px solid #30d1584d}.callHeaderTitle{color:#fff;font-size:15px;font-weight:700}.confHeaderRight{align-items:center;gap:12px;display:flex}.recordingBadge{color:#ff453a;background:#ff453a24;border:1px solid #ff453a4d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.pulseRecordDot{background:#ff453a;border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulseGlow}.roomPopoverWrap{position:relative}.roomMenuTrigger{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .18s}.roomMenuTrigger:hover{background:#ffffff1f}.roomPopoverMenu{z-index:100;background:#0f2238;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #00000080}.roomMenuItem{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:background .15s;display:flex}.roomMenuItem:hover{color:#0a84ff;background:#ffffff14}.conferenceCenterStage{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 24px;display:flex;overflow:hidden}.speakerHeroStage{background:#0b1826;border:1px solid #ffffff14;border-radius:20px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006}.heroVideoWrapper{width:100%;height:100%;position:relative}.heroVideoElement{object-fit:cover;width:100%;height:100%}.heroAvatarStage{flex-direction:column;align-items:center;gap:16px;display:flex}.heroAvatarCircle{color:#fff;background:#0a84ff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:38px;font-weight:800;display:grid;box-shadow:0 8px 28px #0a84ff66}.heroSpeakerName{color:#fff;font-size:20px;font-weight:700}.heroStatusText{color:#8daac8;margin-top:4px;font-size:13px}.floatingStageDock{z-index:20;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.floatingStagePill{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a1420d1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 16px 40px #00000080}.dockControlBtn{color:#fff;cursor:pointer;width:44px;height:44px;transition:all .2s var(--ease-spring);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid}.dockControlBtn:hover{background:#ffffff2e;transform:scale(1.08)}.dockControlBtn.off{color:#ff453a;background:#ff453a33;border:1px solid #ff453a66}.dockControlBtn.active{color:#0a84ff;background:#0a84ff4d;border:1px solid #0a84ff80}.reactionEmojiBtn{cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;transition:transform .18s;display:grid}.reactionEmojiBtn:hover{transform:scale(1.25)}.endCallBtn{color:#fff;cursor:pointer;height:44px;transition:all .2s var(--ease-spring);background:#ff453a;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 16px #ff453a66}.endCallBtn:hover{background:#e03228;transform:scale(1.04)}.bottomParticipantsCarousel{flex-shrink:0;align-items:center;gap:12px;height:124px;padding:4px 0;display:flex;overflow-x:auto}.participantMiniCard{background:#0e1e30;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:110px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.participantMiniCard:hover{border-color:#0a84ff66;transform:translateY(-2px)}.miniVideoElement{object-fit:cover;width:100%;height:100%}.miniAvatarWrap{place-items:center;display:grid;position:relative}.miniWaveRings{border:2px solid #30d158;border-radius:50%;width:54px;height:54px;animation:1.5s infinite pulseGlow;position:absolute}.miniAvatarCircle{color:#fff;z-index:1;background:#18334f;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid}.miniNameTag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.miniStatusIcons{gap:4px;display:flex;position:absolute;top:6px;right:6px}.miniMicStatus{font-size:11px}.moreCountCard{background:#ffffff0a;border:1px dashed #ffffff26;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:100px;height:110px;display:flex}.moreCountNum{color:#0a84ff;font-size:18px;font-weight:800}.moreCountLabel{color:#8daac8;text-transform:uppercase;font-size:10px;font-weight:700}.conferenceChatDock{z-index:15;background:#071320;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:320px;display:flex}.chatDockHeader{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.chatDockHeader h3{color:#fff;font-size:14px;font-weight:700}.chatCloseBtn{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:20px}.chatCloseBtn:hover{color:#fff}.chatMessageList{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.confChatBubble{flex-direction:column;gap:4px;max-width:85%;display:flex}.confChatBubble.mine{align-self:flex-end}.confSenderLine{align-items:baseline;gap:6px;font-size:11px;display:flex}.confSenderName{color:#8daac8;font-weight:700}.confMessageTime{color:#536e88;font-size:10px}.confBubbleContent{color:#e2e8f0;word-break:break-word;background:#112438;border-radius:12px;padding:8px 12px;font-size:12.5px;line-height:1.4}.confChatBubble.mine .confBubbleContent{color:#fff;background:#0a84ff}.chatAttachmentRow{color:#8daac8;background:#0003;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:11.5px;display:flex}.confChatInputRow{border-top:1px solid #ffffff0f;gap:8px;padding:12px 16px;display:flex}.confChatField{color:#fff;background:#0e1e30;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:12.5px}.confChatField:focus{border-color:#0a84ff}.confSendBtn{color:#fff;cursor:pointer;background:#0a84ff;border:0;border-radius:10px;padding:0 14px;font-size:12px;font-weight:700}.autoplayUnblockBanner{color:#000;z-index:100;background:#ff9f0a;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:700;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.unblockAudioBtn{color:#fff;cursor:pointer;background:#000;border:0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.quizzoHubPage{flex-direction:column;gap:24px;display:flex}.quizzoHeroBanner{color:#fff;background:#0f2238;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;box-shadow:0 12px 32px #0f223814}.quizzoHeroLeft{align-items:center;gap:20px;display:flex}.quizzoHeroAvatar{background:#ff9f0a;border-radius:20px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 8px 20px #ff9f0a59}.avatarEmoji{font-size:34px}.avatarLevelBadge{color:#fff;background:#0a84ff;border:2px solid #071524;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;bottom:-6px;right:-6px}.quizzoHeroTags{align-items:center;gap:8px;margin-bottom:6px;display:flex}.heroPill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.heroPill.streak{color:#ff453a;background:#ff453a26;border:1px solid #ff453a4d}.heroPill.xp{color:#0a84ff;background:#0a84ff26;border:1px solid #0a84ff4d}.heroPill.rank{color:#ff9f0a;background:#ff9f0a26;border:1px solid #ff9f0a4d}.quizzoHeroTitle{letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:800}.quizzoHeroSubtitle{color:#8daac8;max-width:580px;margin-top:4px;font-size:13px;line-height:1.4}.quizzoCreateBtn{color:#fff;cursor:pointer;transition:all .2s var(--ease-spring);white-space:nowrap;background:#0a84ff;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 4px 16px #0a84ff66}.quizzoCreateBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a84ff80}.quizzoStatsGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quizzoStatCard{background:#fff;border:1px solid #0f223814;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0f22380a}.statIconWrap{background:#f1f5f9;border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.quizzoStatCard.blue .statIconWrap{color:#0a84ff;background:#0a84ff1a}.quizzoStatCard.green .statIconWrap{color:#30d158;background:#30d1581a}.quizzoStatCard.amber .statIconWrap{color:#ff9f0a;background:#ff9f0a1a}.quizzoStatCard.purple .statIconWrap{color:#af52de;background:#af52de1a}.statValue{color:#0f2238;font-size:20px;font-weight:800;display:block}.statLabel{color:#64748b;font-size:11.5px;font-weight:600}.quizzoTabsContainer{border-bottom:1px solid #0f223814;gap:8px;padding-bottom:12px;display:flex}.quizzoTabBtn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.quizzoTabBtn:hover{color:#0a84ff;background:#0a84ff0f}.quizzoTabBtn.active{color:#0a84ff;background:#fff;border-color:#0a84ff40;box-shadow:0 2px 8px #0a84ff1f}.quizzoCardsGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.quizzoGameCard{transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-spring);background:#fff;border:1px solid #0f223814;border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 4px 16px #0f22380a}.quizzoGameCard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f223814}.quizzoGameCardHead{justify-content:space-between;align-items:center;display:flex}.subjectBadge{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:flex}.durationPill{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.quizzoGameCardBody{flex:1}.gameCardTitle{color:#0f2238;margin-bottom:6px;font-size:15.5px;font-weight:700;line-height:1.35}.gameCardDesc{color:#536e88;font-size:12.5px;line-height:1.45}.quizzoGameCardMeta{color:#64748b;border-top:1px solid #0f22380f;justify-content:space-between;align-items:center;padding-top:10px;font-size:11.5px;font-weight:600;display:flex}.quizzoPlayBtn{color:#fff;cursor:pointer;transition:all .2s var(--ease-spring);background:#0a84ff;border:0;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0a84ff4d}.quizzoPlayBtn:hover{transform:scale(1.02);box-shadow:0 6px 18px #0a84ff66}.quizzoPlayPage{flex-direction:column;gap:20px;max-width:860px;margin:0 auto;display:flex;position:relative}.quizzoPlayPage:fullscreen{background:#eef3f8;max-width:none;min-height:100vh;padding:28px clamp(20px,5vw,80px);overflow:auto}.quizSecureStart{z-index:30;background:#071828d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.quizSecureCard{width:min(100%,520px);color:var(--navy);background:#fff;border:1px solid #ffffff2e;border-radius:20px;gap:16px;padding:32px;display:grid;box-shadow:0 24px 80px #00000047}.quizSecureCard h2{font-family:Sora,sans-serif;font-size:28px}.quizSecureCard p{color:var(--muted);line-height:1.6}.quizProctorVideo{z-index:20;object-fit:cover;background:#102538;border:3px solid #0000;border-radius:12px;width:144px;height:96px;position:fixed;bottom:22px;right:22px;transform:scaleX(-1);box-shadow:0 8px 24px #04101b3d}.attention-warning .quizProctorVideo{border-color:#ff9f0a;box-shadow:0 0 0 4px #ff9f0a38,0 8px 24px #04101b3d}.attention-critical .quizProctorVideo{border-color:#ff453a;box-shadow:0 0 0 4px #ff453a3d,0 8px 24px #04101b3d}.quizAttentionNotice{z-index:25;color:#4a2b00;text-align:center;background:#fff7e6;border:1px solid #ff9f0a9e;border-radius:10px;width:min(100% - 32px,560px);padding:12px 18px;font-size:13px;font-weight:800;position:fixed;top:18px;left:50%;transform:translate(-50%)}.quizAttentionNotice.critical{color:#fff;background:#c72f27;border-color:#ff453a}.quizzoTopBar{background:#fff;border:1px solid #0f223814;border-radius:18px;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #0f22380a}.quizzoIconBtn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #0f223814;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .18s;display:grid}.quizzoIconBtn:hover{color:#ff453a;background:#ff453a1a;border-color:#ff453a4d}.quizzoProgressSection{flex-direction:column;flex:1;gap:6px;display:flex}.quizzoProgressMeta{justify-content:space-between;align-items:center;display:flex}.quizzoQuestionBadge{color:#0f2238;letter-spacing:.04em;font-size:11.5px;font-weight:800}.quizzoStreakBadge{color:#ff9f0a;font-size:11.5px;font-weight:700}.quizzoProgressBarTrack{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.quizzoProgressBarFill{height:100%;transition:width .3s var(--ease-spring);background:#0a84ff;border-radius:999px}.quizzoTimerCapsule{color:#0a84ff;background:#0a84ff14;border:1px solid #0a84ff33;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:flex}.quizzoTimerCapsule.danger{color:#ff453a;background:#ff453a1f;border-color:#ff453a59;animation:1.2s infinite pulseGlow}.quizzoStage{flex-direction:column;gap:20px;display:flex}.quizzoQuestionCard{background:#fff;border:1px solid #0f223814;border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex;box-shadow:0 8px 28px #0f22380f}.quizzoCardTop{justify-content:space-between;align-items:center;display:flex}.quizzoPillsRow{align-items:center;gap:8px;display:flex}.quizzoCategoryPill{color:#0a84ff;background:#0a84ff14;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.quizzoCategoryPill.small{margin-bottom:4px;font-size:10px;display:inline-block}.quizzoXpPill{color:#30d158;background:#30d15814;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.quizzoFlagBtn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #0f223814;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .18s}.quizzoFlagBtn.active{color:#ff453a;background:#ff453a1a;border-color:#ff453a4d}.quizzoQuestionTitle{color:#0f2238;font-size:19px;font-weight:700;line-height:1.45}.quizzoCodeBox{background:#0f1e30;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.codeBar{background:#091522;align-items:center;gap:6px;padding:8px 14px;display:flex}.codeDot{border-radius:50%;width:8px;height:8px}.dotRed{background:#ff453a}.dotYellow{background:#ff9f0a}.dotGreen{background:#30d158}.codeTitle{color:#8daac8;margin-left:6px;font-size:11px;font-weight:600}.codeBody{color:#93c5fd;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.quizzoOptionsGrid{grid-template-columns:1fr;gap:12px;display:grid}.quizzoOptionCard{cursor:pointer;transition:all .18s var(--ease-spring);-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #0f223814;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex}.quizzoOptionCard:hover{border-color:#0a84ff66;transform:translateY(-2px);box-shadow:0 4px 14px #0a84ff14}.quizzoOptionCard.selected{box-shadow:0 6px 20px #0a84ff24}.quizzoOptionBadge{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;transition:all .2s;display:grid}.quizzoOptionText{color:#0f2238;flex:1;font-size:14.5px;font-weight:600}.quizzoOptionCheck{border:2px solid #0f223826;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.quizzoOptionCheck.checked{border-color:#0000}.quizzoDotsRow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.quizzoDotBtn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #0f223814;border-radius:8px;width:32px;height:32px;font-size:12px;font-weight:700;transition:all .18s}.quizzoDotBtn.current{color:#0a84ff;border-color:#0a84ff;font-weight:800;transform:scale(1.1)}.quizzoDotBtn.answered{color:#30d158;background:#30d15826;border-color:#30d1584d}.quizzoDotBtn.flagged{color:#ff453a;border-color:#ff453a}.quizzoBottomNav{justify-content:space-between;align-items:center;gap:16px;display:flex}.quizzoNavBtn{cursor:pointer;transition:all .2s var(--ease-spring);border:0;border-radius:14px;padding:12px 24px;font-size:13.5px;font-weight:700}.quizzoNavBtn.secondary{color:#0f2238;background:#fff;border:1px solid #0f22381a}.quizzoNavBtn.secondary:disabled{opacity:.4;cursor:not-allowed}.quizzoNavBtn.primary{color:#fff;background:#0a84ff;box-shadow:0 4px 14px #0a84ff59}.quizzoNavBtn.submit{color:#fff;background:#30d158;box-shadow:0 4px 14px #30d15859}.quizzoModalBackdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#09172899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quizzoModalCard{text-align:center;width:100%;max-width:480px;animation:popIn .3s var(--ease-spring);background:#fff;border-radius:28px;flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 24px 60px #0f223833}.quizzoModalIcon{margin-bottom:8px;font-size:48px}.quizzoModalHeader h2{color:#0f2238;font-size:22px;font-weight:800}.quizzoModalHeader p{color:#64748b;margin-top:6px;font-size:13.5px}.quizzoSummaryStats{background:#f8fafc;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.summaryStatItem{flex-direction:column;gap:2px;display:flex}.statNum{font-size:22px;font-weight:800}.statLbl{color:#64748b;font-size:11px;font-weight:600}.quizzoModalActions{gap:12px;display:flex}.quizzoBtn{cursor:pointer;border:0;border-radius:14px;flex:1;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.quizzoBtn.secondary{color:#0f2238;background:#f1f5f9}.quizzoBtn.primary{color:#fff;background:#0a84ff}.quizzoNotice{border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.quizzoNotice.error{color:#ff453a;background:#ff453a1a;border:1px solid #ff453a33}.quizzoNotice.warning{color:#ff9f0a;background:#ff9f0a1a;border:1px solid #ff9f0a33}.quizzoNotice.celebration{color:#0f2238;background:#0a84ff14;border:1px solid #30d1584d}.celebrationIcon{font-size:32px}.celebrationText h3{color:#30d158;font-size:16px;font-weight:800}.celebrationText p{color:#536e88;margin-top:2px;font-size:13px}.quizzoHistoryCard{background:#fff;border:1px solid #0f223814;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0f22380a}.quizzoTable{border-collapse:collapse;text-align:left;width:100%}.quizzoTable th{color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #0f223814;padding:12px 18px;font-size:11.5px;font-weight:700}.quizzoTable td{color:#0f2238;border-bottom:1px solid #0f22380d;padding:14px 18px;font-size:13px}.historyTitleRow{align-items:center;gap:10px;display:flex}.historyMedal{font-size:20px}.historyTitle{font-weight:700;display:block}.historyCourse{color:#64748b;font-size:11px}.historyScore{color:#0a84ff;font-size:14px;font-weight:800}.historyAccuracyPill{font-size:13px;font-weight:800}.historyModeTag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.quizzoEmptyCard{text-align:center;background:#fff;border:1px dashed #0f223826;border-radius:20px;padding:40px 20px}.quizzoLoaderCard{text-align:center;background:#fff;border:1px solid #0f223814;border-radius:20px;padding:40px}.quizzoSpinner{border:3px solid #0a84ff26;border-top-color:#0a84ff;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modernProConferenceContainer{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);z-index:9999;background:#04090fe0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.proConferenceStageCard{color:#fff;background:#0d1722;border:1px solid #ffffff17;border-radius:28px;width:100%;max-width:1280px;height:90vh;max-height:840px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #000000a6,0 0 0 1px #ffffff0d}.proSideStrip{z-index:10;background:#080f18;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:68px;padding:20px 0;display:flex}.stripBrandMark{background:#0a84ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 4px 14px #0a84ff66}.stripIconGroup,.stripBottomGroup{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.stripBtn{color:#64748b;cursor:pointer;width:44px;height:44px;transition:all .2s var(--ease-spring);background:0 0;border:0;border-radius:12px;place-items:center;font-size:18px;display:grid}.stripBtn:hover,.stripBtn.active{color:#0a84ff;background:#ffffff14}.stripBtn.highlight{color:#30d158}.stripBtn.hangupMini{color:#ff453a;background:#ff453a1f}.stripBtn.hangupMini:hover{color:#fff;background:#ff453a}.proConferenceMain{background:#081018;flex-direction:column;flex:1;min-width:0;display:flex}.proTopHeader{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.proHeaderTitleBlock{align-items:center;gap:12px;display:flex}.proBackBtn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:32px;height:32px;font-size:16px;transition:background .18s;display:grid}.proBackBtn:hover{background:#ffffff1f}.proMeetingTitle{color:#fff;font-size:17px;font-weight:700}.proMeetingPill{color:#8daac8;background:#ffffff0f;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.proHeaderRight{align-items:center;gap:14px;display:flex}.proRecordingPill{color:#ff453a;background:#ff453a26;border:1px solid #ff453a4d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.proStageBody{flex:1;min-height:0;display:flex;overflow:hidden}.proVideoViewport{flex-direction:column;flex:1;gap:16px;min-width:0;padding:18px;display:flex;overflow:hidden}.proHeroSpeakerStage{background:#09121c;border:1px solid #ffffff14;border-radius:20px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0006}.proHeroVideo{object-fit:cover;width:100%;height:100%}.proHeroPlaceholder{flex-direction:column;align-items:center;gap:12px;display:flex}.heroName{color:#fff;font-size:20px;font-weight:700}.heroStatus{color:#8daac8;font-size:13px}.proSpeakerNameBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px}.proFloatingControlPill{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:20;background:#08101adb;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000080}.proControlBtn{color:#fff;cursor:pointer;width:42px;height:42px;transition:all .2s var(--ease-spring);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid}.proControlBtn:hover{background:#ffffff2e;transform:scale(1.08)}.proControlBtn.muted,.proControlBtn.off{color:#ff453a;background:#ff453a33;border:1px solid #ff453a66}.proControlBtn.active{color:#0a84ff;background:#0a84ff4d;border:1px solid #0a84ff80}.proReactionsStrip{gap:4px;padding:0 4px;display:flex}.proReactionBtn{cursor:pointer;background:0 0;border:0;padding:4px;font-size:17px;transition:transform .18s}.proReactionBtn:hover{transform:scale(1.3)}.proEndCallBtn{color:#fff;background:#ff453a;box-shadow:0 4px 14px #ff453a66}.proEndCallBtn:hover{background:#e03228;transform:scale(1.06)}.proSelfPip{background:#000;border:1px solid #ffffff26;border-radius:12px;width:140px;height:95px;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.proSelfVideo{object-fit:cover;width:100%;height:100%}.selfNameTag{color:#fff;background:#0009;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:4px;left:6px}.proBottomCarousel{flex-shrink:0;gap:12px;height:120px;display:flex;overflow-x:auto}.proPeerTile{background:#0f1c2b;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:140px;height:110px;display:flex;position:relative}.peerTileMeta{color:#8daac8;background:#00000080;border-radius:4px;justify-content:space-between;align-items:center;padding:2px 6px;font-size:10.5px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.proPeerMoreTile{background:#ffffff08;border:1px dashed #ffffff24;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:110px;height:110px;display:flex}.moreDots{letter-spacing:2px;color:#0a84ff;font-size:20px}.moreLabel{color:#8daac8;text-transform:uppercase;font-size:10px;font-weight:700}.proChatRoomDock{background:#07101a;border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:320px;display:flex}.proChatHead{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.proChatHead h3{color:#fff;font-size:15px;font-weight:700}.proChatMessageStream{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.proChatEmpty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.emptyChatIcon{font-size:32px}.proChatBubbleRow{gap:8px;max-width:85%;display:flex}.proChatBubbleRow.mine{flex-direction:row-reverse;align-self:flex-end}.proBubbleContent{flex-direction:column;gap:3px;display:flex}.bubbleSenderName{color:#8daac8;font-size:11px;font-weight:600}.bubbleText{color:#e2e8f0;word-break:break-word;background:#132233;border-radius:14px;padding:9px 13px;font-size:12.5px;line-height:1.4}.proChatBubbleRow.mine .bubbleText{color:#fff;background:#0a84ff}.bubbleTime{color:#536e88;align-self:flex-end;font-size:10px}.proChatComposer{border-top:1px solid #ffffff0f;gap:8px;padding:12px 16px;display:flex}.proComposerInput{color:#fff;background:#0e1a26;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:12.5px}.proComposerInput:focus{border-color:#0a84ff}.proComposerSendBtn{color:#fff;cursor:pointer;background:#0a84ff;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;transition:all .18s;display:grid}.proComposerSendBtn:hover:not(:disabled){background:#0071e3;transform:scale(1.05)}.proComposerSendBtn:disabled{opacity:.4;cursor:not-allowed}.attendanceHubPage{flex-direction:column;gap:24px;display:flex}.attendanceHeroBanner{color:#fff;background:#0f2238;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;box-shadow:0 12px 32px #0f223814}.heroBannerLeft{align-items:center;gap:20px;display:flex}.heroIconPill{background:#0a84ff;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:30px;display:grid;box-shadow:0 8px 20px #0a84ff59}.heroMetaPillRow{gap:8px;margin-bottom:6px;display:flex}.heroBannerRight{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.headerExportBtn{color:#8daac8;font-size:12.5px}.headerExportBtn:hover{color:#fff}.checkInBtn{background:#30d158;box-shadow:0 4px 16px #30d15866}.liveSessionBannerCard{color:#fff;background:#0f2238;border:1px solid #0a84ff4d;border-radius:20px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;box-shadow:0 8px 24px #0a84ff1f}.pulseLiveBadge{color:#30d158;background:#30d15826;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.liveCodeDisplay{align-items:center;gap:10px;margin:8px 0;display:flex}.codeLabel{color:#8daac8;font-size:12px;font-weight:700}.codeValue{color:#ff9f0a;letter-spacing:2px;background:#0000004d;border-radius:8px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:800}.liveCardMeta{color:#cbd5e1;font-size:12.5px}.liveCardRight{flex-direction:column;gap:8px;display:flex}.projectorBtn{padding:10px 18px;font-size:13.5px}.endSessionBtn{color:#ff453a}.courseBadgeTag{color:#0a84ff;background:#0a84ff1a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.pinChip{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:800}.tableActionBtn{padding:4px 10px;font-size:11.5px;font-weight:700}.actionBtnRow{gap:6px;display:flex}.verifiedCheckBadge{color:#30d158;background:#30d1581f;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.studentCourseGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.courseAttendanceCard{flex-direction:column;gap:10px;padding:20px;display:flex}.courseHead{justify-content:space-between;align-items:center;display:flex}.courseCodeBadge{color:#0a84ff;font-size:11.5px;font-weight:800}.courseRateBadge{font-size:13.5px;font-weight:800}.progressTrack{background:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.progressFill{background:#0a84ff;border-radius:999px;height:100%}.courseMetaCount{color:#64748b;font-size:11.5px;font-weight:600}.qrProjectorModal{text-align:center;max-width:640px}.projectorBody{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.qrCodeBox{flex-direction:column;align-items:center;gap:10px;display:flex}.simulatedQrMatrix{background:#0f1e30;border:4px solid #0a84ff;border-radius:20px;place-items:center;width:220px;height:220px;display:grid;position:relative;box-shadow:0 12px 36px #0a84ff40}.qrCorner{border:4px solid #30d158;border-radius:6px;width:40px;height:40px;position:absolute}.qrCorner.top-left{top:12px;left:12px}.qrCorner.top-right{top:12px;right:12px}.qrCorner.bottom-left{bottom:12px;left:12px}.qrCenterBadge{color:#fff;background:#0a84ff;border-radius:12px;padding:8px 16px;font-size:20px;font-weight:800}.qrScanPrompt{color:#64748b;font-size:13px;font-weight:700}.projectorCodeCard{background:#f8fafc;border-radius:16px;padding:14px 24px}.codeInstruction{color:#64748b;font-size:11px;font-weight:700;display:block}.largeSessionCode{color:#0a84ff;letter-spacing:4px;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:900}.projectorRuleBadge{color:#334155;margin-top:10px;font-size:12.5px}.projectorLiveTicker{color:#30d158;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:700;display:inline-flex}.cameraCaptureBox{background:#0f172a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:16px;display:flex;position:relative;overflow:hidden}.liveVideoContainer{flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex;position:relative}.liveCameraFeed{object-fit:cover;border-radius:12px;width:100%}.faceGuideOval{pointer-events:none;border:2px dashed #30d158cc;border-radius:50%;width:50%;height:60%;position:absolute;top:15%;left:25%}.captureBtn{color:#fff;cursor:pointer;background:#30d158;border:0;border-radius:999px;margin-top:12px;padding:10px 18px;font-weight:700}.snapshotPreview{border:2px solid #30d158;border-radius:12px;max-width:320px}.retakeBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;margin-top:10px;padding:6px 12px;font-size:12px}.selfieThumb{object-fit:cover;border:1.5px solid #30d158;border-radius:50%;width:36px;height:36px}.lecturerCardActions{gap:8px;margin-top:6px;display:flex}.lecturerCardActions .flexBtn{flex:1}.downloadBtn{color:#0a84ff;background:#0a84ff1a;border:1px solid #0a84ff33;padding:8px 14px}.downloadBtn:hover{color:#fff;background:#0a84ff}.appShell.withDockedChat{width:100vw;height:100vh;display:flex;overflow:hidden}.appShell.withDockedChat .main{min-width:0;margin-right:var(--dock-width,360px);transition:margin-left .35s var(--ease-spring), width .35s var(--ease-spring), margin-right .28s cubic-bezier(.16, 1, .3, 1);flex:auto}.appShell.withDockedChat .sidebar:hover+.main{width:calc(100% - 264px);margin-left:264px}@media (width<=1050px){.appShell.withDockedChat .sidebar:hover+.main{width:calc(100% - 76px);margin-left:76px}}.dockedChatDrawer{width:var(--dock-width,360px);z-index:40;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000014}.dockedChatDrawer.resizing,.dockedChatDrawer.resizing *{-webkit-user-select:none;user-select:none}.dockedChatDrawer{max-width:100vw}@media (width<=640px){.appShell.withDockedChat .main{margin-right:0}.dockedChatDrawer{width:min(var(--dock-width,360px), calc(100vw - 24px))!important}}.dockResizeHandle{z-index:3;cursor:ew-resize;width:10px;position:absolute;top:0;bottom:0;left:-5px}.dockResizeHandle:after{content:"";background:0 0;border-radius:4px;transition:background .15s;position:absolute;inset:35% 3px}.dockResizeHandle:hover:after,.dockedChatDrawer.resizing .dockResizeHandle:after{background:var(--blue)}.toneList{gap:6px;display:grid}.toneListRow{border:1px solid var(--border);min-height:38px;color:var(--navy);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.toneListRow:has(input:checked){border-color:var(--blue);background:var(--blue-light)}.toneListRow input{accent-color:var(--blue)}.notifDropdownSheet{resize:vertical;flex-direction:column;width:min(360px,100vw - 24px);max-height:min(520px,100vh - 96px);display:flex;overflow:hidden}.notifList{overscroll-behavior:contain;min-height:0;overflow-y:auto}.vlcFloatingCallOverlay{-webkit-user-select:none;user-select:none;background:#081018;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000073,0 0 0 1px #ffffff1a}.vlcCallStageContainer{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.vlcTitleBar{cursor:grab;background:#0f1c29;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.vlcTitleBar:active{cursor:grabbing}.vlcTitleLeft{align-items:center;gap:8px;display:flex}.vlcLiveDot{background:#30d158;border-radius:50%;width:8px;height:8px}.vlcCallTitleText{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:600;overflow:hidden}.vlcCallTypePill{color:#94a3b8;background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:11.5px}.vlcWindowControls{align-items:center;gap:6px;display:flex}.vlcWinBtn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;transition:all .15s;display:grid}.vlcWinBtn.vlcWinClose:hover{color:#fff;background:#ff453a}.vlcBodyLayout{background:#081018;flex:1;min-height:0;display:flex;position:relative}.vlcMainViewport{background:#050b11;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.vlcRemoteVideo{object-fit:contain;width:100%;height:100%}.vlcAvatarStage{color:#f8fafc;flex-direction:column;align-items:center;gap:12px;display:flex}.vlcAvatarName{color:#fff;margin:0;font-size:18px;font-weight:700}.vlcAvatarStatus{color:#94a3b8;margin:0;font-size:12px}.vlcSelfPip{z-index:10;background:#0f1c29;border:1px solid #ffffff26;border-radius:10px;width:120px;height:80px;position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.vlcSelfVideo{object-fit:cover;width:100%;height:100%}.vlcSelfLabel{color:#fff;background:#00000080;border-radius:4px;padding:1px 4px;font-size:10px;position:absolute;bottom:4px;left:6px}.vlcControlDock{z-index:15;background:#0f2238;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.vlcCtrlBtn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .18s;display:grid}.vlcCtrlBtn.active{color:#fff;background:#0a84ff}.vlcCtrlBtn.danger,.vlcCtrlBtn.off{color:#fff;background:#ff453a}.vlcHangupBtn{color:#fff;width:44px;height:44px;background:#ff453a!important}.vlcReactions{gap:4px;display:flex}.vlcReactBtn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:16px}.vlcReactBtn:hover{background:#ffffff1f;transform:scale(1.15)}.vlcChatDock{background:#0b1520;border-left:1px solid #ffffff14;flex-direction:column;width:260px;display:flex}.vlcChatHeader{color:#fff;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.vlcChatHeader h4{margin:0;font-size:13px}.vlcChatCloseBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px}.vlcChatMessageList{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.vlcEmptyChat{color:#64748b;text-align:center;margin-top:20px;font-size:12px}.vlcChatBubbleRow{flex-direction:column;display:flex}.vlcChatBubbleRow.mine .vlcBubble{color:#fff;background:#0a84ff;align-self:flex-end}.vlcChatBubbleRow.peer .vlcBubble{color:#f1f5f9;background:#1e293b;align-self:flex-start}.vlcBubble{border-radius:12px;max-width:85%;padding:6px 10px;font-size:12.5px}.vlcBubbleSender{color:#38bdf8;font-size:10px;font-weight:600;display:block}.vlcBubbleTime{opacity:.7;text-align:right;margin-top:2px;font-size:9px;display:block}.vlcChatForm{border-top:1px solid #ffffff0f;gap:6px;padding:8px;display:flex}.vlcChatInput{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:6px 10px;font-size:12px}.vlcChatSendBtn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:8px;padding:0 10px}.vlcResizeHandle{z-index:20;position:absolute}.handle-n{cursor:n-resize;height:6px;top:0;left:6px;right:6px}.handle-s{cursor:s-resize;height:6px;bottom:0;left:6px;right:6px}.handle-e{cursor:e-resize;width:6px;top:6px;bottom:6px;right:0}.handle-w{cursor:w-resize;width:6px;top:6px;bottom:6px;left:0}.handle-ne{cursor:ne-resize;width:12px;height:12px;top:0;right:0}.handle-nw{cursor:nw-resize;width:12px;height:12px;top:0;left:0}.handle-se{cursor:se-resize;width:12px;height:12px;bottom:0;right:0}.handle-sw{cursor:sw-resize;width:12px;height:12px;bottom:0;left:0}.vlcCallMiniWidget{z-index:9999;background:#0f2238;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 36px #00000059}.miniWidgetLeft{align-items:center;gap:8px;display:flex}.miniWidgetMeta{flex-direction:column;display:flex}.miniWidgetName{color:#fff;font-size:12.5px;font-weight:600}.miniWidgetTimer{color:#30d158;font-size:11px}.miniWidgetActions{align-items:center;gap:6px;display:flex}.miniBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.miniBtn.active,.miniBtn.hangup{background:#ff453a}.vlcFloatingCallOverlay{background:#fff;border:1px solid #dbe3ed;border-radius:16px;box-shadow:0 24px 70px #0f223838,0 0 0 1px #0f22380a}.vlcTitleBar{cursor:grab;background:#fff;border-bottom:1px solid #e5ebf2;height:58px;padding:0 18px}.vlcCallTitleText{color:var(--navy);font-size:14px}.vlcCallTypePill,.vlcWinBtn{color:var(--muted);background:#f1f5f9}.vlcWinBtn:hover{color:var(--navy);background:#e5ebf2}.vlcWinBtn.vlcWinClose:hover{background:var(--red);color:#fff}.vlcBodyLayout{background:#f5f7fa}.vlcMainViewport{background:#eef2f7;padding:16px}.vlcRemoteVideo{object-fit:cover;background:#dfe7f0;border-radius:12px}.vlcRemoteVideo:not(.ready){opacity:0}.vlcAvatarStage{color:var(--navy);background:#e7edf4;border-radius:12px;justify-content:center;display:flex;position:absolute;inset:16px}.vlcAvatarName{color:var(--navy)}.vlcAvatarStatus{color:var(--muted)}.vlcSelfPip{background:#dfe7f0;border:3px solid #fff;border-radius:12px;width:clamp(132px,24%,220px);height:clamp(88px,18%,140px);top:30px;right:30px;box-shadow:0 8px 24px #0f223838}.vlcSelfVideo{object-fit:cover}.vlcSelfAvatar{background:#e7edf4;place-items:center;display:grid;position:absolute;inset:0}.vlcSelfLabel{color:var(--navy);background:#ffffffe0}.vlcParticipantRail{z-index:12;scrollbar-width:thin;gap:10px;padding:4px 2px 8px;display:flex;position:absolute;bottom:88px;left:24px;right:24px;overflow-x:auto}.vlcParticipantTile{height:76px;color:var(--navy);cursor:pointer;background:#dfe7f0;border:2px solid #0000;border-radius:10px;flex:0 0 116px;position:relative;overflow:hidden;box-shadow:0 5px 14px #0f223829}.vlcParticipantTile:hover,.vlcParticipantTile.selected{border-color:var(--blue)}.vlcParticipantTile>span{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #0009;font-size:10px;font-weight:750;position:absolute;bottom:5px;left:6px;right:6px;overflow:hidden}.vlcParticipantVideo{object-fit:cover;width:100%;height:100%}.vlcControlDock{background:#fff;border:1px solid #dbe3ed;border-radius:14px;gap:7px;padding:8px 10px;bottom:22px;box-shadow:0 10px 28px #0f22382e}.vlcCtrlBtn{color:var(--navy);background:#eef2f7}.vlcCtrlBtn:hover{background:#dfe7f0;transform:translateY(-1px)}.vlcCtrlBtn.active{background:var(--blue-light);color:var(--blue)}.vlcCtrlBtn.danger,.vlcCtrlBtn.off{background:var(--red-bg);color:var(--red)}.vlcHangupBtn{background:var(--red)!important;color:#fff!important}.vlcChatDock{background:#fff;border-left:1px solid #dbe3ed;width:min(320px,34%)}.vlcChatHeader{color:var(--navy);border-bottom:1px solid #e5ebf2;padding:14px 16px}.vlcChatCloseBtn{color:var(--muted)}.vlcChatMessageList{background:#fbfcfe}.vlcChatBubbleRow.peer .vlcBubble{color:var(--navy);background:#eef2f7}.vlcBubbleSender{color:var(--blue)}.vlcChatForm{border-top:1px solid #e5ebf2}.vlcChatInput{color:var(--navy);background:#f1f5f9;border-color:#dbe3ed}.vlcCallMiniWidget{background:#fff;border-color:#dbe3ed;box-shadow:0 10px 36px #0f223833}.miniWidgetName{color:var(--navy)}.miniBtn{color:var(--navy);background:#eef2f7}@media (width<=700px){.vlcFloatingCallOverlay{border-radius:0;width:100vw!important;height:100dvh!important;top:0!important;left:0!important}.vlcTitleBar{height:54px;padding:0 12px}.vlcCallTypePill{display:none}.vlcBodyLayout{flex-direction:column}.vlcMainViewport{min-height:0;padding:10px}.vlcChatDock{border-top:1px solid #dbe3ed;border-left:0;width:100%;height:42%}.vlcSelfPip{width:124px;height:84px;top:20px;right:20px}.vlcParticipantRail{bottom:76px;left:12px;right:12px}.vlcParticipantTile{flex-basis:100px;height:66px}.vlcControlDock{max-width:calc(100% - 20px);bottom:14px;overflow-x:auto}.vlcCtrlBtn{flex:0 0 38px}}.scheduleTwoColLayout{grid-template-columns:1fr 380px;gap:20px;margin-top:16px;display:grid}@media (width<=1024px){.scheduleTwoColLayout{grid-template-columns:1fr}}.selectedDateHeader{background:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.datePillTag{text-transform:uppercase;color:#0a84ff;letter-spacing:.5px;font-size:11px;font-weight:700}.selectedDateTitle{color:#0f172a;margin:4px 0 0;font-size:18px}.appleCalendarCard{background:#fff;border-radius:16px;padding:20px}.calendarHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calMonthNav{align-items:center;gap:12px;display:flex}.calMonthTitle{color:#0f172a;margin:0;font-size:16px;font-weight:700}.calNavBtn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;transition:all .15s;display:grid}.calNavBtn:hover{background:#e2e8f0}.calYearSelect{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600}.calendarWeekdays{text-align:center;color:#94a3b8;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.calendarDaysGrid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendarDayCell{aspect-ratio:1;color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.calendarDayCell:hover{background:#e2e8f0}.calendarDayCell.otherMonth{opacity:.35}.calendarDayCell.isToday{color:#0a84ff;border-color:#0a84ff;font-weight:700}.calendarDayCell.isSelected{box-shadow:0 4px 12px #0a84ff59;color:#fff!important;background:#0a84ff!important}.dayDotRow{gap:3px;margin-top:2px;display:flex}.dayDot{border-radius:50%;width:4px;height:4px}.eventDot{background:#0a84ff}.todoDot{background:#30d158}.calendarLegend{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:center;margin-top:16px;padding-top:12px;font-size:11.5px;display:flex}.legendItem{align-items:center;gap:5px;display:flex}.legendBox.isTodayBox{border:1px solid #0a84ff;border-radius:3px;width:10px;height:10px}.sessionList{flex-direction:column;gap:10px;margin-top:12px;display:flex}.sessionItemCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.sessionTimeBlock{flex-direction:column;min-width:80px;display:flex}.sessionTimeBlock .startTime{color:#0f172a;font-size:13px;font-weight:700}.sessionTimeBlock .endTime{color:#64748b;font-size:11px}.sessionMeta{flex:1}.sessionTopLine{align-items:center;gap:8px;margin-bottom:3px;display:flex}.sessionTitle{color:#0f172a;margin:0 0 2px;font-size:14px}.sessionLoc{color:#64748b;margin:0;font-size:12px}.todoChecklistCard{background:#fff;margin-top:16px;padding:20px}.todoCardHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filterPills{gap:6px;display:flex}.filterPill{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.filterPill.active{color:#fff;background:#0a84ff;border-color:#0a84ff}.quickAddTodoRow{gap:8px;margin-bottom:14px;display:flex}.quickTodoInput{border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:8px 12px;font-size:13px}.todoItemList{flex-direction:column;gap:8px;display:flex}.todoRow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.todoRow.completed .todoTitleText{color:#94a3b8;text-decoration:line-through}.appleCheckbox{accent-color:#30d158;cursor:pointer;width:18px;height:18px}.todoInfo{flex:1}.todoTitleText{color:#0f172a;font-size:13.5px;font-weight:500}.todoMetaRow{align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.todoCourseTag{color:#334155;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-weight:600}.priorityTag{text-transform:capitalize;border-radius:4px;padding:1px 6px;font-weight:600}.priorityTag.high{color:#ff453a;background:#ff453a1f}.priorityTag.medium{color:#ff9f0a;background:#ff9f0a1f}.priorityTag.low{color:#30d158;background:#30d1581f}.todoDueTag{color:#64748b}.todoDeleteBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px}.todoDeleteBtn:hover{color:#ff453a}.avatarUploadWrapper{border-radius:50%;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a}.avatarPreviewImg{object-fit:cover;width:100%;height:100%}.avatarPickBtn{color:#fff;cursor:pointer;text-align:center;background:#000000a6;border:none;padding:3px 0;font-size:10.5px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.avatarPickBtn:hover{background:#0a84ff}.soundSettingsCard{flex-direction:column;gap:16px;display:flex}.muteToggleBtn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.muteToggleBtn.muted{color:#ff453a;background:#ff453a1a;border-color:#ff453a40}.toneGroupSection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.toneGroupTitle{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.toneGroupTitle label{color:#0f172a;margin:0;font-size:13px;font-weight:700}.testToneBtn{color:#0a84ff;cursor:pointer;background:#0a84ff1a;border:1px solid #0a84ff;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.testToneBtn.playing{color:#fff;background:#ff453a;border-color:#ff453a}.toneChipGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px;display:grid}.toneChip{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.toneChip:hover{border-color:#0a84ff}.toneChip.active{color:#fff;background:#0a84ff;border-color:#0a84ff}.customAudioUploadRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customAudioName{color:#0a84ff;font-size:12px;font-weight:600}.quizCreatorOverlayBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.quizCreatorOverlayModal{background:#fff;border:1px solid #0f22381a;border-radius:18px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.quizCreatorModalHeader{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.creatorHeaderTitle h2{color:#0f172a;margin:2px 0 0;font-size:18px}.quizCreatorCloseBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.quizCreatorStepTabs{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 16px;display:flex;overflow-x:auto}.creatorStepTab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:13px;font-weight:600}.creatorStepTab.active{color:#0a84ff;border-bottom-color:#0a84ff}.quizCreatorBody{background:#fbfcfe;flex:1;padding:24px;overflow-y:auto}.creatorStepSection{flex-direction:column;gap:16px;display:flex}.creatorFormGrid{gap:16px;max-width:720px;display:grid}.creatorFormGrid label,.aiPromptBox,.docImportCard,.reviewCard{min-width:0}.creatorFormGrid label,.modalBody label,.submissionForm label,.gradingForm label{color:var(--navy);flex-direction:column;gap:7px;font-size:12px;font-weight:750;display:flex}.creatorFormGrid input,.creatorFormGrid textarea,.creatorFormGrid select,.modalBody input,.modalBody textarea,.modalBody select,.aiInput{border:1px solid var(--border-mid);width:100%;color:var(--navy);font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:11px 12px;font-weight:500}.creatorFormGrid input:focus,.creatorFormGrid textarea:focus,.creatorFormGrid select:focus,.modalBody input:focus,.modalBody textarea:focus,.modalBody select:focus,.aiInput:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #0a84ff1f}.formRow{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.sectionTitle{color:#0f172a;margin:0;font-size:16px}.sectionSub{color:#64748b;margin:0 0 12px;font-size:13px}.questionAuthorCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:16px;box-shadow:0 2px 8px #0f22380a}.qCardHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.qNumberBadge{color:#fff;background:#0f2238;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:700}.optionsGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}@media (width<=640px){.optionsGrid{grid-template-columns:1fr}}.optionInputRow{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.optionInputRow.isCorrect{background:#30d1580d;border-color:#30d158}.correctKeyBtn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:26px;height:26px;font-size:12px;font-weight:700}.correctKeyBtn.active{color:#fff;background:#30d158;border-color:#30d158}.optionField{background:0 0!important;border:none!important;padding:4px!important;font-size:13px!important}.stepActionRow{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.questionExplanationInput{border:1px dashed var(--border-mid);width:100%;color:var(--muted);background:#fff;border-radius:8px;margin-top:10px;padding:9px 10px;font-size:12px}.quizReviewPanel{background:#ff453a0a;border:1px solid #ff453a2e;border-radius:16px;margin:18px 0 24px;padding:20px}.quizReviewHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.quizReviewHeader h3{color:var(--navy);margin-top:4px;font-family:Sora,sans-serif;font-size:17px}.quizReviewCount{color:var(--red);font-size:12px;font-weight:800}.quizReviewList{gap:10px;display:grid}.quizReviewItem{border:1px solid var(--border);background:#fff;border-radius:11px;gap:12px;padding:13px;display:flex}.quizReviewNumber{background:var(--red-bg);width:25px;height:25px;color:var(--red);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.quizReviewItem h4{color:var(--navy);font-size:13px;line-height:1.45}.quizReviewItem p,.quizReviewItem small{color:var(--muted);margin-top:5px;font-size:11.5px;line-height:1.5;display:block}.quizReviewItem small{color:var(--navy)}.aiGeneratorCard,.docImportCard,.reviewCard{border:1px solid var(--border-mid);background:#fff;border-radius:14px;padding:18px}.aiCardHeader{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.aiCardHeader h4,.docImportCard h4{color:var(--navy);font-size:14px}.aiCardHeader p,.docImportCard p{color:var(--muted);margin-top:3px;font-size:12px}.aiPromptBox{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.filePicker{width:100%;color:var(--muted);margin-top:14px;font-size:12px}.reviewItem{border-bottom:1px solid var(--border);color:var(--navy);justify-content:space-between;gap:18px;padding:11px 0;font-size:12.5px;display:flex}.reviewItem:last-child{border-bottom:0}.reviewLabel{color:var(--muted);font-weight:700}.appleModal{width:min(680px,100%);padding:0;overflow:hidden}.appleModal .modalHead{border-bottom:1px solid var(--border);background:#fbfcfe;padding:22px 26px 18px}.appleModal .modalHead h3{color:var(--navy);margin-top:4px;font-family:Sora,sans-serif;font-size:18px}.appleModal .modalBody{gap:16px;padding:22px 26px;display:grid}.appleModal .modalActions{border-top:1px solid var(--border);background:#fbfcfe;justify-content:flex-end;gap:10px;padding:16px 26px 22px;display:flex}@media (width<=640px){.quizCreatorOverlayBackdrop{align-items:flex-start;padding:10px}.quizCreatorOverlayModal{border-radius:14px;max-height:calc(100vh - 20px)}.quizCreatorModalHeader{padding:15px 16px}.quizCreatorBody{padding:16px}.creatorStepTab{white-space:nowrap;padding:11px 13px}.formRow,.aiPromptBox{grid-template-columns:1fr}.stepActionRow{flex-wrap:wrap;justify-content:stretch}.stepActionRow>button{flex:180px}.appleModal .modalHead,.appleModal .modalBody,.appleModal .modalActions{padding-left:18px;padding-right:18px}}.attendanceHubPage,.settingsPage,.classesPage{width:100%;max-width:1440px;margin:0 auto}.attendanceHeroBanner{color:var(--navy);border:1px solid var(--border-mid);box-shadow:var(--shadow-sm);background:#fff}.attendanceHeroBanner .heroTitle,.attendanceHeroBanner .heroSubtitle{color:var(--navy)}.attendanceHeroBanner .heroSubtitle{max-width:760px;color:var(--muted)}.heroIconPill{background:var(--blue-light);color:var(--blue);box-shadow:none}.heroMetaPillRow .heroPill{background:var(--bg-subtle);color:var(--muted)}.heroMetaPillRow .heroPill.emerald{background:var(--emerald-bg);color:#16833a}.heroBannerRight{min-width:220px}.attendanceHubPage .card,.settingsCard,.courseCard{box-shadow:var(--shadow-sm);border-color:var(--border-mid)}.liveSessionBannerCard{color:var(--navy);background:#f8fbff;border-color:#0a84ff33}.liveSessionBannerCard .liveCardMeta,.liveSessionBannerCard .codeLabel{color:var(--muted)}.codeValue{color:var(--navy);background:#eaf2fb}.studentCourseGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.settingsPage{max-width:1180px}.settingsGrid{align-items:start;gap:18px}.settingsCard{border-radius:16px;padding:24px}.settingsCard label{color:var(--navy);font-size:12px;font-weight:750}.settingsCard input,.settingsCard select,.settingsCard textarea{border:1px solid var(--border-mid);color:var(--navy);background:#fbfcfe;border-radius:10px;padding:11px 12px}.settingsCard input:focus,.settingsCard select:focus,.settingsCard textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #0a84ff1f}.settingsCardHead{border-bottom:1px solid var(--border);padding-bottom:16px}.settingsIcon{display:none}.muteToggleBtn{border:1px solid var(--border-mid);background:var(--bg-subtle);color:var(--navy);border-radius:9px;padding:8px 11px;font-size:11px;font-weight:750}.courseGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.courseBanner.solidBanner{background:linear-gradient(135deg,#123250,#0a84ff);min-height:116px}.courseCardBody{flex-direction:column;min-height:190px;display:flex}.courseDesc{min-height:52px}.courseCardFooter{margin-top:auto}.tabBarRow{margin-bottom:4px}.tabGroup{border:1px solid var(--border-mid);background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.tabItem{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:750}.tabItem.active{background:var(--navy);color:#fff}@media (width<=760px){.attendanceHeroBanner{flex-direction:column;align-items:stretch;gap:20px;padding:22px}.heroBannerLeft{align-items:flex-start}.heroBannerRight{align-items:stretch;width:100%}.heroBannerRight>button{width:100%}.settingsGrid,.courseGrid{grid-template-columns:1fr}.tabGroup{width:100%}.tabItem{flex:1}}.callDesignBackdrop{z-index:9999;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 25%,#dbeafe 0%,#bfdbfe 100%);justify-content:center;align-items:center;padding:20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;animation:.25s ease-out fadeInCallBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInCallBackdrop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.callFloatingReactionsContainer{pointer-events:none;z-index:10000;position:absolute;inset:0;overflow:hidden}.callAnimatedReaction{font-size:38px;animation:2.4s ease-out forwards floatUpAndFade;position:absolute;bottom:80px}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-40px)scale(1.2)}80%{opacity:.9;transform:translateY(-260px)scale(1)}to{opacity:0;transform:translateY(-340px)scale(.8)}}.callWindowCard{background:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:1380px;height:94vh;max-height:880px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -15px #0f172a2e,0 0 0 1px #0284c71a}.callTopHeader{background:#fff;border-bottom:1px solid #e2e8f0e6;flex-shrink:0;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex}.callHeaderLeft{align-items:center;gap:16px;display:flex}.callBackBtn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.callBackBtn:hover{color:#0f172a;background:#f1f5f9}.callHeaderInfo{flex-direction:column;display:flex}.callMeetingTitle{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.25}.callMeetingSubtitle{color:#64748b;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.callSubDivider{color:#cbd5e1}.callParticipantCount{align-items:center;gap:5px;display:flex}.callHeaderRight{align-items:center;gap:10px;display:flex}.callRecordingPill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.callRecordDot{background:#ef4444;border-radius:50%;width:8px;height:8px}.callRecordDot.active{animation:1.8s ease-in-out infinite pulseRecordingDot}.callRecordDot.paused{background:#f59e0b}@keyframes pulseRecordingDot{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.callRecordTime{font-variant-numeric:tabular-nums;color:#475569;font-size:12.5px}.callRecordSubBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;transition:all .15s}.callRecordSubBtn:hover{color:#0f172a;background:#e2e8f0}.callCircleActionBtn{cursor:pointer;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .18s;display:grid}.callCircleActionBtn.audio,.callCircleActionBtn.primary{color:#fff;background:#0284c7}.callCircleActionBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.callStageBody{background:#f8fafc;flex:1;gap:20px;padding:20px 24px;display:flex;overflow:hidden}.callMainSettingsNav{flex-direction:column;flex-shrink:0;gap:12px;width:205px;transition:width .25s;display:flex}.callMainSettingsNav.collapsed{width:50px}.callNavHeader{cursor:pointer;justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.callNavTitle{letter-spacing:.8px;color:#0284c7;text-transform:uppercase;font-size:11px;font-weight:800}.callNavToggleBtn{color:#0284c7;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.callNavList{flex-direction:column;gap:6px;display:flex}.callNavItem{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.callNavItem:hover{color:#0f172a;background:#e2e8f0}.callNavItem.active{color:#fff;background:#38bdf8;box-shadow:0 4px 14px #38bdf859}.callMainCenterStage{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.callPrimaryViewport{background:#0f172a;border-radius:26px;flex:1;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0f172a14}.callSpeakerVideo,.callSpeakerBgImage{object-fit:cover;width:100%;height:100%;display:block}.callSpeakerVideo.hidden{display:none}.callSpeakerSimulated{width:100%;height:100%}.callVideoPlaceholder{color:#f8fafc;flex-direction:column;align-items:center;gap:12px;display:flex}.callPlaceholderName{color:#cbd5e1;font-size:14px;font-weight:600}.callOverlayBadge{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:5;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;position:absolute}.callOverlayBadge.left{top:18px;left:20px}.callOverlayBadge.center{top:18px;left:50%;transform:translate(-50%)}.callOverlayBadge.right{cursor:pointer;border:none;transition:all .15s;top:18px;right:20px}.callOverlayBadge.right:hover{background:#0f172ad9}.callUserInitialBadge{color:#fff;background:#38bdf8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.callBadgeText{white-space:nowrap}.callBadgeActionBtn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 4px;font-size:11px}.callBadgeActionBtn:hover{color:#fff;background:#ffffff26}.callMediaControlDock{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172ac7;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000059}.callDockBtn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .18s;display:grid}.callDockBtn:hover{background:#ffffff38;transform:scale(1.05)}.callDockBtn.muted{color:#ef4444;background:#ef444440}.callDockBtn.active{color:#fff;background:#38bdf8}.callDockBtn.endCall{color:#fff;background:#ef4444;border-radius:999px;width:64px}.callDockBtn.endCall:hover{background:#dc2626;transform:scale(1.04)}.callDockBtnWrapper{position:relative}.callReactionFlyout{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0f172ae6;border:1px solid #ffffff26;border-radius:999px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.callReactionItem{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 4px;font-size:20px;transition:transform .15s}.callReactionItem:hover{transform:scale(1.3)}.callBottomRailWrapper{flex-shrink:0;align-items:center;gap:12px;height:110px;display:flex}.callParticipantRail{scrollbar-width:none;flex:1;gap:12px;display:flex;overflow-x:auto}.callParticipantRail::-webkit-scrollbar{display:none}.callParticipantCard{cursor:pointer;background:#1e293b;border:2px solid #0000;border-radius:18px;flex:0 0 148px;height:104px;transition:all .18s;position:relative;overflow:hidden}.callParticipantCard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.callParticipantCard.active{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf859}.callParticipantPhoto{object-fit:cover;width:100%;height:100%;display:block}.callParticipantFallback{background:#334155;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.callCardOverlay{background:linear-gradient(#0000 0%,#0000001a 40%,#000000bf 100%);justify-content:space-between;align-items:flex-end;padding:8px 10px;display:flex;position:absolute;inset:0}.callCardName{color:#fff;text-shadow:0 1px 3px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:11.5px;font-weight:600;overflow:hidden}.callCardMuteBadge{color:#fff;background:#0009;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.callCarouselNextBtn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.callCarouselNextBtn:hover{background:#0369a1;transform:scale(1.05)}.callGroupChatSidebar{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000a}.callChatTopBar{justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.callChatTitle{color:#0f172a;margin:0;font-size:16px;font-weight:700}.callChatCloseBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:16px}.callChatCloseBtn:hover{color:#0f172a;background:#f1f5f9}.callChatSegmentedTabs{background:#f1f5f9;border-radius:999px;gap:2px;margin:4px 18px 12px;padding:3px;display:flex}.callChatTab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.callChatTab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.callChatBadge{color:#475569;background:#e2e8f0;border-radius:999px;padding:1px 6px;font-size:10px}.callRoomCard{background:#f8fafc;border:1px solid #e0f2fe;border-radius:18px;margin:4px 18px 12px;overflow:hidden;box-shadow:0 6px 16px #0284c714}.callRoomCardImageWrap{height:68px;overflow:hidden}.callRoomCardImage{object-fit:cover;width:100%;height:100%}.callRoomCardContent{padding:10px 14px 12px}.callRoomCardTitle{color:#0284c7;margin:0;font-size:13.5px;font-weight:700}.callRoomCardSub{color:#64748b;margin:2px 0 8px;font-size:11.5px}.callRoomParticipantsRow{align-items:center;gap:8px;margin-bottom:8px;display:flex}.callRoomAvatarStack{align-items:center;display:flex}.stackAvatar{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:22px;height:22px;margin-left:-6px}.stackAvatar:first-child{margin-left:0}.stackBadge{color:#fff;background:#0284c7;border:1.5px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-6px;font-size:9.5px;font-weight:700;display:grid}.callRoomCountText{color:#475569;font-size:11px;font-weight:500}.callRoomTagsRow{flex-wrap:wrap;gap:6px;display:flex}.callRoomTag{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.callChatMessageStream{flex-direction:column;flex:1;gap:12px;padding:8px 18px;display:flex;overflow-y:auto}.callChatMsgRow{gap:8px;max-width:100%;display:flex}.callChatMsgRow.mine{justify-content:flex-end}.callChatAvatar{flex-shrink:0}.callChatBubbleWrap{flex-direction:column;max-width:82%;display:flex}.callChatSenderLine{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.callChatSenderName{color:#1e293b;font-size:11.5px;font-weight:700}.callChatTime{color:#94a3b8;font-size:10px}.callChatTime.mine{text-align:right;margin-top:2px}.callChatBubble{color:#1e293b;word-break:break-word;background:#f1f5f9;border-radius:4px 14px 14px;padding:8px 12px;font-size:12.5px;line-height:1.4}.callChatMsgRow.mine .callChatBubble{color:#fff;background:#0284c7;border-top-left-radius:14px;border-top-right-radius:4px}.callChatAttachment{color:#0284c7;background:#fff9;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.callChatReactions{gap:4px;margin-top:3px;display:flex}.callReactionChip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:1px 6px;font-size:11px;box-shadow:0 1px 3px #0000000d}.callChatInputForm{background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 18px 16px;display:flex}.callChatAttachBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:all .15s;display:grid}.callChatAttachBtn:hover{color:#0284c7;background:#f0f9ff}.callChatInputField{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;outline:none;flex:1;padding:8px 12px;font-size:12.5px;transition:all .15s}.callChatInputField:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.callChatSendBtn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.callChatSendBtn:disabled{cursor:not-allowed;background:#cbd5e1}.callChatSendBtn:not(:disabled):hover{background:#0369a1;transform:scale(1.05)}@media (width<=1024px){.callMainSettingsNav{display:none}.callGroupChatSidebar{width:280px}}@media (width<=768px){.callDesignBackdrop{padding:0}.callWindowCard{border-radius:0;height:100vh;max-height:none}.callStageBody{flex-direction:column;padding:12px}.callGroupChatSidebar{display:none}}
