@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{-webkit-font-smoothing:antialiased;align-items:center;animation:fadeInLoadingScreen .35s cubic-bezier(.4,0,.2,1);background:radial-gradient(circle at 50% 43%,#079b9829,#0000 30%),linear-gradient(145deg,#03152f,#041b3c 56%,#062850);display:flex;font-family:Poppins,Segoe UI,Arial,sans-serif;inset:0;justify-content:center;overflow:hidden;position:fixed;text-rendering:optimizeLegibility;z-index:9999}.loading-screen:after,.loading-screen:before{border:1px solid #18c8c317;border-radius:50%;content:"";pointer-events:none;position:absolute}.loading-screen:before{bottom:min(-25vw,-260px);height:min(48vw,620px);left:min(-26vw,-250px);width:min(48vw,620px)}.loading-screen:after{height:min(32vw,420px);right:min(-20vw,-190px);top:min(-18vw,-180px);width:min(32vw,420px)}@keyframes fadeInLoadingScreen{0%{opacity:0}to{opacity:1}}.loading-content{animation:scaleInLoadingContent .55s cubic-bezier(.4,0,.2,1) .08s both;position:relative;text-align:center;width:min(88vw,480px);z-index:1}.loading-brand-group,.loading-content,.loading-state-group{align-items:center;display:flex;flex-direction:column}@keyframes scaleInLoadingContent{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-logo{width:min(420px,82vw)}.loading-logo-image{display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.24));height:auto;object-fit:contain;width:100%}.loading-state-group{margin-top:44px}.loading-dots{align-items:center;display:flex;gap:8px;height:10px;justify-content:center;margin-bottom:16px}.loading-dots span{animation:pulseLoadingDot 1.25s ease-in-out infinite;background:#20cbc6;border-radius:50%;height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.16s;background:#d9ffffd1}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes pulseLoadingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.loading-screen .loading-message{color:#eef6ffa3!important;font-size:13px;font-weight:400;letter-spacing:.02em;line-height:1.5;margin:0;min-height:24px}@media (max-width:768px){.loading-logo{width:min(360px,82vw)}.loading-state-group{margin-top:38px}}@media (max-width:480px){.loading-logo{width:min(310px,84vw)}.loading-state-group{margin-top:30px}.loading-dots{margin-bottom:14px}.loading-screen .loading-message{font-size:13px}}@media (prefers-reduced-motion:reduce){.loading-content,.loading-screen{animation:none}.loading-dots span{animation-duration:1.8s}}.lp{--lp-primary:#079b98;--lp-primary-600:#057d7b;--lp-primary-700:#035f61;--lp-secondary-blue:#0b7180;--lp-primary-50:#e8f8f7;--lp-primary-100:#c4ece9;--lp-bg:#fff;--lp-bg-alt:#f3f9f9;--lp-bg-soft:#f8fcfc;--lp-surface:#fff;--lp-border:#dfe9eb;--lp-border-strong:#c5d6da;--lp-text:#061936;--lp-text-2:#40536c;--lp-text-3:#66768d;--lp-text-muted:#8a98aa;--lp-green-50:#ecfdf5;--lp-green-500:#10b981;--lp-amber-50:#fffbeb;--lp-amber-500:#f59e0b;--lp-shadow-xs:0 1px 2px #0f172a0a;--lp-shadow-sm:0 3px 10px #0f172a0f;--lp-shadow-md:0 10px 28px #0f172a14;--lp-shadow-lg:0 20px 56px #0f172a1f;--lp-shadow-blue:0 10px 24px #079b9838;--lp-focus:0 0 0 3px #079b9833;--lp-migration-banner-height:0px;--lp-r-sm:10px;--lp-r-md:14px;--lp-r-lg:18px;--lp-r-xl:22px;--lp-ease:cubic-bezier(0.4,0,0.2,1)}.lp,.lp *{box-sizing:border-box}.lp{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#fff,#f8fcfc 42%,#fff);color:var(--lp-text);font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;text-rendering:optimizeLegibility}.lp.lp--with-migration-banner{--lp-migration-banner-height:44px}.lp h1,.lp h2,.lp h3,.lp h4,.lp h5,.lp h6{color:var(--lp-text);font-weight:700;letter-spacing:0;margin:0}.lp p{margin:0}.lp a:not(.lp-btn){color:var(--lp-primary);text-decoration:none}.lp a:not(.lp-btn):hover{color:var(--lp-primary-600);text-decoration:underline}.lp-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.lp-bg__blob{border-radius:50%;filter:blur(90px);opacity:.35;position:absolute}.lp-bg__blob--a{background:radial-gradient(circle,#079b9824,#0000 70%);height:380px;right:-180px;top:-200px;width:380px}.lp-bg__blob--b,.lp-bg__grid{display:none}.lp-container{margin:0 auto;max-width:1240px;padding:0 24px;position:relative;width:100%;z-index:1}.lp-container--narrow{max-width:960px}.lp-migration-banner{background:linear-gradient(90deg,#062b50 0,var(--lp-secondary-blue) 48%,#066f75 100%);border-bottom:1px solid #8de7e23d;box-shadow:0 4px 14px #03152f1f;color:#fff;height:var(--lp-migration-banner-height);left:0;position:fixed;top:0;width:100%;z-index:110}.lp-migration-banner__inner{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 32px;height:100%;margin:0 auto;max-width:1360px;padding:6px 32px;width:100%}.lp-migration-banner__copy{align-items:baseline;color:#ffffffdb;display:flex;font-size:13px;gap:10px;justify-content:center;line-height:1.35;min-width:0;text-align:center}.lp-migration-banner__copy strong{color:#fff;font-size:13.5px;font-weight:750}.lp-migration-banner__close{align-items:center;background:#ffffff12;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;transition:background .2s var(--lp-ease),border-color .2s var(--lp-ease);width:30px}.lp-migration-banner__close:hover{background:#ffffff26;border-color:#fff6}.lp-migration-banner__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.lp-nav{background-color:#03152f;background-image:linear-gradient(90deg,#03152ffa,#051e3bf5);border-bottom:1px solid #0000;left:0;position:fixed;top:var(--lp-migration-banner-height);transition:box-shadow .25s var(--lp-ease),border-color .25s var(--lp-ease);width:100%;z-index:100}.lp-nav.is-scrolled{backdrop-filter:saturate(170%) blur(14px);-webkit-backdrop-filter:saturate(170%) blur(14px);background-color:#03152ff7;background-image:none;border-bottom-color:#ffffff1a;box-shadow:0 8px 26px #03152f24}.lp-nav__inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1360px;padding:12px 32px;width:100%}.lp-nav__logo{align-items:center;color:#fff;display:inline-flex;font-size:17px;font-weight:650;gap:12px;letter-spacing:0;text-decoration:none;transition:opacity .2s var(--lp-ease);white-space:nowrap}.lp-nav__logo:hover{color:#fff;opacity:.85;text-decoration:none}.lp-nav__logo strong{color:var(--lp-primary);font-weight:700}.lp-nav__logo-img{height:52px;object-fit:contain;width:190px}.lp-nav__links{align-items:center;display:flex;gap:2px}.lp .lp-nav__link{border-radius:10px;color:#ffffffc7;font-size:14.5px;font-weight:600;padding:9px 12px;position:relative;transition:color .2s var(--lp-ease),background .2s var(--lp-ease),transform .2s var(--lp-ease)}.lp .lp-nav__link:after{background:var(--lp-primary);border-radius:2px;bottom:4px;content:"";height:2px;left:16px;opacity:0;position:absolute;right:16px;transform:scaleX(.4);transform-origin:center;transition:opacity .2s var(--lp-ease),transform .2s var(--lp-ease)}.lp .lp-nav__link:hover{background:#ffffff14;color:#fff;text-decoration:none}.lp .lp-nav__link:hover:after{opacity:1;transform:scaleX(1)}.lp-dot:focus-visible,.lp-icon-btn:focus-visible,.lp-nav__link:focus-visible,.lp-nav__menu-btn:focus-visible{box-shadow:var(--lp-focus);outline:none}.lp-nav__cta{flex-shrink:0;margin-left:4px}.lp-nav__login{background:#0000;border:0;border-radius:10px;color:#ffffffe0;cursor:pointer;font:inherit;font-size:14.5px;font-weight:650;margin-left:12px;padding:10px 12px;transition:color .2s var(--lp-ease),background .2s var(--lp-ease)}.lp-nav__login:hover{background:#ffffff14;color:#fff}.lp-nav__login:focus-visible{box-shadow:var(--lp-focus);outline:none}.lp-nav__menu-btn{background:#0000;border:1px solid #ffffff38;border-radius:10px;color:#fff;display:none;height:40px;width:40px}.lp-btn,.lp-nav__menu-btn{align-items:center;cursor:pointer;justify-content:center}.lp-btn{border:1px solid #0000;border-radius:12px;display:inline-flex;font-family:inherit;font-size:14.5px;font-weight:600;gap:10px;letter-spacing:0;line-height:1.2;min-height:44px;padding:12px 24px;transition:transform .15s var(--lp-ease),box-shadow .2s var(--lp-ease),background .2s var(--lp-ease),color .2s var(--lp-ease),border-color .2s var(--lp-ease);white-space:nowrap}.lp-btn,.lp-btn:hover{text-decoration:none}.lp-btn:active{transform:translateY(1px)}.lp-btn:focus-visible{box-shadow:var(--lp-focus);outline:none}.lp-btn--lg{border-radius:12px;font-size:15px;gap:12px;min-height:52px;padding:16px 30px}.lp-btn--block{width:100%}.lp-btn--primary{background:linear-gradient(180deg,#0baaa6 0,var(--lp-primary) 100%);box-shadow:var(--lp-shadow-blue);color:#fff}.lp-btn--primary:hover{background:linear-gradient(180deg,#08918e 0,var(--lp-primary-600) 100%);box-shadow:0 12px 28px #079b984d;color:#fff;transform:translateY(-1px)}.lp-btn--ghost{background:#ffffffeb;border-color:var(--lp-border);box-shadow:var(--lp-shadow-xs);color:var(--lp-text)}.lp-btn--ghost:hover{background:var(--lp-bg-alt);border-color:var(--lp-border-strong);color:var(--lp-text);transform:translateY(-1px)}.lp-hero{background:radial-gradient(circle at 86% 38%,#079b9817,#0000 28%),linear-gradient(180deg,#fff,#fbfefe);border-bottom:1px solid #c5d6dab8;isolation:isolate;padding:calc(144px + var(--lp-migration-banner-height)) 0 88px;position:relative;z-index:1}.lp-hero:before{background:rgba(7,155,152,.045);border-radius:44% 56% 62% 38%/45% 42% 58% 55%;height:460px;right:-180px;top:70px;width:460px}.lp-hero:after,.lp-hero:before{content:"";pointer-events:none;position:absolute;z-index:-1}.lp-hero:after{background-image:radial-gradient(#079b988c 1.2px,#0000 0);background-size:12px 12px;bottom:52px;height:120px;-webkit-mask-image:linear-gradient(135deg,#0000 4%,#000 50%,#0000 96%);mask-image:linear-gradient(135deg,#0000 4%,#000 50%,#0000 96%);opacity:.25;right:max(24px,calc(50vw - 670px));width:150px}.lp-hero__inner{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);margin:0 auto;max-width:1280px;opacity:0;padding:0 24px;transform:translateY(12px);transition:opacity .7s var(--lp-ease),transform .7s var(--lp-ease);width:100%}.lp-hero__inner.is-in{opacity:1;transform:none}.lp-hero__left{max-width:570px;position:relative;width:100%}.lp-hero__badge{align-items:center;background:var(--lp-primary-50);border:1px solid #079b982e;border-radius:999px;color:var(--lp-primary-600);display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.045em;margin-bottom:24px;padding:7px 16px}.lp-hero__badge-dot{background:var(--lp-primary);border-radius:50%;box-shadow:0 0 0 3px #079b982e;height:6px;width:6px}.lp-hero__title{text-wrap:balance;color:var(--lp-text);font-size:clamp(3.35rem,4.15vw,4.15rem);font-weight:800;letter-spacing:-.04em;line-height:1.04}.lp .lp-hero__title{margin-bottom:38px}.lp-hero__title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lp-primary) 0,var(--lp-primary-700) 100%);-webkit-background-clip:text;background-clip:text}.lp-hero__secondary{color:var(--lp-text);font-size:1.4rem;font-weight:700;line-height:1.35}.lp .lp-hero__secondary{margin-bottom:16px}.lp-hero__subtitle{color:var(--lp-text-2);font-size:18px;line-height:1.78;max-width:560px}.lp .lp-hero__subtitle{margin-bottom:18px}.lp-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:0}.lp-hero__educator{align-items:center;color:var(--lp-text-3);display:flex;font-size:13.5px;font-weight:600;gap:8px}.lp .lp-hero__educator{margin-top:28px}.lp-hero__educator svg{color:var(--lp-primary);height:17px;width:17px}.lp-hero__benefits{align-items:center;border-top:1px solid #c5d6dac7;color:var(--lp-text-2);display:flex;margin-top:24px;padding-top:22px}.lp-hero__benefits span{align-items:center;display:inline-flex;font-size:12.5px;font-weight:650;gap:7px;line-height:1.3;padding:0 16px;white-space:nowrap}.lp-hero__benefits span:first-child{padding-left:0}.lp-hero__benefits span+span{border-left:1px solid var(--lp-border-strong)}.lp-hero__benefits svg{color:var(--lp-primary);flex-shrink:0;height:16px;width:16px}.lp-hero__trust{align-items:center;display:flex;gap:14px}.lp-avatar,.lp-hero__avatars{display:flex}.lp-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:var(--lp-shadow-xs);color:#fff;font-size:13px;font-weight:700;height:36px;justify-content:center;margin-left:-8px;width:36px}.lp-avatar:first-child{margin-left:0}.lp-avatar--1{background:linear-gradient(135deg,#4285f4,#1a73e8)}.lp-avatar--2{background:linear-gradient(135deg,#34a853,#0f9d58)}.lp-avatar--3{background:linear-gradient(135deg,#fbbc04,#f9a825)}.lp-avatar--4{background:linear-gradient(135deg,#ea4335,#c62828)}.lp-hero__trust-text{color:var(--lp-text-3);display:flex;flex-direction:column;font-size:13px;gap:2px}.lp-hero__stars{color:var(--lp-amber-500);display:inline-flex;gap:2px}.lp-hero__right{align-items:center;display:flex;justify-content:center;min-width:0;position:relative;width:100%}.lp-hero__right:before{background:radial-gradient(circle,#079b9821,rgba(7,155,152,.025) 54%,#0000 72%);border-radius:50%;content:"";filter:blur(12px);inset:8% 2% 4% 4%;pointer-events:none;position:absolute}.hero-mockup{margin:0 auto;max-width:650px;position:relative;width:100%}.mockup-window{background:#fff;border:1px solid #c5d6daeb;border-radius:22px;box-shadow:0 1px 2px #0f172a0a,0 28px 72px #06193624,0 0 0 8px #ffffff8c;overflow:hidden;position:relative;transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease)}.mockup-window:hover{box-shadow:0 1px 2px #0f172a0a,0 18px 44px #0f172a1a;transform:translateY(-4px)}.mockup-window__bar{align-items:center;background:#f5f7fa;border-bottom:1px solid var(--lp-border);display:flex;gap:6px;padding:12px 14px}.mockup-dot{border-radius:50%;display:inline-block;height:11px;width:11px}.mockup-dot--red{background:#ff5f57}.mockup-dot--yellow{background:#febc2e}.mockup-dot--green{background:#28c840}.mockup-window__url{background:#fff;border:1px solid var(--lp-border);border-radius:8px;color:var(--lp-text-3);flex:1 1;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:11.5px;margin-left:8px;padding:5px 10px;text-align:center}.mockup-window__body{background:linear-gradient(180deg,#fff,#fbfcfe);display:flex;flex-direction:column;gap:16px;padding:24px}.mockup-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.mockup-label{color:var(--lp-text-muted);font-size:11px;font-weight:700;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.mockup-answer p,.mockup-question p{color:var(--lp-text);font-size:14px;line-height:1.55;margin:0}.mockup-question{flex:1 1}.mockup-answer{background:var(--lp-bg-soft);border:1px solid var(--lp-border);border-radius:var(--lp-r-md);padding:14px 16px}.hl{border-radius:4px;padding:0 3px}.hl--green{background:#d1fae5;color:#065f46}.hl--amber{background:#fef3c7;color:#92400e}.mockup-score{flex-shrink:0;height:72px;position:relative;width:72px}.mockup-score__ring{height:100%;transform:rotate(-90deg);width:100%}.mockup-score__bg{fill:none;stroke:var(--lp-border);stroke-width:3}.mockup-score__fill{fill:none;stroke:var(--lp-primary);stroke-width:3;stroke-linecap:round;animation:ringFill 1.6s var(--lp-ease) .4s both}@keyframes ringFill{0%{stroke-dasharray:0,100}}.mockup-score__text{align-items:center;display:flex;flex-direction:column;gap:1px;inset:0;justify-content:center;position:absolute}.mockup-score__text strong{color:var(--lp-text);font-size:16px;font-weight:800;letter-spacing:0;line-height:1}.mockup-score__text span{color:var(--lp-text-3);font-size:9px;font-weight:500;line-height:1}.mockup-feedback{align-items:flex-start;background:linear-gradient(135deg,#e8f8f7,#f3fbfa);border:1px solid var(--lp-primary-100);border-radius:var(--lp-r-md);display:flex;gap:12px;padding:14px}.mockup-feedback__icon{align-items:center;background:#fff;border-radius:10px;box-shadow:var(--lp-shadow-xs);color:var(--lp-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mockup-feedback__title{color:var(--lp-primary-700);font-size:12.5px;font-weight:700;margin-bottom:2px}.mockup-feedback__text{color:var(--lp-text-2);font-size:13px;line-height:1.5}.mockup-tags{display:flex;flex-wrap:wrap;gap:6px}.mockup-tag{background:var(--lp-green-50);border:1px solid #bbf7d0;border-radius:999px;color:var(--lp-green-500);font-size:11.5px;font-weight:600;padding:5px 10px}.mockup-tag--amber{background:var(--lp-amber-50);border-color:#fde68a;color:var(--lp-amber-500)}.floating-card{align-items:center;animation:floaty 5s ease-in-out infinite;background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-md);box-shadow:var(--lp-shadow-md);display:flex;gap:10px;padding:12px 14px;position:absolute;z-index:2}.floating-card--top{animation-delay:0s;left:-32px;top:-22px}.floating-card--bottom{animation-delay:1.2s;bottom:-28px;right:-24px}.floating-card__icon{background:var(--lp-primary-50);color:var(--lp-primary)}.floating-card__avatar,.floating-card__icon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.floating-card__avatar{background:linear-gradient(135deg,#34a853,#0f9d58);color:#fff;font-size:13px;font-weight:800}.floating-card__title{color:var(--lp-text);font-size:13px;font-weight:700;line-height:1.2}.floating-card__sub{color:var(--lp-text-3);font-size:12px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-section{background:#0000;padding:112px 0;position:relative;z-index:1}.lp-section--alt{background:linear-gradient(180deg,#f6fbfb,#eff8f7);border-top:1px solid var(--lp-border)}.lp-section--alt,.lp-section--platform{border-bottom:1px solid var(--lp-border)}.lp-section--platform{background:radial-gradient(circle at 50% 72%,#079b9814,#0000 36%),radial-gradient(circle at 10% 20%,#079b980f,#0000 22%),linear-gradient(180deg,#fbfefe,#f1f9f8);isolation:isolate;overflow:hidden}.lp-section--platform:before{background:rgba(7,155,152,.055);border-radius:43% 57% 62% 38%/54% 42% 58% 46%;bottom:-150px;height:340px;right:-215px;width:340px}.lp-section--platform:after,.lp-section--platform:before{content:"";pointer-events:none;position:absolute;z-index:-1}.lp-section--platform:after{background-image:radial-gradient(#079b989e 1.2px,#0000 0);background-size:12px 12px;height:120px;left:max(24px,calc(50vw - 680px));-webkit-mask-image:linear-gradient(135deg,#0000 4%,#000 48%,#0000 96%);mask-image:linear-gradient(135deg,#0000 4%,#000 48%,#0000 96%);opacity:.17;top:86px;width:144px}.lp-section--workflow{background:radial-gradient(circle at 50% 72%,rgba(7,155,152,.065),#0000 34%),linear-gradient(180deg,#fff,#f8fcfc);border-bottom:1px solid #c5d6dab8;isolation:isolate;overflow:hidden}.lp-section--workflow:before{background:rgba(7,155,152,.055);border-radius:58% 42% 47% 53%/42% 58% 42% 58%;bottom:-170px;height:360px;left:-230px;width:360px}.lp-section--workflow:after,.lp-section--workflow:before{content:"";pointer-events:none;position:absolute;z-index:-1}.lp-section--workflow:after{background-image:radial-gradient(#079b989e 1.2px,#0000 0);background-size:12px 12px;height:126px;-webkit-mask-image:linear-gradient(135deg,#0000 4%,#000 48%,#0000 96%);mask-image:linear-gradient(135deg,#0000 4%,#000 48%,#0000 96%);opacity:.18;right:max(24px,calc(50vw - 680px));top:82px;width:150px}.lp-section--pricing{background:radial-gradient(circle at 88% 10%,#079b980f,#0000 22%),linear-gradient(180deg,#f8fbfc,#f1f7f8);border-bottom:1px solid var(--lp-border);border-top:1px solid var(--lp-border);padding-top:76px}.lp-section__head{margin:0 auto 64px;max-width:760px;text-align:center}.lp-eyebrow{color:var(--lp-primary);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.lp-h2{text-wrap:balance;font-size:2.55rem;font-weight:800;letter-spacing:-.035em;line-height:1.12;margin-bottom:16px}.lp-lede{color:var(--lp-text-2);font-size:17px;line-height:1.65;margin-left:auto;margin-right:auto;max-width:720px}.lp-section--platform .lp-section__head{margin-bottom:72px;max-width:850px}.lp-section--platform .lp-eyebrow{align-items:center;background:#e8f8f7e6;border:1px solid #079b982e;border-radius:999px;display:inline-flex;justify-content:center;letter-spacing:.14em;margin-bottom:24px;padding:8px 15px}.lp-section--platform .lp-h2{color:var(--lp-text);font-size:clamp(3rem,4vw,3.5rem);line-height:1.08;margin:0 auto 22px;max-width:820px}.lp-section--platform .lp-h2 span{color:var(--lp-primary)}.lp-section--platform .lp-lede{color:var(--lp-text-2);font-size:19.5px;line-height:1.7;margin-left:auto;margin-right:auto;max-width:760px;text-align:center}.lp-feature-grid{grid-gap:26px;align-items:stretch;display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr));isolation:isolate;position:relative}.lp-feature-grid:before{background:linear-gradient(90deg,#079b981f,#079b986b,#079b981f);content:"";height:2px;left:15%;position:absolute;right:15%;top:77px;z-index:0}.lp-feature{align-items:center;background:#fff;border:1px solid #c5d6dac7;border-radius:24px;box-shadow:0 2px 4px rgba(15,23,42,.025),0 14px 34px rgba(6,25,54,.065);display:flex;flex-direction:column;min-height:312px;overflow:hidden;padding:38px 34px 40px;position:relative;text-align:center;transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease),border-color .3s var(--lp-ease),background-color .3s var(--lp-ease)}.lp-feature:before{background:linear-gradient(90deg,var(--lp-primary),#079b9859);border-radius:999px 999px 0 0;bottom:0;content:"";height:4px;left:26px;opacity:1;position:absolute;right:26px}.lp-feature:hover{background-color:#fff;border-color:var(--lp-primary-100);box-shadow:0 1px 2px #0f172a0a,0 16px 40px #079b981f;transform:translateY(-5px)}.lp-feature:hover:before{opacity:1}.lp-feature__icon{align-items:center;background:linear-gradient(145deg,#f9fefe,#e4f6f4);border:1px solid #079b982b;border-radius:50%;box-shadow:0 10px 26px #079b981c;color:var(--lp-primary);display:flex;flex:0 0 auto;height:78px;justify-content:center;margin-bottom:26px;transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease);width:78px}.lp-feature:nth-child(2) .lp-feature__icon{background:linear-gradient(145deg,#effbf9,#d7f2ef);border-color:#079b9845}.lp-feature:nth-child(3) .lp-feature__icon{background:linear-gradient(145deg,#f5fdfb,#e1f5ef)}.lp-feature:hover .lp-feature__icon{box-shadow:0 8px 20px #079b9833;transform:translateY(-2px)}.lp-feature__icon svg{stroke-width:1.8;height:30px;width:30px}.lp-feature__title{color:var(--lp-text);font-size:24px;font-weight:750;letter-spacing:0;line-height:1.25;margin-bottom:14px}.lp-feature__text{color:var(--lp-text-2);font-size:16.5px;line-height:1.72;margin:0;max-width:340px}.lp-section--workflow .lp-section__head{margin-bottom:72px;max-width:850px}.lp-section--workflow .lp-eyebrow{align-items:center;background:#e8f8f7e0;border:1px solid #079b982e;border-radius:999px;display:inline-flex;justify-content:center;letter-spacing:.14em;margin-bottom:24px;padding:8px 15px}.lp-section--workflow .lp-h2{color:var(--lp-text);font-size:clamp(3rem,4vw,3.5rem);line-height:1.08;margin:0 auto 22px;max-width:820px}.lp-section--workflow .lp-h2 span{color:var(--lp-primary)}.lp-section--workflow .lp-lede{color:var(--lp-text-2);font-size:19.5px;line-height:1.7;margin-left:auto;margin-right:auto;max-width:760px;text-align:center}.lp-steps{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));isolation:isolate;position:relative}.lp-steps:before{background:linear-gradient(90deg,#079b981f,#079b9866,#079b981f);content:"";height:2px;left:9%;position:absolute;right:9%;top:64px;z-index:0}.lp-step{align-items:center;background:#fff;border:1px solid #c5d6dac2;border-radius:22px;box-shadow:0 2px 4px rgba(6,25,54,.025),0 12px 30px #0619360f;display:flex;flex-direction:column;min-height:292px;overflow:hidden;padding:30px 20px 28px;position:relative;text-align:center;transition:transform .25s var(--lp-ease),box-shadow .25s var(--lp-ease),border-color .25s var(--lp-ease);z-index:1}.lp-step:hover{border-color:var(--lp-primary-100);box-shadow:0 3px 6px #06193608,0 18px 40px #079b981c;transform:translateY(-5px)}.lp-step--ai:after{background:linear-gradient(90deg,#0000,var(--lp-primary),#0000);border-radius:0 0 999px 999px;content:"";height:3px;left:22px;opacity:.7;position:absolute;right:22px;top:0}.lp-step__marker{flex:0 0 auto;height:64px;margin-bottom:28px;position:relative;width:64px}.lp-step__icon{align-items:center;background:linear-gradient(145deg,#f8fefe,#e3f6f4);border:1px solid #079b9829;border-radius:19px;box-shadow:0 10px 24px #079b981a;color:var(--lp-primary);display:flex;height:64px;justify-content:center;width:64px}.lp-step--ai .lp-step__icon{background:linear-gradient(145deg,#effbf9,#d5f2ef);border-color:#079b9845}.lp-step__icon svg{stroke-width:1.8;height:27px;width:27px}.lp-step__num{background:var(--lp-text);border:3px solid #fff;border-radius:999px;bottom:-8px;box-shadow:0 5px 12px #03152f24;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:25px;letter-spacing:.04em;line-height:1;min-width:31px;padding:0 6px;position:absolute;right:-8px}.lp-step__num,.lp-step__title{align-items:center;justify-content:center}.lp-step__title{color:var(--lp-text);display:flex;font-size:18px;font-weight:750;line-height:1.32;margin-bottom:12px;min-height:48px}.lp-step__text{color:var(--lp-text-2);font-size:15px;line-height:1.66}.lp-story{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(240px,320px) 1fr}.lp-story__media{aspect-ratio:1/1;position:relative;width:100%}.lp-story__avatar{background-position:50%;background-size:cover;border:6px solid #fff;border-radius:var(--lp-r-xl);box-shadow:var(--lp-shadow-md);height:100%;width:100%}.lp-story__sticker{align-items:center;background:var(--lp-primary);border-radius:16px;bottom:-16px;box-shadow:var(--lp-shadow-blue);color:#fff;display:flex;height:56px;justify-content:center;position:absolute;right:-16px;width:56px}.lp-story__content .lp-eyebrow{margin-bottom:12px}.lp-story__text{color:var(--lp-text-2);font-size:16.5px;line-height:1.75;margin:14px 0 24px}.lp-story__author-name{color:var(--lp-text);font-size:15px;font-weight:700}.lp-story__author-role{color:var(--lp-text-3);font-size:13.5px;margin-top:2px}.lp-section--testimonials{background:radial-gradient(circle at 8% 22%,rgba(7,155,152,.075),#0000 22%),radial-gradient(circle at 92% 78%,rgba(11,113,128,.055),#0000 24%),linear-gradient(180deg,#f8fcfc,#eff8f7);isolation:isolate;overflow:hidden}.lp-section--testimonials:before{background:rgba(7,155,152,.055);border-radius:42% 58% 63% 37%/52% 40% 60% 48%;content:"";height:340px;left:-230px;pointer-events:none;position:absolute;top:120px;width:340px;z-index:-1}.lp-section--testimonials:after{background-image:radial-gradient(#079b98b3 1.1px,#0000 0);background-size:11px 11px;content:"";height:120px;-webkit-mask-image:linear-gradient(135deg,#0000,#000 48%,#0000);mask-image:linear-gradient(135deg,#0000,#000 48%,#0000);opacity:.2;pointer-events:none;position:absolute;right:4%;top:76px;width:150px;z-index:-1}.lp-section--testimonials .lp-section__head{margin-bottom:64px;max-width:900px}.lp-section--testimonials .lp-eyebrow{align-items:center;background:var(--lp-primary-50);border:1px solid #079b9826;border-radius:999px;display:inline-flex;justify-content:center;margin-bottom:26px;padding:7px 15px}.lp-section--testimonials .lp-h2{font-size:clamp(3rem,4vw,3.5rem);line-height:1.08}.lp .lp-section--testimonials .lp-h2{color:var(--lp-text);margin:0 auto 22px}.lp-section--testimonials .lp-h2 span{color:var(--lp-primary)}.lp-testimonials__lede{color:var(--lp-text-2);font-size:20px;line-height:1.7;max-width:780px}.lp .lp-testimonials__lede{margin:0 auto}.lp-testimonial{background:#fff;border:1px solid #c5d6dadb;border-radius:28px;box-shadow:0 2px 4px rgba(6,25,54,.025),0 22px 58px rgba(6,25,54,.095);margin:0 auto;max-width:980px;padding:72px 92px 42px;position:relative;text-align:center}.lp-testimonial__quote-icon{align-items:center;background:linear-gradient(145deg,#0baaa6,var(--lp-primary-600));border-radius:17px;box-shadow:var(--lp-shadow-blue);color:#fff;display:flex;height:56px;justify-content:center;left:50%;position:absolute;top:-26px;transform:translateX(-50%);width:56px}.lp-testimonial__quote{color:var(--lp-text);font-size:20px;font-weight:500;line-height:1.78;max-width:820px}.lp .lp-testimonial__quote{margin:8px auto 32px}.lp-testimonial__person{align-items:center;display:inline-flex;gap:13px;text-align:left}.lp-testimonial__avatar{align-items:center;background:linear-gradient(135deg,var(--lp-primary),var(--lp-primary-700));border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:48px;justify-content:center;width:48px}.lp-testimonial__name{color:var(--lp-text);font-size:15.5px;font-weight:700}.lp-testimonial__role{color:var(--lp-text-3);font-size:13.5px}.lp-testimonial__controls{display:flex;gap:18px;margin-top:32px}.lp-icon-btn,.lp-testimonial__controls{align-items:center;justify-content:center}.lp-icon-btn{background:#fff;border:1px solid var(--lp-border);border-radius:50%;box-shadow:0 6px 18px #06193614;color:var(--lp-text);cursor:pointer;display:inline-flex;font-size:26px;height:44px;line-height:1;transition:background .2s var(--lp-ease),border-color .2s var(--lp-ease),color .2s var(--lp-ease),transform .2s var(--lp-ease),box-shadow .2s var(--lp-ease);width:44px}.lp-icon-btn:hover{background:var(--lp-primary-50);border-color:var(--lp-primary-100);box-shadow:0 9px 22px #079b9821;color:var(--lp-primary-700);transform:translateY(-1px)}.lp-icon-btn--next,.lp-icon-btn--prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.lp-icon-btn--prev{left:-22px}.lp-icon-btn--next{right:-22px}.lp-icon-btn--next:hover,.lp-icon-btn--prev:hover{transform:translateY(calc(-50% - 1px))}.lp-testimonial__dots{display:flex;gap:8px}.lp-dot{background:#c8dddd;border:none;border-radius:50%;cursor:pointer;height:9px;padding:0;transition:background .2s var(--lp-ease),transform .2s var(--lp-ease);width:9px}.lp-dot.is-active{background:var(--lp-primary);transform:scale(1.25)}.lp-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:54px;max-width:980px}.lp-stat{align-items:center;background:#fff;border:1px solid #c5d6dadb;border-radius:20px;box-shadow:0 10px 28px #0619360f;display:flex;gap:18px;min-height:132px;padding:26px 28px;text-align:left}.lp-stat__icon{align-items:center;background:var(--lp-primary-50);border:1px solid #079b981f;border-radius:50%;color:var(--lp-primary);display:inline-flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.lp-stat__icon svg{height:21px;width:21px}.lp-stat__content{min-width:0}.lp-stat__value{color:var(--lp-primary);font-size:32px;font-weight:800;letter-spacing:0;line-height:1;margin-bottom:8px}.lp-stat__label{color:var(--lp-text-2);font-size:13.5px;line-height:1.5}.lp-container--pricing{max-width:1500px}.lp-container--pricing .lp-section__head{margin-bottom:60px;max-width:1200px}.lp-container--pricing .lp-h2{text-wrap:balance;font-size:clamp(3rem,4vw,3.5rem);line-height:1.08;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1180px}.lp-container--pricing .lp-lede{text-wrap:balance;font-size:21px;line-height:1.65;margin-left:auto;margin-right:auto;max-width:780px;text-align:center}.lp-section--pricing .lp-eyebrow{align-items:center;background:var(--lp-primary-50);border:1px solid #079b9826;border-radius:999px;display:inline-flex;justify-content:center;margin-bottom:27px;padding:7px 14px}.lp-pricing-grid-new{grid-gap:26px;align-items:stretch;display:grid;gap:26px;grid-template-columns:repeat(4,minmax(0,1fr))}.lp-pricing-card{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-xl);box-shadow:0 1px 2px #0f172a0a,0 8px 20px rgba(15,23,42,.045);display:flex;flex-direction:column;min-height:540px;padding:42px 32px 32px;position:relative;transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease),border-color .3s var(--lp-ease)}.lp-pricing-card:hover{border-color:var(--lp-primary-100);box-shadow:var(--lp-shadow-md);transform:translateY(-4px)}.lp-pricing-card--featured{background:linear-gradient(180deg,#fff,#f3fbfa);border-color:var(--lp-primary);box-shadow:0 0 0 1px #079b988c,0 22px 58px #079b982e;transform:translateY(-8px)}.lp-pricing-card--featured:hover{box-shadow:0 0 0 1px #079b98a6,0 26px 64px #079b9838;transform:translateY(-12px)}.lp-pricing-card__badge{background:var(--lp-primary);border-radius:999px;box-shadow:var(--lp-shadow-blue);color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:0;padding:5px 14px;position:absolute;text-transform:uppercase;top:-13px;transform:translateX(-50%);white-space:nowrap}.lp-pricing-card__header{margin-bottom:10px;min-height:108px}.lp-pricing-card__name{color:var(--lp-text);font-size:20px;font-weight:700;letter-spacing:0;margin:0 0 14px}.lp-pricing-card__price{align-items:baseline;color:var(--lp-primary);display:flex;font-size:1.8rem;font-weight:800;gap:2px;line-height:1.15;margin:8px 0 0;min-height:2.2em}.lp-pricing-card__currency{font-size:20px;font-weight:700}.lp-pricing-card__period{color:var(--lp-text-3);font-size:13px;font-weight:500;margin-left:2px}.lp-pricing-card__description{color:var(--lp-text-2);font-size:14.5px;line-height:1.6;margin:14px 0 32px;min-height:48px}.lp-pricing-card__features{display:flex;flex-direction:column;flex-grow:1;gap:15px;list-style:none;margin:0 0 38px;padding:0}.lp-pricing-card__features li{align-items:flex-start;color:var(--lp-text-2);display:flex;font-size:14.5px;gap:12px;line-height:1.45}.lp-check{align-items:center;background:var(--lp-green-50);border-radius:50%;color:var(--lp-green-500);display:inline-flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;width:22px}.lp-pricing-card .lp-btn{margin-top:auto;min-height:52px}.lp-pricing-trust{align-items:center;color:var(--lp-text-2);display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;margin-top:56px}.lp-pricing-trust svg{color:var(--lp-primary);flex-shrink:0;height:26px;width:26px}.lp-check svg{stroke-width:2.5;height:12px;width:12px}.lp-section--cta{background:linear-gradient(180deg,#fff,#f3f9f9)}.lp-cta{background:linear-gradient(145deg,#fff,#fbfefe);border:1px solid #079b9829;border-radius:32px;box-shadow:0 2px 4px rgba(6,25,54,.025),0 24px 64px #06193617;margin:0 auto;max-width:1040px;overflow:hidden;padding:80px 64px 54px;position:relative;text-align:center}.lp-cta:before{background:rgba(7,155,152,.075);border-radius:43% 57% 66% 34%/48% 38% 62% 52%;height:260px;left:-150px;top:-145px;width:260px}.lp-cta:after,.lp-cta:before{content:"";pointer-events:none;position:absolute}.lp-cta:after{background-image:radial-gradient(#079b98b3 1.1px,#0000 0);background-size:11px 11px;bottom:18px;height:112px;-webkit-mask-image:linear-gradient(135deg,#0000,#000 45%,#0000);mask-image:linear-gradient(135deg,#0000,#000 45%,#0000);opacity:.2;right:24px;width:138px}.lp-cta__actions,.lp-cta__benefits,.lp-cta__eyebrow,.lp-cta__text,.lp-cta__title{position:relative;z-index:1}.lp-cta__eyebrow{align-items:center;background:var(--lp-primary-50);border:1px solid #079b9826;border-radius:999px;color:var(--lp-primary-600);display:inline-flex;font-size:11.5px;font-weight:750;justify-content:center;letter-spacing:.12em;line-height:1.2;margin-bottom:26px;padding:7px 14px;text-transform:uppercase}.lp-cta__title{text-wrap:balance;font-size:2.35rem;font-weight:800;letter-spacing:-.035em;line-height:1.16}.lp .lp-cta__title{color:var(--lp-text);margin:0 auto 24px;max-width:760px}.lp-cta__title span{color:var(--lp-primary)}.lp-cta__text{color:var(--lp-text-2);font-size:16px;line-height:1.75}.lp .lp-cta__text{margin:0 auto;max-width:720px}.lp-cta__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}.lp .lp-cta__text a{color:var(--lp-primary-600);font-weight:700}.lp .lp-cta .lp-btn--ghost{background:#fff;border-color:var(--lp-border-strong);color:var(--lp-text)}.lp .lp-cta .lp-btn--ghost:hover{background:var(--lp-bg-alt);border-color:#079b9859;color:var(--lp-text)}.lp-cta__benefits{align-items:center;border-top:1px solid var(--lp-border);color:var(--lp-text-2);display:flex;justify-content:center;margin-top:38px;padding-top:26px}.lp-cta__benefits span{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:8px;line-height:1.3;padding:0 24px}.lp-cta__benefits span+span{border-left:1px solid var(--lp-border-strong)}.lp-cta__benefits svg{color:var(--lp-primary);flex-shrink:0;height:17px;width:17px}.lp-footer{background:linear-gradient(135deg,#021126,#052441);border-top:1px solid #ffffff1a;padding:40px 0;position:relative;z-index:1}.lp-footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.lp-footer__brand{align-items:center;color:var(--lp-text);display:inline-flex;font-size:15px;font-weight:600;gap:10px}.lp-footer__brand strong{color:var(--lp-primary)}.lp-footer__brand .lp-nav__logo-img{height:auto;width:156px}.lp-footer__meta p{color:#ffffffa3;font-size:13px;line-height:1.5}.lp-footer__links{display:flex;gap:22px}.lp .lp-footer__links a{color:#ffffffc2;font-size:13.5px;font-weight:500}.lp .lp-footer__links a:hover{color:var(--lp-primary);text-decoration:none}@media (min-width:1025px) and (max-width:1240px){.lp-hero__inner{gap:40px}.hero-mockup{max-width:540px}}@media (max-width:1024px){.lp.lp--with-migration-banner{--lp-migration-banner-height:52px}.lp-migration-banner__copy{flex-wrap:wrap;gap:1px 8px}.lp-hero{padding:calc(116px + var(--lp-migration-banner-height)) 0 74px}.lp-hero__inner{gap:56px;grid-template-columns:1fr;justify-items:center;text-align:center}.lp-hero__left{margin:0 auto;max-width:680px}.lp-hero__title{font-size:3rem}.lp-h2{font-size:2.25rem}.lp-section--testimonials .lp-h2{font-size:2.75rem}.lp-testimonials__lede{font-size:19px}.lp-section--testimonials .lp-testimonial{padding:66px 74px 40px}.lp-icon-btn--prev{left:14px}.lp-icon-btn--next{right:14px}.lp-hero__subtitle{margin-left:auto;margin-right:auto}.lp-hero__actions,.lp-hero__benefits,.lp-hero__educator{justify-content:center}.hero-mockup{margin:0 auto;max-width:560px}.lp-section{padding:80px 0}.lp-section--pricing{padding-top:68px}.lp-container--pricing .lp-section__head{margin-bottom:52px}.lp-container--pricing .lp-h2{font-size:2.75rem}.lp-container--pricing .lp-lede{font-size:19px}.lp-section__head{margin-bottom:50px}.lp-section--platform .lp-section__head{margin-bottom:58px}.lp-section--platform .lp-h2{font-size:2.75rem}.lp-section--platform .lp-lede{font-size:18.5px}.lp-section--workflow .lp-section__head{margin-bottom:58px}.lp-section--workflow .lp-h2{font-size:2.75rem}.lp-section--workflow .lp-lede{font-size:18.5px}.lp-nav__inner{padding:14px 24px}.lp-feature-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.lp-feature{min-height:300px;padding:34px 24px 36px}.lp-steps{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.lp-steps:before{display:none}.lp-step{min-height:260px;padding:32px 28px 30px}.lp-step:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}.lp-story{gap:36px;grid-template-columns:1fr;text-align:center}.lp-story__media{margin:0 auto;max-width:280px}.lp-pricing-grid{grid-template-columns:1fr}.lp-pricing-grid-new{grid-template-columns:repeat(2,1fr)}.lp-pricing-card--featured{grid-column:auto;transform:none}.lp-pricing-card--featured:hover{transform:translateY(-4px)}.lp-plan__plans{grid-template-columns:repeat(2,1fr)}}@media (min-width:901px) and (max-width:1024px){.lp-hero{padding:calc(126px + var(--lp-migration-banner-height)) 0 78px}.lp-hero__inner{gap:34px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);justify-items:stretch;text-align:left}.lp-hero__left{margin:0;max-width:none}.lp-hero__title{font-size:2.7rem}.lp .lp-hero__title{margin-bottom:28px}.lp-hero__actions,.lp-hero__benefits,.lp-hero__educator{justify-content:flex-start}.lp-hero__benefits span{font-size:11.5px;padding:0 10px}.hero-mockup{max-width:470px}}@media (max-width:768px){.lp.lp--with-migration-banner{--lp-migration-banner-height:76px}.lp-migration-banner__inner{gap:10px;grid-template-columns:minmax(0,1fr) 30px;padding:7px 16px}.lp-migration-banner__copy{align-items:center;flex-direction:column;font-size:12px;gap:1px;line-height:1.3;text-align:left}.lp-migration-banner__copy strong{font-size:12.5px;width:100%}.lp-section{padding:72px 0}.lp-section--pricing{padding-top:58px}.lp-container--pricing .lp-section__head{margin-bottom:48px}.lp-container--pricing .lp-h2{font-size:2.35rem;line-height:1.12;margin-bottom:20px}.lp-container--pricing .lp-lede{font-size:18px;max-width:640px}.lp-section--pricing .lp-eyebrow{margin-bottom:23px}.lp-nav__links{align-items:stretch;background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-lg);box-shadow:var(--lp-shadow-md);display:none;flex-direction:column;gap:4px;left:16px;max-height:calc(100vh - 92px);overflow-y:auto;padding:14px;position:fixed;right:16px;top:calc(70px + var(--lp-migration-banner-height));z-index:150}.lp-nav__links.is-open{display:flex}.lp .lp-nav__links .lp-nav__link{color:var(--lp-text-2)}.lp .lp-nav__links .lp-nav__link:hover{background:var(--lp-bg-alt);color:var(--lp-text)}.lp-nav__logo-img{height:42px;width:154px}.lp-nav__link{font-size:15px;padding:12px 14px}.lp-nav__cta{margin:6px 0 0;width:100%}.lp-nav__login{color:var(--lp-text-2);margin:2px 0 0;padding:12px 14px;text-align:left;width:100%}.lp-nav__login:hover{background:var(--lp-bg-alt);color:var(--lp-text)}.lp-nav__menu-btn{display:inline-flex}.lp-hero{padding:calc(102px + var(--lp-migration-banner-height)) 0 62px}.lp-hero:before{height:300px;right:-190px;top:160px;width:300px}.lp-hero:after{display:none}.lp .lp-hero__title{margin-bottom:26px}.lp-hero__title{font-size:2.35rem}.lp .lp-hero__secondary{margin-bottom:20px}.lp .lp-hero__subtitle{margin-bottom:34px}.lp .lp-hero__educator{margin-top:22px}.lp-hero__benefits{flex-wrap:wrap;margin-top:20px;padding-top:18px}.lp-hero__benefits span{padding:0 12px}.lp-h2{font-size:2rem}.lp-section--testimonials .lp-section__head{margin-bottom:56px}.lp-section--testimonials .lp-h2{font-size:2.35rem}.lp-testimonials__lede{font-size:18px;max-width:640px}.lp-section--testimonials .lp-testimonial{padding:60px 58px 36px}.lp-section--testimonials .lp-testimonial__quote{font-size:18px}.lp-section--testimonials .lp-stat{min-height:118px}.lp-section--workflow:after{display:none}.lp-section--workflow .lp-section__head{margin-bottom:50px}.lp-section--workflow .lp-h2{font-size:2.35rem}.lp-section--workflow .lp-lede{font-size:18px;max-width:640px}.lp-section--platform:after{display:none}.lp-section--platform .lp-section__head{margin-bottom:50px}.lp-section--platform .lp-h2{font-size:2.35rem}.lp-section--platform .lp-lede{font-size:18px;max-width:640px}.floating-card{display:none}.mockup-window{transform:none}.lp-feature-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.lp-feature-grid:before{display:none}.lp-feature{min-height:290px;padding:34px 28px 36px}.lp-feature:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}.lp-steps{gap:18px;grid-template-columns:1fr}.lp-steps:before{background:linear-gradient(180deg,#079b981f,#079b986b,#079b981f);bottom:51px;display:block;height:auto;left:59px;right:auto;top:51px;width:2px}.lp-step{grid-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:auto;padding:28px;text-align:left}.lp-step:last-child{grid-column:auto;width:100%}.lp-step__marker{grid-row:1/span 2;margin:0}.lp-step__icon,.lp-step__marker{height:62px;width:62px}.lp-step__title{justify-content:flex-start;margin:2px 0 9px;min-height:0}.lp-step__text{font-size:15.5px}.lp-pricing-grid-new,.lp-stats{grid-template-columns:1fr}.lp-pricing-card{min-height:auto;padding:36px 28px 28px}.lp-pricing-card--featured{grid-column:auto}.lp-pricing-card__description,.lp-pricing-card__header,.lp-pricing-card__price{min-height:auto}.lp-pricing-trust{align-items:flex-start;margin-top:40px;text-align:left}.lp-testimonial{padding:44px 24px 30px}.lp-testimonial__quote{font-size:17px}.lp-card{padding:24px}.lp-plan__plans{grid-template-columns:repeat(2,1fr)}.lp-cta{border-radius:26px;padding:52px 28px 38px}.lp-cta__title{font-size:1.75rem}.lp-cta:after{display:none}.lp-cta__benefits{margin-top:32px;padding-top:22px}.lp-cta__benefits span{font-size:12.5px;padding:0 14px}.lp-footer__inner{align-items:center;flex-direction:column;text-align:center}}@media (max-width:560px){.lp-container,.lp-hero__inner,.lp-nav__inner{padding-left:18px;padding-right:18px}.lp-hero__title{font-size:2.15rem}.lp-hero__secondary{font-size:1.15rem}.lp-h2{font-size:1.85rem}.lp-section--testimonials:after{display:none}.lp-section--testimonials .lp-section__head{margin-bottom:50px}.lp-section--testimonials .lp-h2{font-size:2.05rem}.lp-testimonials__lede{font-size:17px}.lp-section--testimonials .lp-testimonial{border-radius:22px;padding:54px 28px 32px}.lp-section--testimonials .lp-testimonial__quote{font-size:17.5px;line-height:1.72}.lp-icon-btn--next,.lp-icon-btn--prev{position:static;transform:none}.lp-icon-btn--next:hover,.lp-icon-btn--prev:hover{transform:translateY(-1px)}.lp-section--testimonials .lp-stat{padding:24px}.lp-container--pricing .lp-h2{font-size:2.05rem}.lp-container--pricing .lp-lede{font-size:17px}.lp-container--pricing .lp-section__head,.lp-section--platform .lp-section__head{margin-bottom:44px}.lp-section--platform .lp-eyebrow{margin-bottom:20px}.lp-section--platform .lp-h2{font-size:2.05rem}.lp-section--platform .lp-lede{font-size:17px}.lp-feature-grid{gap:18px;grid-template-columns:1fr}.lp-feature-grid:before{background:linear-gradient(180deg,#079b981f,#079b986b,#079b981f);bottom:48px;display:block;height:auto;left:48px;right:auto;top:48px;width:2px}.lp-feature{grid-column-gap:18px;align-items:start;column-gap:18px;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:auto;padding:24px 20px;text-align:left}.lp-feature:last-child{grid-column:auto;width:100%}.lp-feature__icon{grid-row:1/span 2;height:56px;margin:0;width:56px}.lp-feature__icon svg{height:25px;width:25px}.lp-feature__title{font-size:21px;grid-column:2;margin:1px 0 8px}.lp-feature__text{font-size:14.5px;grid-column:2;line-height:1.66;max-width:none}.lp-section__head{margin-bottom:42px}.lp-section--workflow .lp-section__head{margin-bottom:44px}.lp-section--workflow .lp-eyebrow{margin-bottom:20px}.lp-section--workflow .lp-h2{font-size:2.05rem}.lp-section--workflow .lp-lede{font-size:17px}.lp-step{column-gap:18px;grid-template-columns:56px minmax(0,1fr);min-height:auto;padding:24px 20px}.lp-steps:before{bottom:47px;left:47px;top:47px}.lp-step__icon,.lp-step__marker{height:56px;width:56px}.lp-step__icon{border-radius:17px}.lp-step__title{font-size:17px}.lp-step__text{font-size:14.5px}.mockup-window__body{padding:16px}.mockup-row{align-items:flex-start;flex-direction:column}.mockup-score{align-self:center;height:58px;width:58px}}@media (max-width:480px){.lp.lp--with-migration-banner{--lp-migration-banner-height:88px}.lp-migration-banner__inner{padding-left:12px;padding-right:12px}.lp-hero__actions{align-items:stretch;flex-direction:column}.lp-hero__actions .lp-btn{width:100%}.lp-cta{border-radius:22px;padding:44px 20px 32px}.lp-cta__actions{align-items:stretch;flex-direction:column}.lp-cta__actions .lp-btn{width:100%}.lp-cta__benefits{align-items:flex-start;flex-direction:column;gap:13px;margin-left:auto;margin-right:auto;max-width:210px}.lp-cta__benefits span{padding:0;width:100%}.lp-cta__benefits span+span{border-left:0}.lp-hero__benefits{align-items:flex-start;flex-direction:column;gap:12px;margin-left:auto;margin-right:auto;max-width:250px}.lp-hero__benefits span,.lp-hero__benefits span:first-child{justify-content:flex-start;padding:0;width:100%}.lp-hero__benefits span+span{border-left:0}.lp-hero__trust{flex-direction:column;gap:10px}.lp-plan__plans{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lp *,.lp :after,.lp :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.lp section{scroll-margin-top:88px}.lp button,.lp input{font-family:inherit}.onboarding-page{align-items:center;background:linear-gradient(135deg,#f5f8fc,#eaf3fa);display:flex;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.onboarding-inner{align-items:center;display:flex;flex-direction:column;gap:32px;max-width:900px;width:100%}.onboarding-header{text-align:center}.onboarding-logo-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.onboarding-logo-image{height:48px;object-fit:contain;width:48px}.onboarding-brand-text{color:#1a5889;font-size:22px;font-weight:700;letter-spacing:-.3px}.onboarding-title{color:#1a5889;font-size:30px;font-weight:700;line-height:1.2;margin:0 0 8px}.onboarding-subtitle{color:#5a7a8f;font-size:16px;margin:0}.onboarding-error-banner,.onboarding-success-banner{border-radius:10px;font-size:14px;font-weight:500;max-width:860px;padding:14px 20px;text-align:center;width:100%}.onboarding-error-banner{background:#fff0f0;border:1px solid #fcc;color:#b52b27}.onboarding-success-banner{background:#f0fff4;border:1px solid #b0ebc8;color:#1a7a3f}.onboarding-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:860px;width:100%}@media (max-width:640px){.onboarding-cards{grid-template-columns:1fr}.onboarding-title{font-size:24px}}.onboarding-card{align-items:flex-start;background:#fff;border:2px solid #e3edf5;border-radius:16px;box-shadow:0 4px 20px #2980b91a;display:flex;flex-direction:column;gap:16px;padding:32px 28px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.onboarding-card:hover{border-color:#2980b9;box-shadow:0 8px 30px #2980b92e;transform:translateY(-2px)}.onboarding-card-icon{font-size:40px;line-height:1}.onboarding-card-title{color:#1a5889;font-size:22px;font-weight:700;margin:0}.onboarding-card-subtitle{color:#5a7a8f;font-size:14px;line-height:1.6;margin:0}.onboarding-features{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;width:100%}.onboarding-features li{align-items:center;color:#3a5568;display:flex;font-size:13px;gap:8px;line-height:1.4}.onboarding-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.1px;margin-top:4px;padding:14px 20px;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;width:100%}.onboarding-btn:disabled{cursor:not-allowed;opacity:.65}.onboarding-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.onboarding-btn:active:not(:disabled){transform:translateY(0)}.teacher-btn{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 14px #2980b959;color:#fff}.teacher-btn:hover:not(:disabled){box-shadow:0 6px 18px #2980b973}.student-btn{background:#fff;border:2px solid #2980b9!important;color:#2980b9}.student-btn:hover:not(:disabled){background:#eaf3fa}.onboarding-spinner{animation:onboarding-spin .7s linear infinite;border:2.5px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:18px;width:18px}.student-btn .onboarding-spinner{border:2.5px solid #2980b940;border-top-color:#2980b9}@keyframes onboarding-spin{to{transform:rotate(1turn)}}.onboarding-reassurance{color:#8a9aaa;font-size:13px;margin:0;padding-bottom:8px;text-align:center}.login-page{background:#f5f7fb;font-family:Poppins,Segoe UI,Arial,sans-serif;min-height:100vh;overflow:hidden}.login-inner,.login-page{align-items:center;display:flex;justify-content:center;position:relative}.login-inner{gap:80px;margin:0 auto;max-width:1160px;padding:40px 48px;width:100%;z-index:1}.login-page .blob-top{background:linear-gradient(135deg,#1a73e82e,#4285f414);height:520px;right:-80px;top:-120px;width:520px}.login-page .blob-bottom,.login-page .blob-top{border-radius:50%;pointer-events:none;position:fixed;z-index:0}.login-page .blob-bottom{background:linear-gradient(135deg,#1a73e81f,#4285f40d);bottom:-160px;height:400px;right:120px;width:400px}.login-page .blob-mid{background:radial-gradient(circle,#1a73e812 0,#0000 70%);border-radius:50%;height:200px;pointer-events:none;position:fixed;right:30%;top:40%;width:200px;z-index:0}.login-left{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:520px}.login-logo-row{align-items:center;display:flex;gap:12px;margin-bottom:28px}.login-logo-image{display:block;height:60px;width:auto}.login-brand-text{color:#1558b0;font-size:32px;font-weight:700;letter-spacing:-.5px}.login-badge{color:#1a73e8;display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.login-headline{color:#202124;font-size:42px;font-weight:800;line-height:1.15;margin:0 0 8px}.login-headline .highlight{color:#1a73e8}.login-tagline{color:#5f6368;font-size:15px;font-style:italic;font-weight:500;margin:0 0 20px}.login-description{color:#5f6368;font-size:15px;line-height:1.7;margin:0 0 36px;max-width:460px}.login-features{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.login-feature{align-items:flex-start;display:flex;gap:14px}.login-feature-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;min-width:44px;width:44px}.login-feature-icon.blue{background:#1a73e81a;color:#1a73e8}.login-feature-icon.indigo{background:#3f51b51a;color:#3f51b5}.login-feature-icon.teal{background:#0096881a;color:#009688}.login-feature h4{color:#202124;font-size:15px;font-weight:600;margin:0 0 2px}.login-feature p{color:#5f6368;font-size:13px;margin:0}.login-footer{color:#9aa0a6;font-size:13px}.login-right{flex:0 0 auto;width:420px}.login-card{animation:loginFadeIn .8s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 32px #00000014,0 0 0 1px #00000008;max-width:420px;padding:44px 40px;width:100%}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card-title{color:#202124;font-size:28px;font-weight:700;margin:0 0 6px}.login-card-subtitle{color:#5f6368;font-size:14px;margin:0 0 28px}.login-field-label{color:#202124;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.login-input-wrapper{margin-bottom:18px;position:relative}.login-input-icon{align-items:center;color:#9aa0a6;display:flex;height:20px;justify-content:center;left:14px;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.login-input-icon svg{flex-shrink:0;height:16px;width:16px}.login-input{background:#fff;border:1.5px solid #dadce0;border-radius:10px;box-sizing:border-box;color:#202124;font-family:inherit;font-size:15px;outline:none;padding:13px 14px 13px 44px!important;text-indent:0;transition:border-color .2s,box-shadow .2s;width:100%}.login-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.login-input::placeholder{color:#9aa0a6}.login-options-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:20px}.login-remember{align-items:center;color:#5f6368;cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none}.login-remember input[type=checkbox]{accent-color:#1a73e8;cursor:pointer;height:16px;width:16px}.login-forgot{background:none;border:none;color:#1a73e8;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0;transition:color .2s}.login-forgot:hover{color:#1557b0;text-decoration:underline}.login-btn-primary{background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:10px;box-shadow:0 4px 12px #1a73e84d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.3px;padding:14px 20px;transition:background .25s,box-shadow .25s,transform .15s;width:100%}.login-btn-primary:hover{background:linear-gradient(135deg,#1557b0,#0d47a1);box-shadow:0 6px 20px #1a73e866;transform:translateY(-1px)}.login-btn-primary:active{transform:translateY(0)}.login-divider{align-items:center;display:flex;margin:22px 0}.login-divider-line{background:#dadce0;flex:1 1;height:1px}.login-divider-text{color:#9aa0a6;font-size:13px;font-weight:500;margin:0 14px}.login-btn-google{align-items:center;background:#fff;border:1.5px solid #dadce0;border-radius:10px;color:#3c4043;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;width:100%}.login-btn-google:hover{background:#f8f9fa;border-color:#1a73e8;box-shadow:0 4px 14px #1a73e826;transform:translateY(-1px)}.login-btn-google img{height:20px;width:20px}.login-signup-text{color:#5f6368;font-size:14px;margin-top:22px;text-align:center}.login-signup-link{color:#1a73e8;cursor:pointer;font-weight:600;transition:color .2s}.login-signup-link:hover{color:#1557b0;text-decoration:underline}.login-reset-section{background:#1a73e80a;border:1px solid #dadce0;border-radius:10px;margin-top:16px;padding:16px}.login-reset-section .login-input{padding-left:14px}.login-reset-btn{background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:8px;box-shadow:0 2px 8px #1a73e840;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:10px;padding:10px 16px;transition:background .25s,box-shadow .25s;width:100%}.login-reset-btn:hover{background:linear-gradient(135deg,#1557b0,#0d47a1)}.login-reset-msg{border-radius:6px;font-size:14px;margin-top:10px;padding:10px;text-align:center}.login-reset-msg.success{background:#1a73e814;border:1px solid #1a73e833;color:#1a73e8}.login-reset-msg.error{background:#dc354514;border:1px solid #dc354533;color:#dc3545}@media (max-width:1024px){.login-inner{gap:50px;padding:32px}.login-headline{font-size:34px}.login-card{padding:36px 32px}}@media (max-width:860px){.login-page{align-items:flex-start}.login-inner{flex-direction:column;gap:32px;padding:36px 28px 40px}.login-left{align-items:center;max-width:100%;text-align:center}.login-logo-row{justify-content:center;margin-bottom:28px}.login-description{margin-left:auto;margin-right:auto}.login-features{align-items:center;margin-bottom:28px}.login-feature{max-width:340px}.login-right{max-width:480px;width:100%}.login-card{max-width:100%}.login-footer{text-align:center}.blob-bottom,.blob-mid,.blob-top{display:none!important}}@media (max-width:520px){.login-inner{gap:24px;padding:24px 16px 32px}.login-headline{font-size:28px}.login-description{font-size:14px}.login-features{gap:14px}.login-right{width:100%}.login-card{padding:28px 22px}.login-card-title{font-size:24px}.login-options-row{align-items:flex-start;flex-direction:column;gap:8px}}.studyden-login,.studyden-login *{box-sizing:border-box}.studyden-login{--sd-navy:#041b3c;--sd-navy-deep:#03152f;--sd-ink:#061936;--sd-copy:#5b6982;--sd-muted:#8793a8;--sd-border:#d8dee8;--sd-teal:#079b98;--sd-teal-dark:#057d7b;background:#fff;color:var(--sd-ink);display:grid;font-family:Poppins,Segoe UI,Arial,sans-serif;grid-template-rows:minmax(590px,1fr) auto auto;min-height:100vh}.sd-auth-layout{display:grid;grid-template-columns:minmax(410px,46%) 1fr;min-width:0}.sd-brand-panel{align-items:center;background:radial-gradient(circle at 55% 61%,#0c959726,#0000 33%),linear-gradient(145deg,var(--sd-navy-deep) 0,var(--sd-navy) 54%,#062850 100%);color:#fff;display:flex;overflow:hidden;position:relative}.sd-brand-panel:after,.sd-brand-panel:before{content:"";pointer-events:none;position:absolute}.sd-brand-panel:before{border:1px solid #1ad0c91f;border-radius:50%;bottom:3%;height:380px;left:-240px;width:380px}.sd-brand-panel:after{border:1px solid #ffffff14;border-radius:50%;height:250px;right:-155px;top:4%;width:250px}.sd-brand-glow{background:#04b2ac14;border-radius:50%;bottom:17%;filter:blur(54px);height:260px;pointer-events:none;position:absolute;right:4%;width:260px}.sd-brand-content{margin:0 auto;padding:clamp(38px,5vh,68px) clamp(38px,5vw,72px);position:relative;width:min(100%,560px);z-index:1}.sd-brand-logo-wrap{margin-bottom:8px;width:min(360px,100%)}.sd-brand-logo{display:block;height:auto;object-fit:contain;width:100%}.sd-brand-positioning{color:#8be1dee0;font-size:10.5px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin:0 0 clamp(24px,3vh,34px);padding-left:22px;text-transform:uppercase}.sd-brand-copy h1 span{color:#17c6c1}.sd-brand-copy h1{color:#fff;font-size:clamp(27px,2.35vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:0 0 15px}.sd-brand-copy>p{color:#eef6ffc7;font-size:clamp(13px,1vw,15px);line-height:1.67;margin:0;max-width:440px}.sd-features{grid-gap:13px;display:grid;gap:13px;margin-top:clamp(28px,4vh,42px)}.sd-feature{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:42px 1fr}.sd-feature-icon{align-items:center;background:linear-gradient(145deg,#10bebb3d,#041f418c);border:1px solid #13c4c057;border-radius:11px;color:#d9ffff;display:inline-flex;height:42px;justify-content:center;width:42px}.sd-feature h2,.sd-feature p,.sd-trust-item h2,.sd-trust-item p{margin:0}.sd-feature h2{color:#20cbc6;font-size:15px;font-weight:650;line-height:1.35}.sd-feature p{color:#eff7ffc2;font-size:12.5px;line-height:1.42}.sd-form-panel{align-items:center;background:radial-gradient(circle at 90% 10%,rgba(17,177,171,.035),#0000 27%),#fff;display:flex;justify-content:center;overflow:hidden;padding:clamp(44px,7vw,92px);position:relative}.sd-form-panel:before{border:1px solid #079b9814;border-radius:50%;bottom:-230px;content:"";height:340px;position:absolute;right:-250px;width:340px}.sd-form-wrap{position:relative;width:min(100%,468px);z-index:1}.sd-mobile-logo{display:none}.sd-form-header{margin-bottom:36px}.sd-eyebrow{color:var(--sd-teal-dark)!important;font-size:12px!important;font-weight:700;letter-spacing:.11em;margin:0 0 9px}.sd-form-header h2{color:var(--sd-ink);font-size:clamp(30px,3vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1.18;margin:0 0 8px}.sd-form-header>p:last-child{color:var(--sd-copy);font-size:16px;line-height:1.5;margin:0}.sd-login-form{grid-gap:21px;display:grid;gap:21px}.sd-field{grid-gap:8px;display:grid;gap:8px}.sd-field label,.sd-password-label-row label{color:var(--sd-ink);font-size:14px;font-weight:600;line-height:1.4}.sd-password-label-row{align-items:center;display:flex;gap:18px;justify-content:space-between}.studyden-login .sd-forgot-button,.studyden-login .sd-signup-copy button{background:#0000;border:0;color:var(--sd-teal-dark);cursor:pointer;font:inherit;font-weight:600;margin:0;padding:0}.studyden-login .sd-forgot-button{font-size:13px}.studyden-login .sd-forgot-button:hover,.studyden-login .sd-signup-copy button:hover{color:#046b69;text-decoration:underline;text-underline-offset:3px}.sd-input-wrap{position:relative}.sd-input-icon{color:#7d8aa2;display:flex;left:17px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sd-input-wrap input{background:#fff;border:1px solid var(--sd-border);border-radius:11px;color:var(--sd-ink);font-family:inherit;font-size:15px;height:56px;line-height:1;margin:0;outline:none;padding:0 17px 0 50px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;width:100%}.sd-input-wrap input::placeholder{color:#9aa5b7}.sd-input-wrap input:hover{border-color:#b8c3d2}.sd-input-wrap input:focus{border-color:var(--sd-teal);box-shadow:0 0 0 4px #079b981f}.studyden-login .sd-google-button,.studyden-login .sd-primary-button,.studyden-login .sd-reset-button{border-radius:11px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:650;min-height:56px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;width:100%}.studyden-login .sd-primary-button{background:linear-gradient(105deg,#079d99,#07928f);border:1px solid #0000;box-shadow:0 9px 24px #07938f2e;color:#fff;margin-top:6px}.studyden-login .sd-primary-button:hover:not(:disabled){background:linear-gradient(105deg,#078f8c,#067d7a);box-shadow:0 11px 27px #077e7b3d;transform:translateY(-1px)}.studyden-login .sd-primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.68;transform:none}.studyden-login .sd-google-button:active:not(:disabled),.studyden-login .sd-primary-button:active:not(:disabled),.studyden-login .sd-reset-button:active:not(:disabled){transform:translateY(0)}.studyden-login .sd-forgot-button:focus-visible,.studyden-login .sd-google-button:focus-visible,.studyden-login .sd-primary-button:focus-visible,.studyden-login .sd-reset-button:focus-visible,.studyden-login .sd-signup-copy button:focus-visible{outline:3px solid #079b9847;outline-offset:3px}.sd-divider{align-items:center;color:#728097;display:flex;font-size:13px;gap:15px;margin:26px 0}.sd-divider:after,.sd-divider:before{background:#dde3eb;content:"";flex:1 1;height:1px}.studyden-login .sd-google-button{align-items:center;background:#fff;border:1px solid #ccd4df;color:var(--sd-ink);display:flex;gap:12px;justify-content:center}.studyden-login .sd-google-button:hover{background:#f8fbfc;border-color:#9fb0c1;box-shadow:0 7px 20px #041b3c12;transform:translateY(-1px)}.studyden-login .sd-google-button img{height:20px;width:20px}.sd-signup-copy{color:var(--sd-copy);font-size:14px;line-height:1.5;margin:27px 0 0;text-align:center}.sd-reset-panel{background:#f4fbfb;border:1px solid #cfe2e3;border-radius:12px;margin-top:18px;padding:17px}.sd-reset-panel>p{color:var(--sd-copy);font-size:13px;line-height:1.45;margin:0 0 12px}.sd-reset-panel form{grid-gap:9px;display:grid;gap:9px;grid-template-columns:minmax(0,1fr) auto}.sd-reset-panel .sd-input-wrap input{background:#fff;height:48px}.studyden-login .sd-reset-button{background:var(--sd-teal-dark);border:1px solid var(--sd-teal-dark);color:#fff;font-size:13px;min-height:48px;padding:0 17px;width:auto}.studyden-login .sd-reset-button:hover{background:#046d6a}.sd-reset-message{border-radius:8px;font-size:13px;line-height:1.45;margin-top:11px;padding:10px 12px}.sd-reset-message.success{background:#e9f8f4;border:1px solid #b9dfd7;color:#166b5c}.sd-reset-message.error{background:#fff1f1;border:1px solid #edc7c7;color:#a62f35}.sd-visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.sd-trust-strip{grid-gap:clamp(28px,6vw,78px);background:linear-gradient(90deg,#f4fbfb,#eaf8f8 50%,#f5fbfb);border-top:1px solid #079b981a;gap:clamp(28px,6vw,78px);grid-template-columns:repeat(3,minmax(0,310px));justify-content:center;min-height:105px;padding:20px clamp(28px,6vw,88px)}.sd-trust-item,.sd-trust-strip{align-items:center;display:grid}.sd-trust-item{grid-gap:14px;gap:14px;grid-template-columns:48px 1fr}.sd-trust-item>span{align-items:center;background:#fff;border:1px solid #079b9821;border-radius:50%;color:var(--sd-teal-dark);display:inline-flex;height:48px;justify-content:center;width:48px}.sd-trust-item h2{color:#067b79;font-size:13px;font-weight:700;line-height:1.4}.sd-trust-item p{color:#53657a;font-size:12px;line-height:1.4;margin-top:2px}.sd-footer{align-items:center;background:#fff;border-top:1px solid #edf0f4;color:#617086;display:flex;font-size:12px;justify-content:center;min-height:50px;padding:12px 24px;text-align:center}@media (max-height:850px) and (min-width:781px){.sd-brand-content{padding-bottom:35px;padding-top:35px}.sd-form-header{margin-bottom:27px}.sd-login-form{gap:17px}.sd-divider{margin:20px 0}.sd-signup-copy{margin-top:20px}}@media (max-width:1050px){.sd-auth-layout{grid-template-columns:minmax(360px,42%) 1fr}.sd-brand-content{padding-left:38px;padding-right:38px}.sd-form-panel{padding-left:54px;padding-right:54px}.sd-trust-strip{gap:28px;padding-left:32px;padding-right:32px}}@media (max-width:780px){.studyden-login{display:flex;flex-direction:column;min-height:100vh}.sd-auth-layout{display:block;flex:1 1}.sd-brand-panel{display:none}.sd-form-panel{align-items:flex-start;min-height:calc(100vh - 48px);padding:24px 24px 48px}.sd-form-wrap{margin:0 auto}.sd-mobile-logo{display:block;height:118px;margin:0 auto 22px;object-fit:cover;object-position:center;width:min(290px,82vw)}.sd-form-header{margin-bottom:28px;text-align:center}.sd-eyebrow{display:none}.sd-form-header h2{font-size:30px}.sd-trust-strip{display:none}.sd-footer{min-height:48px}}@media (max-width:480px){.sd-form-panel{padding:12px 18px 38px}.sd-mobile-logo{height:108px;margin-bottom:10px;width:min(260px,84vw)}.sd-form-header{margin-bottom:24px}.sd-form-header h2{font-size:27px}.sd-form-header>p:last-child{font-size:14px}.studyden-login .sd-google-button,.studyden-login .sd-input-wrap input,.studyden-login .sd-primary-button{min-height:52px}.sd-input-wrap input{height:52px}.sd-reset-panel form{grid-template-columns:1fr}.sd-reset-button{width:100%}.sd-divider{margin:22px 0}.sd-signup-copy{margin-top:22px}}@media (prefers-reduced-motion:reduce){.studyden-login *,.studyden-login :after,.studyden-login :before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.sd-dashboard{--sd-bg:#f3f9f9;--sd-surface:#fff;--sd-surface-soft:#f8fcfc;--sd-border:#dfe9eb;--sd-text:#061936;--sd-body:#40536c;--sd-muted:#718096;--sd-blue:#079b98;--sd-teal:#0b7180;--sd-purple:#6558c7;--sd-orange:#f59e0b;--sd-green:#10b981;--sd-danger:#e44b5f;--sd-shadow:0 10px 28px #0f172a12;background:radial-gradient(circle at 84% 3%,rgba(7,155,152,.085),#0000 27rem),radial-gradient(circle at 30% 34%,rgba(101,88,199,.035),#0000 31rem),linear-gradient(180deg,#fbfefe,#f1f9f8 48%,#f8fcfc);color:var(--sd-body);display:flex;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;min-height:100vh}.sd-dashboard *,.sd-dashboard :after,.sd-dashboard :before{box-sizing:border-box}.sd-dashboard button,.sd-dashboard input{font:inherit}.sd-dashboard button{-webkit-tap-highlight-color:transparent}.sd-sidebar{background:radial-gradient(circle at 8% 90%,#079b9829,#0000 18rem),linear-gradient(180deg,#03152f,#052441);border-right:1px solid #ffffff0f;color:#d9e8f9;display:flex;flex-direction:column;height:100vh;inset:0 auto 0 0;overflow-y:auto;padding:18px 14px 14px;position:fixed;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin;width:252px;z-index:80}.sd-brand{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;min-height:46px;padding:0 8px 10px}.sd-brand-mark{display:block;filter:drop-shadow(0 5px 10px rgba(7,155,152,.28));flex:0 1 154px;height:43px;width:154px}.sd-brand-mark img{display:block;height:100%;max-width:100%;object-fit:contain;object-position:center;width:100%}.sd-sidebar-close{display:none}.sd-sidebar-nav{display:flex;flex-direction:column;gap:3px;margin-top:8px}.sd-bottom-link,.sd-sidebar-nav button{align-items:center;background:#0000;border:0;border-radius:10px;color:#b9cce1;cursor:pointer;display:flex;font-size:13px;gap:12px;min-height:42px;padding:9px 12px;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease;width:100%}.sd-bottom-link:hover:not(:disabled),.sd-sidebar-nav button:hover{background:#079b9824;color:#fff;transform:translateX(2px)}.sd-sidebar-nav button.active{background:linear-gradient(100deg,#0baaa6,#057d7b);box-shadow:0 9px 22px #079b983d;color:#fff}.sd-bottom-link svg,.sd-sidebar-nav button svg{flex:0 0 auto}.sd-sidebar-bottom{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:18px}.sd-bottom-link:disabled{cursor:not-allowed;opacity:.48}.sd-credits-card{background:hsla(0,0%,100%,.075);border:1px solid #ffffff14;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;margin:0 2px 12px;padding:13px}.sd-credits-card>div{align-items:center;color:#b9cce1;display:flex;font-size:12px;gap:8px}.sd-credits-card>div svg{color:#42c8c3}.sd-credits-card>strong{color:#fff;display:block;font-size:20px;margin-top:6px}.sd-credits-card>small{color:#8fa7c2;display:block;font-size:10px}.sd-code-button{background:#079b982b;border:0;border-radius:8px;color:#c7f4f1;display:flex;font-size:10px;gap:6px;justify-content:center;margin-top:9px;padding:7px 8px}.sd-code-button,.sd-profile{align-items:center;cursor:pointer;width:100%}.sd-profile{grid-gap:9px;background:#0000;border:0;border-top:1px solid #ffffff14;color:#d9e8f9;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:8px;padding:10px 8px 2px;text-align:left}.sd-profile>span:nth-child(2){min-width:0}.sd-profile strong{color:#fff;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-profile small{color:#8fa7c2;display:block;font-size:10px;text-transform:capitalize}.sd-avatar{align-items:center;background:linear-gradient(135deg,#eaf4ff,#fff);border-radius:50%;box-shadow:0 3px 10px #0000001a;color:#057d7b;display:inline-flex;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.sd-workspace{flex:1 1;margin-left:252px;min-width:0}.sd-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dfe9ebe6;gap:15px;height:66px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.sd-search-wrap,.sd-topbar{align-items:center;display:flex}.sd-search-wrap{background:#f3f9f9;border:1px solid #dfe9eb;border-radius:10px;color:#5d7390;gap:9px;height:38px;margin:0 auto;padding:0 13px;transition:border .18s ease,box-shadow .18s ease;width:min(440px,45vw)}.sd-search-wrap:focus-within{border-color:#79cbc7;box-shadow:0 0 0 3px #079b9826}.sd-search-wrap input{background:#0000;border:0;color:var(--sd-text);font-size:12px;outline:0;width:100%}.sd-search-wrap input::placeholder{color:#8ca0b7}.sd-top-actions{align-items:center;display:flex;gap:8px}.sd-topbar-button{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:10px;color:#31506f;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background .18s ease,transform .18s ease,border .18s ease;width:38px}.sd-topbar-button:hover:not(:disabled){background:#e8f8f7;border-color:#c4ece9;color:#057d7b;transform:translateY(-1px)}.sd-topbar-button:disabled{cursor:not-allowed;opacity:.55}.sd-menu-button{display:none}.sd-top-profile{align-items:center;color:var(--sd-body);display:flex;font-size:12px;gap:8px;margin-left:3px}.sd-top-profile .sd-avatar{background:linear-gradient(135deg,#079b98,#035f61);box-shadow:none;color:#fff;height:32px;width:32px}.sd-main{margin:0 auto;padding:25px 28px 34px;width:min(1420px,100%)}.sd-welcome-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.sd-eyebrow{color:var(--sd-blue)!important;font-size:10px!important;font-weight:800;letter-spacing:.1em;margin:0 0 4px!important;text-transform:uppercase}.sd-welcome-row h1{color:var(--sd-text);font-size:clamp(23px,2vw,30px);letter-spacing:-.75px;line-height:1.16;margin:0 0 4px}.sd-welcome-row p{color:var(--sd-body);font-size:13px;margin:0}.sd-welcome-row time{align-items:center;color:var(--sd-muted);display:flex;font-size:11px;gap:7px;margin-top:9px;white-space:nowrap}.sd-account-notice,.sd-data-warning{align-items:center;border-radius:10px;display:flex;font-size:12px;gap:9px;margin-bottom:15px;padding:10px 13px}.sd-data-warning{background:#fffbeb;border:1px solid #fde6a9;color:#8a5c08}.sd-account-notice{background:#fff8e8;border:1px solid #f4dfaa;color:#865e0e}.sd-account-expired,.sd-account-suspended{background:#fff1f3;border-color:#f3c8cf;color:#a43749}.sd-loading{align-items:center;color:var(--sd-muted);display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;min-height:320px}.sd-loading span{animation:sd-spin .8s linear infinite;border:3px solid #d8e7f7;border-radius:50%;border-top:3px solid var(--sd-blue);height:32px;width:32px}@keyframes sd-spin{to{transform:rotate(1turn)}}.sd-metric-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:13px}.sd-metric{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:18px;box-shadow:var(--sd-shadow);display:flex;gap:13px;min-height:98px;padding:16px}.sd-icon-tile{align-items:center;border-radius:13px;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;width:44px}.sd-tone-blue .sd-icon-tile{background:#e8f8f7;color:#079b98}.sd-tone-teal .sd-icon-tile{background:#e7f4f5;color:#0b7180}.sd-tone-purple .sd-icon-tile{background:#f0effc;color:#6558c7}.sd-tone-orange .sd-icon-tile{background:#fffbeb;color:#d98708}.sd-tone-green .sd-icon-tile{background:#ecfdf5;color:#0c9c6b}.sd-metric-copy{grid-column-gap:8px;align-items:baseline;column-gap:8px;display:grid;grid-template-columns:auto 1fr;min-width:0}.sd-metric-copy>strong{color:var(--sd-text);font-size:25px;letter-spacing:-.6px;line-height:1.1}.sd-metric-copy>span{color:var(--sd-body);font-size:12px;font-weight:650}.sd-metric-copy>small{color:var(--sd-muted);font-size:10px;grid-column:1/-1;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-panel{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:18px;box-shadow:var(--sd-shadow);min-width:0;padding:17px}.sd-panel-heading{gap:12px;justify-content:space-between;margin-bottom:13px}.sd-panel-heading,.sd-panel-title{align-items:flex-start;display:flex}.sd-panel-title{gap:9px;min-width:0}.sd-panel-icon{color:var(--sd-blue);margin-top:1px}.sd-panel-title h2{color:var(--sd-text);font-size:13px;line-height:1.25;margin:0}.sd-panel-title p{color:var(--sd-muted);font-size:9.5px;margin:3px 0 0}.sd-text-link{background:#0000;border:0;color:var(--sd-blue);cursor:pointer;flex:0 0 auto;font-size:10px;font-weight:650;padding:2px}.sd-text-link:hover{text-decoration:underline}.sd-empty{align-items:center;color:var(--sd-muted);display:flex;font-size:12px;justify-content:center;min-height:150px;padding:20px;text-align:center}.sd-analytics-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:minmax(0,1.75fr) minmax(265px,.85fr);margin-bottom:13px}.sd-completion-panel,.sd-performance-panel{min-height:295px}.sd-bar-chart{align-items:stretch;background:repeating-linear-gradient(180deg,#0000,#0000 49px,#8b9eb71f 50px);border-top:1px dashed var(--sd-border);display:flex;gap:10px;height:218px;padding:14px 4px 0}.sd-bar-column{align-items:end;display:grid;flex:1 1;grid-template-rows:20px 1fr 35px;min-width:0;text-align:center}.sd-bar-value{align-self:center;color:var(--sd-muted);font-size:9px}.sd-bar-track{align-items:flex-end;background:#d9e4f199;border-radius:5px 5px 1px 1px;display:flex;height:100%;justify-self:center;overflow:hidden;width:min(34px,78%)}.sd-bar-track>div{background:linear-gradient(180deg,#20b8b3,#079b98);border-radius:5px 5px 1px 1px;min-height:4px;width:100%}.sd-bar-column:nth-child(4n+2) .sd-bar-track>div{background:linear-gradient(180deg,#30a5b3,#0b7180)}.sd-bar-column:nth-child(4n+3) .sd-bar-track>div{background:linear-gradient(180deg,#9186dc,#6558c7)}.sd-bar-column:nth-child(4n+4) .sd-bar-track>div{background:linear-gradient(180deg,#50c9c1,#168f8c)}.sd-bar-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;color:var(--sd-body);display:-webkit-box;font-size:9px;line-height:1.15;overflow:hidden;padding-top:7px}.sd-completion-body{align-items:center;display:flex;flex-direction:column;gap:17px;justify-content:center;min-height:220px}.sd-progress-ring{--progress:0deg;background:conic-gradient(var(--sd-teal) var(--progress),#e8eff7 0);border-radius:50%;display:grid;height:130px;place-items:center;position:relative;width:130px}.sd-progress-ring:before{background:var(--sd-surface);border-radius:50%;box-shadow:inset 0 0 0 1px var(--sd-border);content:"";inset:12px;position:absolute}.sd-progress-ring>div{display:flex;flex-direction:column;position:relative;text-align:center}.sd-progress-ring strong{color:var(--sd-text);font-size:23px;letter-spacing:-.5px}.sd-progress-ring span{color:var(--sd-muted);font-size:9px}.sd-legend{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;max-width:250px;width:100%}.sd-legend>div{grid-gap:5px;align-items:center;display:grid;font-size:9.5px;gap:5px;grid-template-columns:7px auto auto}.sd-legend i,.sd-progress-stats i{border-radius:50%;height:7px;width:7px}.sd-legend span{color:var(--sd-muted)}.sd-legend strong{color:var(--sd-text);font-size:10px}.complete{background:var(--sd-teal)}.progress{background:#4ba4ed}.not-started{background:#c6d1df}.sd-two-column{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr 1fr;margin-bottom:13px}.sd-two-column>.sd-panel{min-height:282px}.sd-compact-list,.sd-deadline-list{display:flex;flex-direction:column}.sd-compact-list>button,.sd-deadline-list>button{grid-gap:10px;align-items:center;background:#0000;border:0;border-top:1px solid var(--sd-border);color:var(--sd-body);cursor:pointer;display:grid;gap:10px;min-height:43px;padding:8px 2px;text-align:left;width:100%}.sd-compact-list>button,.sd-deadline-list>button{grid-template-columns:auto minmax(0,1fr) auto}.sd-compact-list>button:first-child,.sd-deadline-list>button:first-child{border-top:0}.sd-compact-list>button:hover,.sd-deadline-list>button:hover{background:var(--sd-surface-soft)}.sd-list-icon{align-items:center;border-radius:9px;display:inline-flex;height:32px;justify-content:center;width:32px}.sd-list-icon.blue{background:#e8f8f7;color:#079b98}.sd-compact-list button>span:nth-child(2),.sd-deadline-list button>span:nth-child(2){min-width:0}.sd-compact-list strong,.sd-deadline-list strong{color:var(--sd-text);display:block;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-compact-list small,.sd-deadline-list small{color:var(--sd-muted);display:block;font-size:9px;margin-top:2px}.sd-compact-list time{color:var(--sd-muted);font-size:9px}.sd-date-block{align-items:center;background:#eef4fb;border-radius:9px;display:flex;flex-direction:column;height:38px;justify-content:center;width:34px}.sd-date-block b{color:#627895;font-size:7px;letter-spacing:.05em}.sd-date-block strong{color:var(--sd-text)!important;font-size:13px!important;line-height:1.05}.sd-deadline-list em{background:#edf3fa;border-radius:999px;color:#44617f;font-size:8.5px;font-style:normal;padding:4px 8px;white-space:nowrap}.sd-deadline-list em.overdue{background:#fff0f2;color:#c64054}.sd-feature-section{margin-bottom:13px}.sd-feature-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin:22px 2px 12px}.sd-feature-heading .sd-eyebrow{margin-bottom:4px!important}.sd-feature-heading h2{color:var(--sd-text);font-size:17px;letter-spacing:-.25px;margin:0}.sd-feature-heading>span{color:var(--sd-muted);font-size:10px;padding-bottom:2px}.sd-quick-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.sd-quick-action{grid-gap:14px;align-items:start;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:18px;box-shadow:var(--sd-shadow);color:var(--sd-body);cursor:pointer;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:142px;min-width:0;padding:22px 18px;text-align:left;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.sd-quick-action .sd-icon-tile{border-radius:16px;flex-basis:54px;height:54px;width:54px}.sd-quick-action .sd-icon-tile svg{height:25px;width:25px}.sd-quick-action:hover{border-color:#9edbd7;box-shadow:0 16px 34px #079b9821;transform:translateY(-3px)}.sd-quick-action:hover>svg{color:#079b98;transform:translateX(3px)}.sd-quick-action>span:nth-child(2){min-width:0}.sd-quick-action strong{color:var(--sd-text);display:block;font-size:13px;line-height:1.25}.sd-quick-action small{color:var(--sd-muted);display:block;font-size:10px;line-height:1.45;margin-top:8px}.sd-quick-action>svg{color:#9bacc0;margin-top:17px;transition:color .18s ease,transform .18s ease}.sd-brand-banner{grid-gap:15px;align-items:center;background:linear-gradient(100deg,#e8f8f7,#f8fcfc 55%,#e2f4f3);border:1px solid #c4ece9;border-radius:18px;color:#0b7180;display:grid;gap:15px;grid-template-columns:auto minmax(0,1fr) auto;min-height:84px;overflow:hidden;padding:16px 22px}.sd-banner-icon{background:#c4ece9;border-radius:50%;color:#057d7b;display:grid;height:52px;place-items:center;width:52px}.sd-brand-banner h2{color:#061936;font-size:13px;margin:0}.sd-brand-banner p{color:#66768d;font-size:9.5px;margin:3px 0 0}.sd-brand-banner>strong{color:#057d7b;font-size:18px}.sd-assessments-panel{margin-bottom:13px;padding-bottom:5px}.sd-tabs{align-items:center;border-bottom:1px solid var(--sd-border);display:flex;margin:0 -2px}.sd-tabs button{background:#0000;border:0;border-bottom:2px solid #0000;color:var(--sd-muted);cursor:pointer;font-size:10px;font-weight:650;min-width:135px;padding:9px 12px}.sd-tabs button.active{border-bottom-color:var(--sd-blue);color:var(--sd-blue)}.sd-tabs button span{align-items:center;background:#edf3fa;border-radius:999px;color:inherit;display:inline-flex;font-size:8px;height:17px;justify-content:center;margin-left:4px;min-width:17px}.sd-assessment-list{display:flex;flex-direction:column}.sd-assessment-list>button{grid-gap:12px;align-items:center;background:#0000;border:0;border-top:1px solid var(--sd-border);color:var(--sd-body);cursor:pointer;display:grid;gap:12px;grid-template-columns:auto minmax(180px,1fr) minmax(135px,.5fr) 85px auto;min-height:63px;padding:9px 3px;text-align:left;width:100%}.sd-assessment-list>button:first-child{border-top:0}.sd-assessment-list>button:hover{background:var(--sd-surface-soft)}.sd-assessment-title{min-width:0}.sd-assessment-title strong{color:var(--sd-text);display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-assessment-title small{color:var(--sd-muted);display:block;font-size:9px;margin-top:2px}.sd-assessment-due{align-items:center;color:var(--sd-body);display:flex;font-size:9px;gap:5px}.sd-status{border-radius:999px;font-size:8.5px;font-weight:650;justify-self:end;min-width:76px;padding:5px 8px;text-align:center}.sd-status-not-started{background:#e8f8f7;color:#057d7b}.sd-status-in-progress{background:#fff1dd;color:#bd6a0e}.sd-status-completed{background:#e4f8ef;color:#158054}.sd-status-overdue{background:#fff0f2;color:#c03950}.sd-student-insights{grid-gap:13px;display:grid;gap:13px;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);margin-bottom:13px}.sd-student-insights.no-subjects{grid-template-columns:minmax(300px,600px)}.sd-progress-panel,.sd-subject-panel{min-height:246px}.sd-progress-layout{align-items:center;display:flex;gap:22px;justify-content:space-evenly;min-height:175px}.sd-progress-layout .sd-progress-ring{height:135px;width:135px}.sd-progress-stats{display:flex;flex-direction:column;gap:16px}.sd-progress-stats>div{align-items:center;display:flex;gap:8px}.sd-progress-stats span{color:var(--sd-muted);display:flex;flex-direction:column;font-size:9px}.sd-progress-stats strong{color:var(--sd-text);font-size:13px}.sd-subject-list{display:flex;flex-direction:column;gap:15px;padding:12px 2px}.sd-subject-list>div{grid-gap:9px;align-items:center;display:grid;gap:9px;grid-template-columns:105px minmax(80px,1fr) 35px}.sd-subject-list>div>span{color:var(--sd-body);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-subject-list>div>div{background:#edf2f7;border-radius:99px;height:7px;overflow:hidden}.sd-subject-list i{background:var(--sd-teal);border-radius:inherit;display:block;height:100%}.sd-subject-list i.tone-1{background:#419bec}.sd-subject-list i.tone-2{background:#8063ef}.sd-subject-list i.tone-3{background:#f39a32}.sd-subject-list strong{color:var(--sd-text);font-size:10px}.sd-student-bottom{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1.35fr .65fr}.sd-learning-card,.sd-motivation-card{border:1px solid var(--sd-border);border-radius:15px;box-shadow:var(--sd-shadow);min-height:148px}.sd-learning-card{grid-gap:12px;align-items:flex-start;background:linear-gradient(120deg,var(--sd-surface) 60%,#eef9f8);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding:18px;position:relative}.sd-learning-card h2,.sd-motivation-card h2{color:var(--sd-text);font-size:12px;margin:2px 0 4px}.sd-learning-card p,.sd-motivation-card p{color:var(--sd-muted);font-size:9.5px;margin:0}.sd-learning-card button{background:#e8f8f7;border:0;border-radius:10px;color:#057d7b;cursor:pointer;font-size:9px;font-weight:700;margin-top:14px;padding:7px 11px}.sd-learning-art{align-self:end;color:#a9dfdc;opacity:.75}.sd-motivation-card{align-items:center;background:linear-gradient(140deg,#effcf6,#f7fffa);border-color:#d4f0e3;display:flex;flex-direction:column;justify-content:center;padding:18px;text-align:center}.sd-motivation-card>span{background:#d9f7e9;border-radius:50%;color:#17a86a;display:grid;height:42px;place-items:center;width:42px}.sd-motivation-card h2{margin-top:9px}.sd-motivation-card p{max-width:210px}.sd-admin-panel{margin-top:13px}.sd-dashboard .sd-primary-button{background:var(--sd-blue);border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:9px 14px}.sd-dashboard .sd-primary-button:disabled{cursor:wait;opacity:.6}.sd-admin-message{font-size:11px;margin:10px 0 0}.sd-admin-message.success{color:#158054}.sd-admin-message.error{color:#c03950}.sd-sidebar-scrim{display:none}.sd-dashboard.sd-dark,[data-dark-mode=true] .sd-dashboard,body.dark-mode .sd-dashboard{--sd-bg:#091625;--sd-surface:#142339;--sd-surface-soft:#192c44;--sd-border:#8daebf2b;--sd-text:#f2f7fc;--sd-body:#c3d1e1;--sd-muted:#879bb4;--sd-blue:#38bdb7;--sd-teal:#4aa5b1;--sd-purple:#9186dc;--sd-shadow:0 12px 34px #0003;background:radial-gradient(circle at 78% 0,#079b981a,#0000 29rem),radial-gradient(circle at 28% 38%,rgba(101,88,199,.045),#0000 32rem),var(--sd-bg)}.sd-dark .sd-topbar{background:#0d192ae6;border-bottom-color:var(--sd-border)}.sd-dark .sd-search-wrap{background:#101f32;border-color:var(--sd-border)}.sd-dark .sd-topbar-button{background:#152237;border-color:var(--sd-border);color:#c5d6e8}.sd-dark .sd-topbar-button:hover:not(:disabled){background:#1b2d47;border-color:#38bdb752}.sd-dark .sd-list-icon.blue,.sd-dark .sd-tone-blue .sd-icon-tile{background:#079b982b;color:#58cbc5}.sd-dark .sd-tone-teal .sd-icon-tile{background:#0b718033;color:#69bcc5}.sd-dark .sd-tone-purple .sd-icon-tile{background:#6558c72b;color:#aaa1e4}.sd-dark .sd-tone-orange .sd-icon-tile{background:#ec8b1d26;color:#ffc071}.sd-dark .sd-tone-green .sd-icon-tile{background:#19ae6b29;color:#67dda5}.sd-dark .sd-progress-ring{background:conic-gradient(#38bdb7 var(--progress),#24334a 0)}.sd-dark .sd-bar-track{background:#223149}.sd-dark .sd-date-block,.sd-dark .sd-tabs button span{background:#1d2c42}.sd-dark .sd-deadline-list em{background:#1e3048;color:#a9bed4}.sd-dark .sd-deadline-list em.overdue,.sd-dark .sd-status-overdue{background:#d53e5226;color:#ff8fa0}.sd-dark .sd-status-not-started{background:#079b9829;color:#61cbc5}.sd-dark .sd-status-in-progress{background:#e2851c26;color:#ffc073}.sd-dark .sd-status-completed{background:#189f6326;color:#68dda6}.sd-dark .sd-subject-list>div>div{background:#243249}.sd-dark .sd-brand-banner{background:linear-gradient(100deg,#14303a,#17253a);border-color:#38bdb733}.sd-dark .sd-brand-banner h2,.sd-dark .sd-brand-banner>strong{color:#dcecff}.sd-dark .sd-brand-banner p{color:#92a9c1}.sd-dark .sd-banner-icon{background:#079b982e;color:#5ccbc5}.sd-dark .sd-learning-card{background:linear-gradient(120deg,var(--sd-surface) 60%,#173039)}.sd-dark .sd-learning-card button{background:#079b982e;color:#61cbc5}.sd-dark .sd-motivation-card{background:linear-gradient(140deg,#132b29,#15283a);border-color:#3cb78533}.sd-dark .sd-motivation-card>span{background:#189f6329;color:#67dda5}.sd-dark .sd-account-notice,.sd-dark .sd-data-warning{background:#a0690f24;border-color:#ebb44d33;color:#f5c873}.sd-dark .sd-account-expired,.sd-dark .sd-account-suspended{background:#ad2d4024;border-color:#ef627733;color:#ff9caa}@media (max-width:1180px){.sd-sidebar{width:224px}.sd-workspace{margin-left:224px}.sd-main{padding-left:20px;padding-right:20px}.sd-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-assessment-list>button{grid-template-columns:auto minmax(150px,1fr) 120px 80px auto}}@media (max-width:900px){.sd-sidebar{box-shadow:18px 0 45px #0000003d;transform:translateX(-102%);transition:transform .24s ease;width:min(286px,88vw)}.sd-sidebar.is-open{transform:translateX(0)}.sd-sidebar-close{background:#ffffff14;border:0;border-radius:8px;color:#fff;cursor:pointer;display:grid;height:34px;margin-left:auto;place-items:center;width:34px}.sd-sidebar-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#030a147a;border:0;display:block;inset:0;position:fixed;z-index:70}.sd-workspace{margin-left:0}.sd-menu-button{display:inline-flex}.sd-topbar{padding:0 18px}.sd-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-analytics-grid,.sd-student-insights,.sd-student-insights.no-subjects,.sd-two-column{grid-template-columns:1fr}.sd-student-insights.no-subjects{max-width:none}}@media (max-width:680px){.sd-main{padding:18px 13px 26px}.sd-topbar{gap:8px;height:60px;padding:0 12px}.sd-search-wrap{flex:1 1;margin:0;width:auto}.sd-top-profile span:last-child{display:none}.sd-top-profile{margin-left:0}.sd-top-actions{gap:5px}.sd-top-actions>button:first-child{display:none}.sd-welcome-row{margin-bottom:14px}.sd-welcome-row time{display:none}.sd-welcome-row h1{font-size:24px}.sd-metric-grid{gap:9px;grid-template-columns:1fr 1fr}.sd-metric{align-items:flex-start;flex-direction:column;gap:9px;min-height:112px;padding:13px}.sd-metric-copy{grid-template-columns:1fr}.sd-metric-copy>small{margin-top:3px}.sd-quick-grid{gap:9px;grid-template-columns:1fr}.sd-brand-banner{grid-template-columns:auto minmax(0,1fr);padding:14px}.sd-brand-banner>strong{display:none}.sd-feature-heading{align-items:flex-start;flex-direction:column;gap:4px}.sd-feature-heading>span{padding-bottom:0}.sd-tabs{overflow-x:auto}.sd-tabs button{min-width:112px}.sd-assessment-list>button{gap:9px;grid-template-columns:auto minmax(0,1fr) auto}.sd-assessment-due,.sd-status{grid-column:2}.sd-status{grid-row:3;justify-self:start}.sd-assessment-list>button>svg{grid-column:3;grid-row:1/span 3}.sd-student-bottom{grid-template-columns:1fr}.sd-learning-card{grid-template-columns:auto 1fr}.sd-learning-art{display:none}.sd-progress-layout{flex-wrap:wrap;justify-content:center}}@media (max-width:420px){.sd-metric-grid{grid-template-columns:1fr}.sd-metric{align-items:center;flex-direction:row;min-height:86px}.sd-metric-copy{grid-template-columns:auto 1fr}.sd-panel{padding:14px}.sd-top-profile{display:none}.sd-search-wrap input{font-size:11px}.sd-deadline-list>button{grid-template-columns:auto 1fr}.sd-deadline-list em{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.sd-dashboard *,.sd-dashboard :after,.sd-dashboard :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.studyden-signup .sd-signup-form{gap:16px}#signup-username{padding:0 17px 0 50px}.sd-signup-password-wrap input{padding-right:50px}.sd-password-toggle{align-items:center;background:#0000;border:0;border-radius:7px;color:#7d8aa2;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .16s ease,background-color .16s ease;width:28px}.sd-password-toggle:hover{background:#079b9814;color:#057d7b}.sd-password-toggle:focus-visible{outline:3px solid #079b983d;outline-offset:2px}@media (max-height:850px) and (min-width:781px){.studyden-signup .sd-form-panel{padding-bottom:26px;padding-top:26px}.studyden-signup .sd-form-header{margin-bottom:20px}.studyden-signup .sd-signup-form{gap:12px}.studyden-signup .sd-field{gap:5px}}:root{--primary-color:#024161;--secondary-color:#077a9f}.question-manager-container{background:linear-gradient(135deg,#fff,#f0f2f5);color:#333;color:var(--text-color);font-family:Poppins,Segoe UI,sans-serif;margin:0 auto;max-width:100%;min-height:100vh;padding:30px}.question-manager-container>*{margin-left:auto;margin-right:auto;max-width:1200px}.cq-navbar{background:linear-gradient(135deg,#024161,#077a9f);box-shadow:0 4px 16px #00000026;color:#fff;margin:-30px -30px 25px;max-width:none!important;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cq-navbar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.cq-navbar-left{align-items:center;display:flex;gap:1.25rem}.cq-navbar-title{font-size:1.5rem;font-weight:700;letter-spacing:.3px;margin:0}.cq-nav-back{background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.55rem 1.1rem;transition:all .2s ease;white-space:nowrap}.cq-nav-back:hover{background:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.action-button-row{gap:15px;justify-content:flex-start;margin-bottom:25px;margin-top:25px}.back-button{border:1px solid #ffffff4d;box-shadow:0 2px 8px #00000026}.back-button:hover{box-shadow:0 4px 12px #0003}.action-button{background:linear-gradient(135deg,#024161,#1f618d);background:linear-gradient(135deg,var(--primary-color) 0,#1f618d 100%);border-radius:6px;box-shadow:0 4px 12px #2980b933;color:#fff;font-size:15px;font-weight:500;max-width:-webkit-fit-content;max-width:fit-content;padding:10px 24px;white-space:nowrap}.action-button:hover{box-shadow:0 6px 16px #2980b94d;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button.cancel{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c33}.action-button.cancel:hover{box-shadow:0 6px 16px #e74c3c4d}.submit-button{background:linear-gradient(135deg,#024161,#1f618d);background:linear-gradient(135deg,var(--primary-color) 0,#1f618d 100%);box-shadow:0 4px 12px #2980b933;font-weight:600;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 6px 16px #2980b94d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6}.delete-button{align-items:center;background-color:#fee;border:1px solid #f5a;border-radius:6px;color:#c33;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.delete-button:hover{background-color:#fdd;border-color:#f77;transform:translateY(-1px)}.clear-button{background-color:#fff;background-color:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;height:38px;padding:10px 16px;transition:all .3s ease}.clear-button:hover{background-color:#f8fbff;border-color:#024161;border-color:var(--primary-color);box-shadow:0 4px 12px #2980b926;color:#024161;color:var(--primary-color);transform:translateY(-1px)}.form-container{background:#fff;background:var(--card-bg);border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;margin-bottom:25px;padding:2.5rem;transition:box-shadow .3s ease}.form-container:hover{box-shadow:0 12px 32px #0000001a}.form-title{color:#024161;color:var(--primary-color);font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0 0 1.5rem;padding-bottom:12px;position:relative}.form-title:after{background-color:#024161;background-color:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.form-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.textarea-field{background-color:#fff;background-color:var(--white);border:1px solid #d4dce6;border-radius:8px;box-shadow:0 1px 3px #00000005;color:#333;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:.85rem;transition:all .25s ease}.textarea-field:hover{background-color:#f8fbff}.textarea-field:focus,.textarea-field:hover{border-color:#077a9f;border-color:var(--secondary-color)}.textarea-field:focus{background-color:#fff;background-color:var(--white);box-shadow:0 0 0 4px #3498db1f;outline:none}.form-label{font-weight:600}.form-input,.form-label{color:#333;color:var(--text-color);font-size:.95rem}.form-input{background-color:#fff;background-color:var(--white);border:1px solid #d4dce6;border-radius:8px;box-shadow:0 1px 3px #00000005;font-family:inherit;padding:.85rem;transition:all .25s ease}.form-input:hover{background-color:#f8fbff}.form-input:focus,.form-input:hover{border-color:#077a9f;border-color:var(--secondary-color)}.form-input:focus{background-color:#fff;background-color:var(--white);box-shadow:0 0 0 4px #3498db1f;outline:none}.form-select{background-color:var(--white);border:1px solid #d4dce6;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.95rem;padding:.85rem;transition:all .25s ease}.form-select:hover{background-color:#f8fbff}.form-select:focus,.form-select:hover{border-color:#077a9f;border-color:var(--secondary-color)}.form-select:focus{background-color:#fff;background-color:var(--white);box-shadow:0 0 0 4px #3498db1f;outline:none}.question-image-upload-section{background-color:#f8fbff;border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:8px;margin:1.5rem 0;padding:1rem}.form-helper-text{color:#666;color:var(--text-light);font-size:.85rem;font-style:italic;margin:.5rem 0}.upload-button-container{gap:12px}.file-browser-button{align-items:center;background-color:#f0f4f8;border:1.5px dashed #024161;border:1.5px dashed var(--primary-color);color:#024161;color:var(--primary-color);display:inline-flex;font-size:.88rem;font-weight:500;gap:.4rem;padding:.55rem 1.1rem;transition:all .3s ease}.file-browser-button:hover{background-color:#e3ecf5}.file-name{color:#666;color:var(--text-light);font-size:.9rem}.image-preview{border:1px solid #d4dce6;border-radius:8px;box-shadow:0 2px 8px #0000000f;object-fit:contain}.form-fields-container{grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.form-submit-container{gap:1rem;margin-top:1.5rem}.required-field-note{color:var(--text-light);font-size:.9rem}.subject-section{background:#fff;background:var(--card-bg);border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;margin-bottom:25px;padding:2rem;transition:box-shadow .3s ease}.subject-section:hover{box-shadow:0 12px 32px #0000001a}.subject-title{color:#024161;color:var(--primary-color);font-size:1.35rem;font-weight:700;margin:0 0 1rem;padding-bottom:10px;position:relative}.subject-title:after{background-color:#024161;background-color:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.subject-buttons{margin-top:1rem}.subject-button{color:var(--text-color);overflow:hidden;position:relative}.subject-button.selected{background-color:#024161;border-color:#024161;border-color:var(--primary-color)}.subject-button:before{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%;z-index:1}.subject-button:hover:before{left:100%}.subject-button.selected:before{background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0)}.ripple-effect{animation:ripple .6s linear;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.filter-section{background:#fff;background:var(--card-bg);border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;margin-bottom:25px;padding:2rem;transition:box-shadow .3s ease}.filter-section:hover{box-shadow:0 12px 32px #0000001a}.filter-title{color:#024161;color:var(--primary-color);font-size:1.35rem;font-weight:700;margin:0 0 1rem;padding-bottom:10px;position:relative}.filter-title:after{background-color:#024161;background-color:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.filter-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-label{color:#333;color:var(--text-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.filter-input{background-color:#fff;background-color:var(--white);border:1px solid #d4dce6;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .25s ease}.filter-input:hover{background-color:#f8fbff}.filter-input:focus,.filter-input:hover{border-color:#077a9f;border-color:var(--secondary-color)}.filter-input:focus{background-color:#fff;background-color:var(--white);box-shadow:0 0 0 4px #3498db1f;outline:none}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.table-title{color:#024161;color:var(--primary-color);font-size:1.35rem;font-weight:700;margin:0}.questions-table{background-color:#fff;background-color:var(--white);border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 8px 24px #00000014}.table-head{background:linear-gradient(135deg,#f0f4f8,#e8ecf1)}.table-head-cell{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-color);font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.table-row{border-bottom:1px solid #eee;transition:all .2s ease}.table-row:hover{background-color:#f9fafb}.table-row.selected{background-color:#edf7ff}.table-cell,.table-cell-center{padding:15px;vertical-align:top}.table-cell-center{text-align:center}.table-cell-content{max-width:300px;padding:15px;vertical-align:top}.cell-text{line-height:1.5;margin-bottom:8px;text-align:left;white-space:pre-wrap}.cell-image{border:1px solid #d4dce6;border-radius:8px;box-shadow:0 2px 8px #0000000f;max-height:150px;max-width:200px;object-fit:contain;transition:transform .3s ease}.cell-image:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.no-questions-message{background:#fff;background:var(--card-bg);border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;padding:2rem;text-align:center}.no-questions-text{color:#666;color:var(--text-light);font-size:1rem}.edit-button{background:linear-gradient(135deg,#024161,#1f618d);background:linear-gradient(135deg,var(--primary-color) 0,#1f618d 100%);border-radius:6px;box-shadow:0 2px 6px #2980b940;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}.edit-button:hover{box-shadow:0 4px 12px #2980b959;transform:translateY(-2px)}input[type=checkbox]{accent-color:#024161}.toast{animation:slideIn .3s ease,fadeOut .3s 2.7s;border-radius:10px;box-shadow:0 8px 24px #0003;padding:14px 28px}.toast.success{background:linear-gradient(135deg,#27ae60,#1e8449)}.toast.error{background:linear-gradient(135deg,#e74c3c,#c0392b)}@media (max-width:768px){.question-manager-container{padding:0}.question-manager-container>:not(.cq-navbar){padding-left:15px;padding-right:15px}.cq-navbar{margin:0;padding:.85rem 1rem}.cq-navbar-inner{align-items:flex-start;flex-direction:column;gap:.5rem}.cq-navbar-title{font-size:1.2rem}.cq-nav-back{font-size:.8rem;padding:.4rem .8rem}.action-button-row{flex-direction:column}.form-fields-container,.form-grid,.image-upload-container{grid-template-columns:1fr}.filter-container{align-items:stretch;flex-direction:column}.table-header{align-items:flex-start;flex-direction:column;gap:10px}.filter-section,.form-container,.subject-section{padding:1.5rem}}.csv-import-section{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.csv-section-title{color:#024161;color:var(--primary-color);font-size:1.5rem;font-weight:700;letter-spacing:.3px;margin:0 0 .5rem}.csv-help-text{color:#666;color:var(--text-light);font-size:.95rem;margin:0 0 1.5rem}.csv-file-input-section{display:flex;flex-direction:column;gap:1.25rem}.csv-file-row{align-items:center;display:flex;gap:1rem}.csv-button-group{display:flex;flex-wrap:wrap;gap:1rem}.action-button.secondary{background:#0000;border:2px solid #024161;border:2px solid var(--primary-color);color:#024161;color:var(--primary-color)}.action-button.secondary:hover{background:#f2f5f9;background:var(--light-bg)}.csv-preview-container{display:flex;flex-direction:column;gap:1.25rem}.csv-preview-header{background:#f2f5f9;background:var(--light-bg);border-left:4px solid #024161;border-left:4px solid var(--primary-color);border-radius:8px;color:#333;color:var(--text-color);font-size:.95rem;font-weight:600;padding:1rem 1.25rem}.valid-count{color:#27ae60;color:var(--success-color);font-weight:700}.invalid-count{color:#e74c3c;color:var(--error-color);font-weight:700}.csv-preview-table{border-collapse:collapse;font-size:.9rem;width:100%}.csv-preview-table thead{background:#024161;background:var(--primary-color);color:#fff}.csv-preview-table th{font-weight:600;padding:1rem;text-align:left}.csv-preview-table td,.csv-preview-table th{border:1px solid #e2e8f0;border:1px solid var(--border-color)}.csv-preview-table td{padding:.85rem 1rem;word-break:break-word}.csv-preview-table tbody tr{transition:background-color .2s ease}.csv-row-valid{background:#f0fdf4}.csv-row-valid:hover{background:#e6fde9}.csv-row-invalid{background:#fef2f2}.csv-row-invalid:hover{background:#fee2e2}.status-valid{background:#27ae60;background:var(--success-color);border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.status-invalid{display:flex;flex-direction:column;gap:.5rem}.status-invalid>span{background:#e74c3c;background:var(--error-color);border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.csv-error-text{background:#fff;border:1px solid #e74c3c;border:1px solid var(--error-color);border-radius:4px;color:#e74c3c;color:var(--error-color);font-size:.8rem;line-height:1.4;padding:.5rem .75rem}.csv-error-text>div{margin:.25rem 0}.csv-remove-btn{background:#e74c3c;background:var(--error-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.csv-remove-btn:hover{background:#c0392b;transform:translateY(-1px)}.csv-import-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.import-summary{align-items:center;background:linear-gradient(135deg,#f0fdf4,#e6fde9);border:2px solid #27ae60;border:2px solid var(--success-color);border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;text-align:center}.summary-icon{font-size:3rem;line-height:1}.import-summary h3{color:#024161;color:var(--primary-color);font-size:1.5rem;margin:0}.summary-count{color:#333;color:var(--text-color);font-size:1rem;margin:0}.import-summary-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.import-summary-actions button{width:100%}.import-success{color:#27ae60;color:var(--success-color);font-weight:700}.import-skipped{color:#f39c12;color:var(--warning-color);font-weight:700}.import-details-form{display:flex;flex-direction:column;gap:1.5rem}.import-details-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#024161;color:var(--primary-color);font-size:1.35rem;font-weight:700;margin:0;padding-bottom:.5rem}.import-details-help{color:#666;color:var(--text-light);font-size:.95rem;margin:0}.import-details-simple-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.25rem}.import-details-quiz-title{background:#f2f5f9;background:var(--light-bg);border-left:4px solid #024161;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.import-details-quiz-title .form-label{margin-bottom:.75rem}.quiz-time-limit-field{margin-top:1.25rem}.import-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.import-details-checkbox{align-items:center;background:#f2f5f9;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;padding:1rem}.import-details-checkbox input[type=checkbox]{accent-color:#024161;accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.checkbox-label{color:#333;color:var(--text-color);font-size:.95rem;font-weight:500;margin:0}.import-details-actions{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.import-details-actions button{flex:1 1}.import-batch-view-section{background:#fff;background:var(--card-bg);border:2px solid #024161;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.import-batch-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.import-batch-header>div{flex:1 1}.import-batch-title{color:#024161;color:var(--primary-color);font-size:1.5rem;font-weight:700;letter-spacing:.3px;margin:0}.import-batch-count{color:#666;color:var(--text-light);font-size:.95rem;margin:.5rem 0 0}.clear-import-filter-btn{background:#0000;border:2px solid #024161;border:2px solid var(--primary-color);border-radius:8px;color:#024161;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.clear-import-filter-btn:hover{background:#f2f5f9;background:var(--light-bg);transform:translateY(-1px)}@media (max-width:768px){.import-batch-header{align-items:flex-start;flex-direction:column}.clear-import-filter-btn{width:100%}.import-details-grid{grid-template-columns:1fr}.import-details-actions{flex-direction:column}.import-details-actions button{width:100%}}.csv-prompt-helper-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2.5rem}.csv-prompt-helper-title{color:#024161;color:var(--primary-color);font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0 0 1rem}.csv-prompt-helper-intro{color:#666;color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0 0 2rem;max-width:600px}.csv-prompt-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.csv-prompt-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00000012;display:flex;flex-direction:column;padding:1.75rem;transition:all .3s ease}.csv-prompt-card:hover{border-color:#077a9f;border-color:var(--secondary-color);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.csv-prompt-card-title{color:#024161;color:var(--primary-color);font-size:1.1rem;font-weight:700;letter-spacing:.2px;line-height:1.4;margin:0 0 1.25rem}.csv-prompt-card-description{color:#666;color:var(--text-light);flex:1 1;font-size:.9rem;line-height:1.6;margin:0 0 1.75rem}.csv-prompt-card-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.csv-prompt-card-actions button{flex:1 1;font-size:.9rem;font-weight:600;min-width:140px;padding:.65rem 1.25rem;transition:all .2s ease;white-space:nowrap}.csv-prompt-card-actions button:first-child{background:linear-gradient(135deg,#024161,#077a9f);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;box-shadow:0 2px 8px #02416133;color:#fff}.csv-prompt-card-actions button:first-child:hover{background:linear-gradient(135deg,#001a33,#055078);box-shadow:0 4px 12px #02416166;color:#fff;transform:translateY(-1px)}.csv-prompt-card-actions button:first-child:active{transform:translateY(0)}.csv-prompt-card-actions button:last-child{background:#fff;border:1.5px solid #024161;border:1.5px solid var(--primary-color);color:#024161;color:var(--primary-color)}.csv-prompt-card-actions button:last-child:hover{background:#e3ecf5;border-color:#024161;border-color:var(--primary-color);color:#024161;color:var(--primary-color);transform:translateY(-1px)}.csv-prompt-card-actions button:last-child:active{transform:translateY(0)}@media (max-width:768px){.csv-preview-table{font-size:.8rem}.csv-preview-table td,.csv-preview-table th{padding:.65rem .75rem}.csv-button-group{flex-direction:column}.csv-button-group button{width:100%}.csv-error-text{font-size:.75rem}.csv-prompt-options{gap:1.5rem;grid-template-columns:1fr}.csv-prompt-card{padding:1.5rem}.csv-prompt-card-actions{gap:.6rem}.csv-prompt-card-actions button{font-size:.85rem;padding:.6rem 1rem}}.question-manager-container{--cq-light-page:#f8fafc;--cq-light-page-2:#eef5fb;--cq-surface:#fff;--cq-surface-soft:#f8fafc;--cq-surface-muted:#f1f5f9;--cq-border:#94a3b847;--cq-border-strong:#94a3b861;--cq-heading:#0f172a;--cq-body:#334155;--cq-muted:#64748b;--cq-placeholder:#94a3b8;--cq-teal:#14b8a6;--cq-blue:#0ea5e9;--cq-shadow:0 16px 42px #0f172a14;--cq-shadow-hover:0 18px 46px #0f172a1f,0 0 22px #14b8a61a;background:radial-gradient(circle at top left,#14b8a61f,#0000 30rem),radial-gradient(circle at top right,#0ea5e91a,#0000 28rem),linear-gradient(180deg,var(--cq-light-page) 0,var(--cq-light-page-2) 100%);color:var(--cq-body)}.question-manager-container .cq-navbar{background:linear-gradient(135deg,#024161f5,#077a9ff5);border-bottom:1px solid #ffffff38;box-shadow:0 18px 42px #0f172a2e}.question-manager-container .cq-nav-back{background:#ffffff29;border-color:#ffffff47;border-radius:999px}.question-manager-container .action-button-row{align-items:center}.question-manager-container .csv-import-section,.question-manager-container .csv-prompt-card,.question-manager-container .filter-section,.question-manager-container .form-container,.question-manager-container .import-batch-view-section,.question-manager-container .no-questions-message,.question-manager-container .subject-section{background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border:1px solid var(--cq-border);border-radius:18px;box-shadow:var(--cq-shadow)}.question-manager-container .csv-prompt-card:hover,.question-manager-container .filter-section:hover,.question-manager-container .form-container:hover,.question-manager-container .subject-section:hover{border-color:#14b8a659;box-shadow:var(--cq-shadow-hover);transform:translateY(-2px)}.question-manager-container .csv-prompt-card-title,.question-manager-container .csv-prompt-helper-title,.question-manager-container .csv-section-title,.question-manager-container .filter-title,.question-manager-container .form-title,.question-manager-container .import-batch-title,.question-manager-container .import-details-title,.question-manager-container .import-summary h3,.question-manager-container .subject-title,.question-manager-container .table-title{color:var(--cq-heading);letter-spacing:-.01em}.question-manager-container .filter-title:after,.question-manager-container .form-title:after,.question-manager-container .subject-title:after{background:linear-gradient(90deg,var(--cq-teal),var(--cq-blue))}.question-manager-container .csv-help-text,.question-manager-container .csv-prompt-card-description,.question-manager-container .csv-prompt-helper-intro,.question-manager-container .file-name,.question-manager-container .form-helper-text,.question-manager-container .import-batch-count,.question-manager-container .import-details-help,.question-manager-container .no-questions-text,.question-manager-container .required-field-note{color:var(--cq-muted)}.question-manager-container .checkbox-label,.question-manager-container .filter-label,.question-manager-container .form-label{color:var(--cq-body)}.question-manager-container .filter-input,.question-manager-container .form-input,.question-manager-container .form-select,.question-manager-container .textarea-field{background:#fff;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;color:var(--cq-heading)}.question-manager-container .filter-input::placeholder,.question-manager-container .form-input::placeholder,.question-manager-container .textarea-field::placeholder{color:var(--cq-placeholder)}.question-manager-container .filter-input:hover,.question-manager-container .form-input:hover,.question-manager-container .form-select:hover,.question-manager-container .textarea-field:hover{background:#fff;border-color:#14b8a66b}.question-manager-container .filter-input:focus,.question-manager-container .form-input:focus,.question-manager-container .form-select:focus,.question-manager-container .textarea-field:focus{border-color:var(--cq-teal);box-shadow:0 0 0 4px #14b8a624}.question-manager-container .form-select option{background:#fff;color:var(--cq-heading)}.question-manager-container .csv-import-actions,.question-manager-container .csv-preview-header,.question-manager-container .csv-prompt-helper-section,.question-manager-container .import-details-actions,.question-manager-container .import-details-checkbox,.question-manager-container .import-details-quiz-title,.question-manager-container .question-image-upload-section{background:var(--cq-surface-soft);border-color:var(--cq-border)}.question-manager-container .import-details-checkbox,.question-manager-container .import-details-quiz-title,.question-manager-container .question-image-upload-section{border-radius:14px}.question-manager-container .csv-preview-header,.question-manager-container .import-details-quiz-title{border-left-color:var(--cq-teal)}.question-manager-container .subject-button{background:#fff;border:1px solid var(--cq-border);border-radius:999px;box-shadow:0 6px 16px #0f172a0d;color:var(--cq-body)}.question-manager-container .subject-button:hover{background:#f0fdfa;border-color:#14b8a659}.question-manager-container .subject-button.selected{background:linear-gradient(135deg,var(--cq-teal),var(--cq-blue));border-color:#0000;box-shadow:0 12px 24px #14b8a638}.question-manager-container .action-button,.question-manager-container .csv-prompt-card-actions button:first-child,.question-manager-container .edit-button,.question-manager-container .submit-button{background:linear-gradient(135deg,var(--cq-teal),var(--cq-blue));border:none;border-radius:12px;box-shadow:0 12px 24px #0ea5e92e;font-weight:700}.question-manager-container .action-button:hover,.question-manager-container .csv-prompt-card-actions button:first-child:hover,.question-manager-container .edit-button:hover,.question-manager-container .submit-button:hover:not(:disabled){box-shadow:0 16px 30px #0ea5e93d}.question-manager-container .action-button.secondary,.question-manager-container .clear-button,.question-manager-container .clear-import-filter-btn,.question-manager-container .csv-prompt-card-actions button:last-child,.question-manager-container .file-browser-button{background:#fff;border:1px solid var(--cq-border-strong);border-radius:12px;box-shadow:0 8px 18px #0f172a0d;color:#0f766e;font-weight:700}.question-manager-container .action-button.secondary:hover,.question-manager-container .clear-button:hover,.question-manager-container .clear-import-filter-btn:hover,.question-manager-container .csv-prompt-card-actions button:last-child:hover,.question-manager-container .file-browser-button:hover{background:#f0fdfa;border-color:#14b8a673;color:#0f766e}.question-manager-container .action-button.cancel,.question-manager-container .csv-remove-btn,.question-manager-container .delete-button{background:#fef2f2;border:1px solid #f8717159;border-radius:12px;box-shadow:none;color:#b91c1c}.question-manager-container .action-button.cancel:hover,.question-manager-container .csv-remove-btn:hover,.question-manager-container .delete-button:hover{background:#fee2e2;border-color:#ef444473;color:#991b1b}.question-manager-container .action-button:disabled,.question-manager-container .file-browser-button:disabled,.question-manager-container .submit-button:disabled{background:#e2e8f0;border-color:#cbd5e1;box-shadow:none;color:#94a3b8}.question-manager-container .csv-preview-table,.question-manager-container .questions-table{background:#fff;border:1px solid var(--cq-border);border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:var(--cq-shadow);overflow:hidden}.question-manager-container .csv-preview-table thead,.question-manager-container .table-head{background:linear-gradient(135deg,#e0f2fe,#ccfbf1)}.question-manager-container .csv-preview-table th,.question-manager-container .table-head-cell{border-bottom:1px solid var(--cq-border);color:#0f3b4a}.question-manager-container .csv-preview-table tbody tr,.question-manager-container .table-row{border-bottom:1px solid #94a3b82e}.question-manager-container .table-row:hover{background:#f8fafc}.question-manager-container .table-row.selected{background:#ecfeff}.question-manager-container .cell-text,.question-manager-container .csv-preview-table td,.question-manager-container .table-cell,.question-manager-container .table-cell-center,.question-manager-container .table-cell-content{color:var(--cq-body)}.question-manager-container .cell-image,.question-manager-container .image-preview{border-color:var(--cq-border);border-radius:12px;box-shadow:0 10px 26px #0f172a1a}.question-manager-container .import-summary{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #22c55e4d;box-shadow:0 14px 34px #22c55e1a}.question-manager-container .import-success,.question-manager-container .status-valid,.question-manager-container .valid-count{color:#047857}.question-manager-container .import-skipped,.question-manager-container .invalid-count{color:#b45309}.question-manager-container .status-valid{background:#dcfce7;border:1px solid #22c55e40}.question-manager-container .status-invalid>span{background:#fee2e2;border:1px solid #f8717159;color:#b91c1c}.question-manager-container .csv-error-text{background:#fff7ed;border-color:#f43f5e4d;color:#9f1239}.question-manager-container .csv-row-valid,.question-manager-container .csv-row-valid:hover{background:#f0fdf4}.question-manager-container .csv-row-invalid,.question-manager-container .csv-row-invalid:hover{background:#fff1f2}@media (max-width:768px){.question-manager-container{padding:18px}.question-manager-container .cq-navbar{margin:-18px -18px 20px}.question-manager-container .csv-import-section,.question-manager-container .filter-section,.question-manager-container .form-container,.question-manager-container .import-batch-view-section,.question-manager-container .subject-section{border-radius:16px;padding:1.25rem}.question-manager-container .action-button,.question-manager-container .clear-button,.question-manager-container .clear-import-filter-btn,.question-manager-container .file-browser-button,.question-manager-container .submit-button{justify-content:center;width:100%}}.dark-mode .question-manager-container,[data-dark-mode=true] .question-manager-container,body.dark-mode .question-manager-container{--primary-color:#38bdf8;--secondary-color:#22d3ee;--white:#172033;--light-bg:#111827;--card-bg:#172033;--border-color:#94a3b840;--text-color:#f8fafc;--text-light:#cbd5e1;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#f87171;background:radial-gradient(circle at top left,#22d3ee14,#0000 34rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a);color:#333;color:var(--text-color)}.dark-mode .question-manager-container .cq-navbar,[data-dark-mode=true] .question-manager-container .cq-navbar,body.dark-mode .question-manager-container .cq-navbar{background:linear-gradient(135deg,#0f172a,#164e63);border-bottom:1px solid #94a3b838;box-shadow:0 18px 42px #00000047}.dark-mode .question-manager-container .cq-nav-back,[data-dark-mode=true] .question-manager-container .cq-nav-back,body.dark-mode .question-manager-container .cq-nav-back{background:#0f172a94;border-color:#94a3b847;color:#f8fafc}.dark-mode .question-manager-container .cq-nav-back:hover,[data-dark-mode=true] .question-manager-container .cq-nav-back:hover,body.dark-mode .question-manager-container .cq-nav-back:hover{background:#1f2937db;border-color:#22d3ee6b}.dark-mode .question-manager-container .csv-import-section,.dark-mode .question-manager-container .csv-prompt-card,.dark-mode .question-manager-container .filter-section,.dark-mode .question-manager-container .form-container,.dark-mode .question-manager-container .import-batch-view-section,.dark-mode .question-manager-container .no-questions-message,.dark-mode .question-manager-container .subject-section,[data-dark-mode=true] .question-manager-container .csv-import-section,[data-dark-mode=true] .question-manager-container .csv-prompt-card,[data-dark-mode=true] .question-manager-container .filter-section,[data-dark-mode=true] .question-manager-container .form-container,[data-dark-mode=true] .question-manager-container .import-batch-view-section,[data-dark-mode=true] .question-manager-container .no-questions-message,[data-dark-mode=true] .question-manager-container .subject-section,body.dark-mode .question-manager-container .csv-import-section,body.dark-mode .question-manager-container .csv-prompt-card,body.dark-mode .question-manager-container .filter-section,body.dark-mode .question-manager-container .form-container,body.dark-mode .question-manager-container .import-batch-view-section,body.dark-mode .question-manager-container .no-questions-message,body.dark-mode .question-manager-container .subject-section{background:#172033;border-color:#94a3b840;box-shadow:0 18px 44px #00000047}.dark-mode .question-manager-container .csv-prompt-card:hover,.dark-mode .question-manager-container .filter-section:hover,.dark-mode .question-manager-container .form-container:hover,.dark-mode .question-manager-container .subject-section:hover,[data-dark-mode=true] .question-manager-container .csv-prompt-card:hover,[data-dark-mode=true] .question-manager-container .filter-section:hover,[data-dark-mode=true] .question-manager-container .form-container:hover,[data-dark-mode=true] .question-manager-container .subject-section:hover,body.dark-mode .question-manager-container .csv-prompt-card:hover,body.dark-mode .question-manager-container .filter-section:hover,body.dark-mode .question-manager-container .form-container:hover,body.dark-mode .question-manager-container .subject-section:hover{border-color:#22d3ee52;box-shadow:0 22px 54px #00000057}.dark-mode .question-manager-container .csv-prompt-card-title,.dark-mode .question-manager-container .csv-prompt-helper-title,.dark-mode .question-manager-container .csv-section-title,.dark-mode .question-manager-container .filter-title,.dark-mode .question-manager-container .form-title,.dark-mode .question-manager-container .import-batch-title,.dark-mode .question-manager-container .import-details-title,.dark-mode .question-manager-container .import-summary h3,.dark-mode .question-manager-container .subject-title,.dark-mode .question-manager-container .table-title,[data-dark-mode=true] .question-manager-container .csv-prompt-card-title,[data-dark-mode=true] .question-manager-container .csv-prompt-helper-title,[data-dark-mode=true] .question-manager-container .csv-section-title,[data-dark-mode=true] .question-manager-container .filter-title,[data-dark-mode=true] .question-manager-container .form-title,[data-dark-mode=true] .question-manager-container .import-batch-title,[data-dark-mode=true] .question-manager-container .import-details-title,[data-dark-mode=true] .question-manager-container .import-summary h3,[data-dark-mode=true] .question-manager-container .subject-title,[data-dark-mode=true] .question-manager-container .table-title,body.dark-mode .question-manager-container .csv-prompt-card-title,body.dark-mode .question-manager-container .csv-prompt-helper-title,body.dark-mode .question-manager-container .csv-section-title,body.dark-mode .question-manager-container .filter-title,body.dark-mode .question-manager-container .form-title,body.dark-mode .question-manager-container .import-batch-title,body.dark-mode .question-manager-container .import-details-title,body.dark-mode .question-manager-container .import-summary h3,body.dark-mode .question-manager-container .subject-title,body.dark-mode .question-manager-container .table-title{color:#f8fafc}.dark-mode .question-manager-container .filter-title:after,.dark-mode .question-manager-container .form-title:after,.dark-mode .question-manager-container .subject-title:after,[data-dark-mode=true] .question-manager-container .filter-title:after,[data-dark-mode=true] .question-manager-container .form-title:after,[data-dark-mode=true] .question-manager-container .subject-title:after,body.dark-mode .question-manager-container .filter-title:after,body.dark-mode .question-manager-container .form-title:after,body.dark-mode .question-manager-container .subject-title:after{background:linear-gradient(90deg,#38bdf8,#22d3ee)}.dark-mode .question-manager-container .cell-text,.dark-mode .question-manager-container .checkbox-label,.dark-mode .question-manager-container .csv-preview-header,.dark-mode .question-manager-container .csv-preview-table td,.dark-mode .question-manager-container .csv-preview-table th,.dark-mode .question-manager-container .filter-label,.dark-mode .question-manager-container .form-label,.dark-mode .question-manager-container .student-name,.dark-mode .question-manager-container .summary-count,.dark-mode .question-manager-container .table-cell,.dark-mode .question-manager-container .table-cell-content,.dark-mode .question-manager-container .table-head-cell,[data-dark-mode=true] .question-manager-container .cell-text,[data-dark-mode=true] .question-manager-container .checkbox-label,[data-dark-mode=true] .question-manager-container .csv-preview-header,[data-dark-mode=true] .question-manager-container .csv-preview-table td,[data-dark-mode=true] .question-manager-container .csv-preview-table th,[data-dark-mode=true] .question-manager-container .filter-label,[data-dark-mode=true] .question-manager-container .form-label,[data-dark-mode=true] .question-manager-container .student-name,[data-dark-mode=true] .question-manager-container .summary-count,[data-dark-mode=true] .question-manager-container .table-cell,[data-dark-mode=true] .question-manager-container .table-cell-content,[data-dark-mode=true] .question-manager-container .table-head-cell,body.dark-mode .question-manager-container .cell-text,body.dark-mode .question-manager-container .checkbox-label,body.dark-mode .question-manager-container .csv-preview-header,body.dark-mode .question-manager-container .csv-preview-table td,body.dark-mode .question-manager-container .csv-preview-table th,body.dark-mode .question-manager-container .filter-label,body.dark-mode .question-manager-container .form-label,body.dark-mode .question-manager-container .student-name,body.dark-mode .question-manager-container .summary-count,body.dark-mode .question-manager-container .table-cell,body.dark-mode .question-manager-container .table-cell-content,body.dark-mode .question-manager-container .table-head-cell{color:#e5e7eb}.dark-mode .question-manager-container .csv-help-text,.dark-mode .question-manager-container .csv-prompt-card-description,.dark-mode .question-manager-container .csv-prompt-helper-intro,.dark-mode .question-manager-container .file-name,.dark-mode .question-manager-container .form-helper-text,.dark-mode .question-manager-container .import-batch-count,.dark-mode .question-manager-container .import-details-help,.dark-mode .question-manager-container .no-questions-text,.dark-mode .question-manager-container .required-field-note,[data-dark-mode=true] .question-manager-container .csv-help-text,[data-dark-mode=true] .question-manager-container .csv-prompt-card-description,[data-dark-mode=true] .question-manager-container .csv-prompt-helper-intro,[data-dark-mode=true] .question-manager-container .file-name,[data-dark-mode=true] .question-manager-container .form-helper-text,[data-dark-mode=true] .question-manager-container .import-batch-count,[data-dark-mode=true] .question-manager-container .import-details-help,[data-dark-mode=true] .question-manager-container .no-questions-text,[data-dark-mode=true] .question-manager-container .required-field-note,body.dark-mode .question-manager-container .csv-help-text,body.dark-mode .question-manager-container .csv-prompt-card-description,body.dark-mode .question-manager-container .csv-prompt-helper-intro,body.dark-mode .question-manager-container .file-name,body.dark-mode .question-manager-container .form-helper-text,body.dark-mode .question-manager-container .import-batch-count,body.dark-mode .question-manager-container .import-details-help,body.dark-mode .question-manager-container .no-questions-text,body.dark-mode .question-manager-container .required-field-note{color:#94a3b8}.dark-mode .question-manager-container .filter-input,.dark-mode .question-manager-container .form-input,.dark-mode .question-manager-container .form-select,.dark-mode .question-manager-container .textarea-field,[data-dark-mode=true] .question-manager-container .filter-input,[data-dark-mode=true] .question-manager-container .form-input,[data-dark-mode=true] .question-manager-container .form-select,[data-dark-mode=true] .question-manager-container .textarea-field,body.dark-mode .question-manager-container .filter-input,body.dark-mode .question-manager-container .form-input,body.dark-mode .question-manager-container .form-select,body.dark-mode .question-manager-container .textarea-field{background:#0f172a;border-color:#94a3b859;box-shadow:none;color:#f8fafc}.dark-mode .question-manager-container .filter-input::placeholder,.dark-mode .question-manager-container .form-input::placeholder,.dark-mode .question-manager-container .textarea-field::placeholder,[data-dark-mode=true] .question-manager-container .filter-input::placeholder,[data-dark-mode=true] .question-manager-container .form-input::placeholder,[data-dark-mode=true] .question-manager-container .textarea-field::placeholder,body.dark-mode .question-manager-container .filter-input::placeholder,body.dark-mode .question-manager-container .form-input::placeholder,body.dark-mode .question-manager-container .textarea-field::placeholder{color:#64748b}.dark-mode .question-manager-container .filter-input:hover,.dark-mode .question-manager-container .form-input:hover,.dark-mode .question-manager-container .form-select:hover,.dark-mode .question-manager-container .textarea-field:hover,[data-dark-mode=true] .question-manager-container .filter-input:hover,[data-dark-mode=true] .question-manager-container .form-input:hover,[data-dark-mode=true] .question-manager-container .form-select:hover,[data-dark-mode=true] .question-manager-container .textarea-field:hover,body.dark-mode .question-manager-container .filter-input:hover,body.dark-mode .question-manager-container .form-input:hover,body.dark-mode .question-manager-container .form-select:hover,body.dark-mode .question-manager-container .textarea-field:hover{background:#111827;border-color:#22d3ee80}.dark-mode .question-manager-container .filter-input:focus,.dark-mode .question-manager-container .form-input:focus,.dark-mode .question-manager-container .form-select:focus,.dark-mode .question-manager-container .textarea-field:focus,[data-dark-mode=true] .question-manager-container .filter-input:focus,[data-dark-mode=true] .question-manager-container .form-input:focus,[data-dark-mode=true] .question-manager-container .form-select:focus,[data-dark-mode=true] .question-manager-container .textarea-field:focus,body.dark-mode .question-manager-container .filter-input:focus,body.dark-mode .question-manager-container .form-input:focus,body.dark-mode .question-manager-container .form-select:focus,body.dark-mode .question-manager-container .textarea-field:focus{background:#0f172a;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee29}.dark-mode .question-manager-container .form-select option,[data-dark-mode=true] .question-manager-container .form-select option,body.dark-mode .question-manager-container .form-select option{background:#111827;color:#f8fafc}.dark-mode .question-manager-container .csv-preview-header,.dark-mode .question-manager-container .import-details-checkbox,.dark-mode .question-manager-container .import-details-quiz-title,.dark-mode .question-manager-container .question-image-upload-section,[data-dark-mode=true] .question-manager-container .csv-preview-header,[data-dark-mode=true] .question-manager-container .import-details-checkbox,[data-dark-mode=true] .question-manager-container .import-details-quiz-title,[data-dark-mode=true] .question-manager-container .question-image-upload-section,body.dark-mode .question-manager-container .csv-preview-header,body.dark-mode .question-manager-container .import-details-checkbox,body.dark-mode .question-manager-container .import-details-quiz-title,body.dark-mode .question-manager-container .question-image-upload-section{background:#111827;border-color:#94a3b83d}.dark-mode .question-manager-container .csv-import-actions,.dark-mode .question-manager-container .csv-prompt-helper-section,.dark-mode .question-manager-container .import-details-actions,.dark-mode .question-manager-container .import-details-title,[data-dark-mode=true] .question-manager-container .csv-import-actions,[data-dark-mode=true] .question-manager-container .csv-prompt-helper-section,[data-dark-mode=true] .question-manager-container .import-details-actions,[data-dark-mode=true] .question-manager-container .import-details-title,body.dark-mode .question-manager-container .csv-import-actions,body.dark-mode .question-manager-container .csv-prompt-helper-section,body.dark-mode .question-manager-container .import-details-actions,body.dark-mode .question-manager-container .import-details-title{border-color:#94a3b838}.dark-mode .question-manager-container .subject-button,[data-dark-mode=true] .question-manager-container .subject-button,body.dark-mode .question-manager-container .subject-button{background:#111827;border-color:#94a3b847;box-shadow:none;color:#cbd5e1}.dark-mode .question-manager-container .subject-button:hover,[data-dark-mode=true] .question-manager-container .subject-button:hover,body.dark-mode .question-manager-container .subject-button:hover{background:#1f2937;border-color:#22d3ee73;box-shadow:0 10px 22px #0003;color:#f8fafc}.dark-mode .question-manager-container .subject-button.selected,[data-dark-mode=true] .question-manager-container .subject-button.selected,body.dark-mode .question-manager-container .subject-button.selected{background:linear-gradient(135deg,#0369a1,#0e7490);border-color:#22d3eeb3;box-shadow:0 10px 24px #0e749047;color:#fff}.dark-mode .question-manager-container .action-button,.dark-mode .question-manager-container .csv-prompt-card-actions button:first-child,.dark-mode .question-manager-container .edit-button,.dark-mode .question-manager-container .submit-button,[data-dark-mode=true] .question-manager-container .action-button,[data-dark-mode=true] .question-manager-container .csv-prompt-card-actions button:first-child,[data-dark-mode=true] .question-manager-container .edit-button,[data-dark-mode=true] .question-manager-container .submit-button,body.dark-mode .question-manager-container .action-button,body.dark-mode .question-manager-container .csv-prompt-card-actions button:first-child,body.dark-mode .question-manager-container .edit-button,body.dark-mode .question-manager-container .submit-button{background:linear-gradient(135deg,#0369a1,#0891b2);box-shadow:0 10px 22px #0891b23d;color:#fff}.dark-mode .question-manager-container .action-button.secondary,.dark-mode .question-manager-container .clear-button,.dark-mode .question-manager-container .clear-import-filter-btn,.dark-mode .question-manager-container .csv-prompt-card-actions button:last-child,.dark-mode .question-manager-container .file-browser-button,[data-dark-mode=true] .question-manager-container .action-button.secondary,[data-dark-mode=true] .question-manager-container .clear-button,[data-dark-mode=true] .question-manager-container .clear-import-filter-btn,[data-dark-mode=true] .question-manager-container .csv-prompt-card-actions button:last-child,[data-dark-mode=true] .question-manager-container .file-browser-button,body.dark-mode .question-manager-container .action-button.secondary,body.dark-mode .question-manager-container .clear-button,body.dark-mode .question-manager-container .clear-import-filter-btn,body.dark-mode .question-manager-container .csv-prompt-card-actions button:last-child,body.dark-mode .question-manager-container .file-browser-button{background:#111827;border-color:#94a3b852;box-shadow:none;color:#e5e7eb}.dark-mode .question-manager-container .action-button.secondary:hover,.dark-mode .question-manager-container .clear-button:hover,.dark-mode .question-manager-container .clear-import-filter-btn:hover,.dark-mode .question-manager-container .csv-prompt-card-actions button:last-child:hover,.dark-mode .question-manager-container .file-browser-button:hover,[data-dark-mode=true] .question-manager-container .action-button.secondary:hover,[data-dark-mode=true] .question-manager-container .clear-button:hover,[data-dark-mode=true] .question-manager-container .clear-import-filter-btn:hover,[data-dark-mode=true] .question-manager-container .csv-prompt-card-actions button:last-child:hover,[data-dark-mode=true] .question-manager-container .file-browser-button:hover,body.dark-mode .question-manager-container .action-button.secondary:hover,body.dark-mode .question-manager-container .clear-button:hover,body.dark-mode .question-manager-container .clear-import-filter-btn:hover,body.dark-mode .question-manager-container .csv-prompt-card-actions button:last-child:hover,body.dark-mode .question-manager-container .file-browser-button:hover{background:#1f2937;border-color:#22d3ee73;box-shadow:0 10px 22px #0003;color:#f8fafc}.dark-mode .question-manager-container .action-button.cancel,[data-dark-mode=true] .question-manager-container .action-button.cancel,body.dark-mode .question-manager-container .action-button.cancel{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 10px 22px #dc262633}.dark-mode .question-manager-container .csv-remove-btn,.dark-mode .question-manager-container .delete-button,[data-dark-mode=true] .question-manager-container .csv-remove-btn,[data-dark-mode=true] .question-manager-container .delete-button,body.dark-mode .question-manager-container .csv-remove-btn,body.dark-mode .question-manager-container .delete-button{background:#7f1d1d38;border-color:#f8717159;color:#fecaca}.dark-mode .question-manager-container .action-button:disabled,.dark-mode .question-manager-container .file-browser-button:disabled,.dark-mode .question-manager-container .submit-button:disabled,[data-dark-mode=true] .question-manager-container .action-button:disabled,[data-dark-mode=true] .question-manager-container .file-browser-button:disabled,[data-dark-mode=true] .question-manager-container .submit-button:disabled,body.dark-mode .question-manager-container .action-button:disabled,body.dark-mode .question-manager-container .file-browser-button:disabled,body.dark-mode .question-manager-container .submit-button:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1!important}.dark-mode .question-manager-container .csv-preview-table,.dark-mode .question-manager-container .questions-table,[data-dark-mode=true] .question-manager-container .csv-preview-table,[data-dark-mode=true] .question-manager-container .questions-table,body.dark-mode .question-manager-container .csv-preview-table,body.dark-mode .question-manager-container .questions-table{background:#111827;border:1px solid #94a3b838;box-shadow:none}.dark-mode .question-manager-container .csv-preview-table thead,.dark-mode .question-manager-container .table-head,[data-dark-mode=true] .question-manager-container .csv-preview-table thead,[data-dark-mode=true] .question-manager-container .table-head,body.dark-mode .question-manager-container .csv-preview-table thead,body.dark-mode .question-manager-container .table-head{background:#1f2937}.dark-mode .question-manager-container .csv-preview-table td,.dark-mode .question-manager-container .csv-preview-table th,.dark-mode .question-manager-container .table-head-cell,.dark-mode .question-manager-container .table-row,[data-dark-mode=true] .question-manager-container .csv-preview-table td,[data-dark-mode=true] .question-manager-container .csv-preview-table th,[data-dark-mode=true] .question-manager-container .table-head-cell,[data-dark-mode=true] .question-manager-container .table-row,body.dark-mode .question-manager-container .csv-preview-table td,body.dark-mode .question-manager-container .csv-preview-table th,body.dark-mode .question-manager-container .table-head-cell,body.dark-mode .question-manager-container .table-row{border-color:#94a3b82e}.dark-mode .question-manager-container .table-row:hover,[data-dark-mode=true] .question-manager-container .table-row:hover,body.dark-mode .question-manager-container .table-row:hover{background:#1f2937bd}.dark-mode .question-manager-container .table-row.selected,[data-dark-mode=true] .question-manager-container .table-row.selected,body.dark-mode .question-manager-container .table-row.selected{background:#0891b224}.dark-mode .question-manager-container .csv-row-valid,.dark-mode .question-manager-container .csv-row-valid:hover,[data-dark-mode=true] .question-manager-container .csv-row-valid,[data-dark-mode=true] .question-manager-container .csv-row-valid:hover,body.dark-mode .question-manager-container .csv-row-valid,body.dark-mode .question-manager-container .csv-row-valid:hover{background:#1665342e}.dark-mode .question-manager-container .csv-row-invalid,.dark-mode .question-manager-container .csv-row-invalid:hover,[data-dark-mode=true] .question-manager-container .csv-row-invalid,[data-dark-mode=true] .question-manager-container .csv-row-invalid:hover,body.dark-mode .question-manager-container .csv-row-invalid,body.dark-mode .question-manager-container .csv-row-invalid:hover{background:#7f1d1d33}.dark-mode .question-manager-container .csv-error-text,[data-dark-mode=true] .question-manager-container .csv-error-text,body.dark-mode .question-manager-container .csv-error-text{background:#7f1d1d2e;border-color:#f8717159;color:#fecaca}.dark-mode .question-manager-container .import-summary,[data-dark-mode=true] .question-manager-container .import-summary,body.dark-mode .question-manager-container .import-summary{background:#16653429;border-color:#22c55e57}.dark-mode .question-manager-container .import-success,.dark-mode .question-manager-container .valid-count,[data-dark-mode=true] .question-manager-container .import-success,[data-dark-mode=true] .question-manager-container .valid-count,body.dark-mode .question-manager-container .import-success,body.dark-mode .question-manager-container .valid-count{color:#86efac}.dark-mode .question-manager-container .import-skipped,.dark-mode .question-manager-container .invalid-count,[data-dark-mode=true] .question-manager-container .import-skipped,[data-dark-mode=true] .question-manager-container .invalid-count,body.dark-mode .question-manager-container .import-skipped,body.dark-mode .question-manager-container .invalid-count{color:#fbbf24}.dark-mode .question-manager-container .status-valid,[data-dark-mode=true] .question-manager-container .status-valid,body.dark-mode .question-manager-container .status-valid{background:#15803d;color:#fff}.dark-mode .question-manager-container .status-invalid>span,[data-dark-mode=true] .question-manager-container .status-invalid>span,body.dark-mode .question-manager-container .status-invalid>span{background:#b91c1c;color:#fff}.dark-mode .question-manager-container .cell-image,.dark-mode .question-manager-container .image-preview,[data-dark-mode=true] .question-manager-container .cell-image,[data-dark-mode=true] .question-manager-container .image-preview,body.dark-mode .question-manager-container .cell-image,body.dark-mode .question-manager-container .image-preview{border-color:#94a3b840}.dark-mode .question-manager-container input[type=checkbox],[data-dark-mode=true] .question-manager-container input[type=checkbox],body.dark-mode .question-manager-container input[type=checkbox]{accent-color:#22d3ee;border-radius:3px;box-shadow:0 0 0 1px #94a3b873}.edit-question-container{background-color:#f8f9fa;font-family:Poppins,Arial,sans-serif;min-height:100vh;padding:20px}.header{background-color:#2980b9!important;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.header h1{font-size:2rem;margin:0}.action-button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.back-button{align-items:center;background-color:#2980b9!important;color:#fff!important;display:flex;gap:8px;padding:12px 24px}.back-button:hover{background-color:#3498db}.submit-button{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.submit-button:hover{background-color:#5294f7;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px;transition:all .3s ease}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.textarea-field{border:1px solid #ddd;border-radius:6px;height:120px;padding:12px;resize:vertical;width:100%}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-select{border:1px solid #ddd;border-radius:6px;padding:12px;width:100%}.form-select{background-color:#fff}.image-upload-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.upload-button-container{align-items:center;display:flex;gap:8px}.file-browser-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:inline-block;padding:10px 16px;transition:all .2s ease}.file-browser-button:hover{background-color:#e3e3e3}.file-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-image-container{margin-bottom:12px}.current-image-label,.new-image-label{color:#555;font-size:14px;margin-bottom:6px}.current-image{margin-bottom:12px;max-height:150px;max-width:150px}.current-image,.image-preview{border:1px solid #ddd;border-radius:4px}.image-preview{margin-top:8px;max-height:100px;max-width:100px}.form-fields-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:16px 0}.form-submit-container{align-items:center;display:flex;margin-top:24px}.required-field-note{color:#666;margin-left:12px}.loading-container{height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-top-color:#2980b9;height:40px;margin-bottom:16px;width:40px}.toast{animation:fadeIn .3s,fadeOut .3s 2.7s;border-radius:6px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;padding:12px 24px;position:fixed;right:20px;z-index:1000}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.form-fields-container,.form-grid,.image-upload-container{grid-template-columns:1fr}}:root{--primary-color:#dbeefa;--success-color:#27ae60;--warning-color:#f39c12}.create-quiz-container{max-width:1200px;padding:20px}.create-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-quiz-header h1{color:#dbeefa;color:var(--primary-color);font-size:28px;font-weight:600;text-shadow:1px 1px 2px #0000000d}.back-button{background-color:#dbeefa;background-color:var(--primary-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:15px;font-weight:500;transition:all .3s ease}.back-button:hover{background-color:#2573a7;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.divider{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-bottom:30px}.create-quiz-main{display:flex;flex-direction:column;gap:25px}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #00000008;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.quiz-settings-card{background:linear-gradient(to right bottom,#fff,#f9f9f9)}.quiz-settings-content{display:flex;flex-wrap:wrap;gap:30px}.quiz-settings,.search-filters{flex:1 1 320px}.card h2,.quiz-settings h2,.search-filters h2{color:#dbeefa;color:var(--primary-color);font-size:22px;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.card h2:after,.quiz-settings h2:after,.search-filters h2:after{background-color:#dbeefa;background-color:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}label{color:#333;color:var(--text-color);display:block;font-size:15px;font-weight:500;margin-bottom:8px}.quiz-label-note{font-size:13px;font-weight:400}.quiz-field-note,.quiz-label-note{color:#666;color:var(--text-light)}.quiz-field-note{font-size:12px;margin:4px 0 0}input[type=number],input[type=text]{background-color:#f9fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}input[type=number]:hover,input[type=text]:hover{border-color:#cbd5e0}input[type=number]:focus,input[type=text]:focus{background-color:#fff;border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db33;outline:none}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1 1}.generate-code-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.generate-code-button:hover{background-color:#e0e0e0;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.generate-code-button:active{transform:translateY(0)}.search-filters .grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.subject-selection-card{margin-bottom:25px}.subject-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.subject-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:15px;font-weight:400;padding:10px 18px;transition:all .3s ease}.subject-button:hover{background-color:#f0f0f0;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.subject-button.selected{background-color:#dbeefa;background-color:var(--primary-color);box-shadow:0 3px 8px #2980b94d;color:#fff;font-weight:600}.filters-card{margin-bottom:25px}.filter-inputs{display:flex;flex-direction:row;gap:15px;margin-bottom:20px}.filter-inputs .form-group{flex:1 1}.clear-filters-button{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;font-weight:500;margin-top:15px;padding:10px 18px;transition:all .3s ease}.clear-filters-button:hover{background-color:#f8f9fa;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.questions-table-card{overflow:hidden}.questions-header{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.questions-header-top{align-items:center;display:flex;justify-content:space-between}.questions-header h2{color:#dbeefa;color:var(--primary-color);font-size:22px;font-weight:600;margin:0}.allow-paste-group{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:28px;padding-top:20px}.allow-paste-label{align-items:center;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;margin-bottom:0}.allow-paste-checkbox{accent-color:#3498db;accent-color:var(--secondary-color);cursor:pointer;flex-shrink:0;height:18px!important;width:18px!important}.allow-paste-hint{color:#666;color:var(--text-light);font-size:13px;font-style:italic;line-height:1.6;margin-left:28px;margin-top:10px}.quiz-action-bar{align-items:center;background:linear-gradient(90deg,#f0f7ff,#e8f3fd);border:1px solid #bfdbfe;border-radius:10px;box-shadow:0 2px 6px #2563eb12;display:flex;gap:16px;justify-content:space-between;margin:16px 0;padding:14px 20px}.quiz-action-summary{color:#1e40af;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-action-create-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:8px;box-shadow:0 3px 8px #2563eb59;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:9px 22px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.quiz-action-create-btn:hover:not(:disabled){box-shadow:0 5px 14px #2563eb73;transform:translateY(-2px)}.quiz-action-create-btn:active:not(:disabled){transform:translateY(0)}.quiz-action-create-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.toggle-view-button{align-self:flex-start;background-color:#edf4ff;border:1.5px solid #bfdbfe;border-radius:20px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap}.toggle-view-button:hover{background-color:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.toggle-view-button:active{transform:translateY(0)}.selected-count{background-color:#e3f2fd;border-radius:20px;box-shadow:0 2px 5px #2980b91a;color:#dbeefa;color:var(--primary-color);font-size:15px;font-weight:500;padding:8px 16px}.table-responsive{border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:15px;overflow-x:auto}.questions-table{border-collapse:collapse;border-radius:8px;font-size:15px;overflow:hidden;width:100%}.questions-table thead{background-color:#f0f4f8}.questions-table td,.questions-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:15px;text-align:left;vertical-align:middle}.questions-table th{color:#333;color:var(--text-color);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.questions-table tbody tr{transition:all .2s ease}.questions-table tbody tr:hover{background-color:#f9fafb}.questions-table tr.selected{background-color:#edf7ff}.select-all-container{align-items:center;display:flex;gap:8px}.select-all-label{cursor:pointer;font-size:14px;font-weight:400}input[type=checkbox]{accent-color:#dbeefa;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.question-image{box-shadow:0 2px 5px #0000001a;height:80px;object-fit:cover;transition:transform .3s;width:120px}.question-image:hover{box-shadow:0 5px 15px #0000001a;transform:scale(1.08)}.no-data,.no-question{color:#999;font-style:italic}.no-data{padding:30px;text-align:center}.create-quiz-btn-container{display:flex;justify-content:flex-end;margin-top:25px}.create-quiz-button{background-color:#dbeefa;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 10px #2980b94d;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-quiz-button:hover:not(:disabled){background-color:#2573a7;box-shadow:0 6px 15px #2980b966;transform:translateY(-2px)}.create-quiz-button:active:not(:disabled){transform:translateY(0)}.create-quiz-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.question-order-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:4px}.question-order-header h2{margin:0}.reorder-questions-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 2px 6px #3498db40;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.reorder-questions-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#2471a3);box-shadow:0 3px 10px #3498db59;transform:translateY(-1px)}.reorder-questions-btn:active:not(:disabled){box-shadow:0 1px 4px #3498db33;transform:translateY(0)}.reorder-questions-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.5}.selected-questions-card{margin-bottom:40px;margin-top:30px}.order-instructions{background-color:#f9f9f9;border-left:4px solid #dbeefa;border-left:4px solid var(--primary-color);border-radius:8px;color:#666;font-style:italic;line-height:1.5;margin-bottom:25px;padding:15px}.selected-questions-list{display:flex;flex-direction:column;gap:15px}.selected-question-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 3px 8px #0000000d;display:flex;padding:18px;transition:all .3s ease}.selected-question-item:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.question-order-number{align-items:center;background-color:#dbeefa;background-color:var(--primary-color);border-radius:50%;box-shadow:0 3px 6px #2980b933;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;margin-right:18px;width:36px}.question-content{flex:1 1;overflow:hidden}.question-text{color:#333;color:var(--text-color);font-size:15px;line-height:1.4;margin-bottom:10px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-image-container{align-items:center;display:flex;margin-bottom:10px}.question-thumbnail{border-radius:6px;box-shadow:0 2px 5px #0000001a;height:50px;margin-right:12px;object-fit:cover;width:70px}.image-indicator{color:#666;font-size:13px;font-style:italic}.question-meta{color:#666;display:flex;font-size:13px;gap:15px}.question-marks,.question-spec,.question-topic{background-color:#f0f0f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:5px 10px}.question-topic{background-color:#e3f2fd;color:#1565c0}.question-spec{background-color:#e8f5e9;color:#2e7d32}.question-marks{background-color:#fff3e0;color:#e65100}.question-actions{display:flex;flex-direction:column;gap:8px;margin-left:18px}.move-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.move-button:hover:not(:disabled){background-color:#e0e0e0;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.move-button:active:not(:disabled){transform:translateY(0)}.move-button:disabled{cursor:not-allowed;opacity:.4}.down-button,.up-button{color:#dbeefa;color:var(--primary-color)}@media (max-width:768px){.filter-inputs,.questions-header{flex-direction:column}.questions-header{align-items:flex-start;gap:10px}.selected-count{align-self:flex-start}.create-quiz-header{align-items:flex-start;flex-direction:column;gap:15px}.back-button{align-self:flex-start}}[data-dark-mode=true] body,body.dark-mode{background:#0f172a;color:#e5e7eb}.dark-mode .create-quiz-container,[data-dark-mode=true] .create-quiz-container,body.dark-mode .create-quiz-container{--primary-color:#38bdf8;--secondary-color:#22d3ee;--white:#172033;--light-bg:#111827;--card-bg:#172033;--border-color:#94a3b840;--text-color:#f8fafc;--text-light:#cbd5e1;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#f87171;color:#333;color:var(--text-color);max-width:none;min-height:100vh}.dark-mode .create-quiz-container>*,[data-dark-mode=true] .create-quiz-container>*,body.dark-mode .create-quiz-container>*{margin-left:auto;margin-right:auto;max-width:1200px}.dark-mode .create-quiz-container .card h2,.dark-mode .create-quiz-container .create-quiz-header h1,.dark-mode .create-quiz-container .question-order-header h2,.dark-mode .create-quiz-container .questions-header h2,.dark-mode .create-quiz-container .quiz-settings h2,.dark-mode .create-quiz-container .search-filters h2,[data-dark-mode=true] .create-quiz-container .card h2,[data-dark-mode=true] .create-quiz-container .create-quiz-header h1,[data-dark-mode=true] .create-quiz-container .question-order-header h2,[data-dark-mode=true] .create-quiz-container .questions-header h2,[data-dark-mode=true] .create-quiz-container .quiz-settings h2,[data-dark-mode=true] .create-quiz-container .search-filters h2,body.dark-mode .create-quiz-container .card h2,body.dark-mode .create-quiz-container .create-quiz-header h1,body.dark-mode .create-quiz-container .question-order-header h2,body.dark-mode .create-quiz-container .questions-header h2,body.dark-mode .create-quiz-container .quiz-settings h2,body.dark-mode .create-quiz-container .search-filters h2{color:#f8fafc;text-shadow:none}.dark-mode .create-quiz-container .card,.dark-mode .create-quiz-container .filters-card,.dark-mode .create-quiz-container .questions-table-card,.dark-mode .create-quiz-container .quiz-settings-card,.dark-mode .create-quiz-container .selected-questions-card,.dark-mode .create-quiz-container .subject-selection-card,[data-dark-mode=true] .create-quiz-container .card,[data-dark-mode=true] .create-quiz-container .filters-card,[data-dark-mode=true] .create-quiz-container .questions-table-card,[data-dark-mode=true] .create-quiz-container .quiz-settings-card,[data-dark-mode=true] .create-quiz-container .selected-questions-card,[data-dark-mode=true] .create-quiz-container .subject-selection-card,body.dark-mode .create-quiz-container .card,body.dark-mode .create-quiz-container .filters-card,body.dark-mode .create-quiz-container .questions-table-card,body.dark-mode .create-quiz-container .quiz-settings-card,body.dark-mode .create-quiz-container .selected-questions-card,body.dark-mode .create-quiz-container .subject-selection-card{box-shadow:0 18px 44px #00000047}.dark-mode .create-quiz-container .card:hover,[data-dark-mode=true] .create-quiz-container .card:hover,body.dark-mode .create-quiz-container .card:hover{border-color:#22d3ee52;box-shadow:0 22px 54px #00000057}.dark-mode .create-quiz-container .allow-paste-group,.dark-mode .create-quiz-container .divider,[data-dark-mode=true] .create-quiz-container .allow-paste-group,[data-dark-mode=true] .create-quiz-container .divider,body.dark-mode .create-quiz-container .allow-paste-group,body.dark-mode .create-quiz-container .divider{border-color:#94a3b838}.dark-mode .create-quiz-container input[type=number],.dark-mode .create-quiz-container input[type=text],[data-dark-mode=true] .create-quiz-container input[type=number],[data-dark-mode=true] .create-quiz-container input[type=text],body.dark-mode .create-quiz-container input[type=number],body.dark-mode .create-quiz-container input[type=text]{background:#0f172a;border-color:#94a3b859;box-shadow:none;color:#f8fafc}.dark-mode .create-quiz-container input[type=number]::placeholder,.dark-mode .create-quiz-container input[type=text]::placeholder,[data-dark-mode=true] .create-quiz-container input[type=number]::placeholder,[data-dark-mode=true] .create-quiz-container input[type=text]::placeholder,body.dark-mode .create-quiz-container input[type=number]::placeholder,body.dark-mode .create-quiz-container input[type=text]::placeholder{color:#64748b}.dark-mode .create-quiz-container input[type=number]:hover,.dark-mode .create-quiz-container input[type=text]:hover,[data-dark-mode=true] .create-quiz-container input[type=number]:hover,[data-dark-mode=true] .create-quiz-container input[type=text]:hover,body.dark-mode .create-quiz-container input[type=number]:hover,body.dark-mode .create-quiz-container input[type=text]:hover{background:#111827;border-color:#22d3ee80}.dark-mode .create-quiz-container input[type=number]:focus,.dark-mode .create-quiz-container input[type=text]:focus,[data-dark-mode=true] .create-quiz-container input[type=number]:focus,[data-dark-mode=true] .create-quiz-container input[type=text]:focus,body.dark-mode .create-quiz-container input[type=number]:focus,body.dark-mode .create-quiz-container input[type=text]:focus{background:#0f172a;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee29}.dark-mode .create-quiz-container .back-button:hover,.dark-mode .create-quiz-container .clear-filters-button:hover,.dark-mode .create-quiz-container .generate-code-button:hover,.dark-mode .create-quiz-container .move-button:hover:not(:disabled),.dark-mode .create-quiz-container .subject-button:hover,.dark-mode .create-quiz-container .toggle-view-button:hover,[data-dark-mode=true] .create-quiz-container .back-button:hover,[data-dark-mode=true] .create-quiz-container .clear-filters-button:hover,[data-dark-mode=true] .create-quiz-container .generate-code-button:hover,[data-dark-mode=true] .create-quiz-container .move-button:hover:not(:disabled),[data-dark-mode=true] .create-quiz-container .subject-button:hover,[data-dark-mode=true] .create-quiz-container .toggle-view-button:hover,body.dark-mode .create-quiz-container .back-button:hover,body.dark-mode .create-quiz-container .clear-filters-button:hover,body.dark-mode .create-quiz-container .generate-code-button:hover,body.dark-mode .create-quiz-container .move-button:hover:not(:disabled),body.dark-mode .create-quiz-container .subject-button:hover,body.dark-mode .create-quiz-container .toggle-view-button:hover{box-shadow:0 10px 22px #0003}.dark-mode .create-quiz-container .create-quiz-button:disabled,.dark-mode .create-quiz-container .move-button:disabled,.dark-mode .create-quiz-container .quiz-action-create-btn:disabled,.dark-mode .create-quiz-container .reorder-questions-btn:disabled,[data-dark-mode=true] .create-quiz-container .create-quiz-button:disabled,[data-dark-mode=true] .create-quiz-container .move-button:disabled,[data-dark-mode=true] .create-quiz-container .quiz-action-create-btn:disabled,[data-dark-mode=true] .create-quiz-container .reorder-questions-btn:disabled,body.dark-mode .create-quiz-container .create-quiz-button:disabled,body.dark-mode .create-quiz-container .move-button:disabled,body.dark-mode .create-quiz-container .quiz-action-create-btn:disabled,body.dark-mode .create-quiz-container .reorder-questions-btn:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1}.dark-mode .create-quiz-container .order-instructions,.dark-mode .create-quiz-container .quiz-action-bar,[data-dark-mode=true] .create-quiz-container .order-instructions,[data-dark-mode=true] .create-quiz-container .quiz-action-bar,body.dark-mode .create-quiz-container .order-instructions,body.dark-mode .create-quiz-container .quiz-action-bar{background:#111827;border-color:#94a3b83d;box-shadow:0 12px 28px #00000038}.dark-mode .create-quiz-container .quiz-action-summary,.dark-mode .create-quiz-container .selected-count,[data-dark-mode=true] .create-quiz-container .quiz-action-summary,[data-dark-mode=true] .create-quiz-container .selected-count,body.dark-mode .create-quiz-container .quiz-action-summary,body.dark-mode .create-quiz-container .selected-count{color:#bae6fd}.dark-mode .create-quiz-container .question-marks,.dark-mode .create-quiz-container .question-spec,.dark-mode .create-quiz-container .question-topic,.dark-mode .create-quiz-container .selected-count,[data-dark-mode=true] .create-quiz-container .question-marks,[data-dark-mode=true] .create-quiz-container .question-spec,[data-dark-mode=true] .create-quiz-container .question-topic,[data-dark-mode=true] .create-quiz-container .selected-count,body.dark-mode .create-quiz-container .question-marks,body.dark-mode .create-quiz-container .question-spec,body.dark-mode .create-quiz-container .question-topic,body.dark-mode .create-quiz-container .selected-count{border:1px solid #22d3ee38;box-shadow:none}.dark-mode .create-quiz-container .table-responsive,[data-dark-mode=true] .create-quiz-container .table-responsive,body.dark-mode .create-quiz-container .table-responsive{border:1px solid #94a3b838}.dark-mode .create-quiz-container .question-order-number,[data-dark-mode=true] .create-quiz-container .question-order-number,body.dark-mode .create-quiz-container .question-order-number{background:linear-gradient(135deg,#0369a1,#0891b2);box-shadow:0 8px 18px #0891b23d}.dark-mode .create-quiz-container .question-image,.dark-mode .create-quiz-container .question-thumbnail,[data-dark-mode=true] .create-quiz-container .question-image,[data-dark-mode=true] .create-quiz-container .question-thumbnail,body.dark-mode .create-quiz-container .question-image,body.dark-mode .create-quiz-container .question-thumbnail{border:1px solid #94a3b840}.create-quiz-container{--cq-accent:#0f8aa5;--cq-accent-strong:#1f6f9f;--cq-accent-soft:#eefbfc;--cq-surface-soft:#f8fbfc;--cq-border:#d9e4ea;--cq-text:#172a3a;--cq-shadow:0 18px 50px #1f35471a;--cq-small-shadow:0 8px 22px #1f354714;background:radial-gradient(circle at top left,#19a7b81f,#0000 34rem),linear-gradient(180deg,#f6fbfc,#eef5f8 46%,#f8fafc);color:var(--cq-text);max-width:none;padding:36px 24px 56px}.create-quiz-container>*{margin-left:auto;margin-right:auto;max-width:1200px}.create-quiz-container .create-quiz-header{margin-bottom:22px}.create-quiz-container .card h2,.create-quiz-container .create-quiz-header h1,.create-quiz-container .question-order-header h2,.create-quiz-container .questions-header h2{color:var(--cq-text);letter-spacing:0}.create-quiz-container .divider{border-top-color:#94a3b83d;margin-bottom:24px}.create-quiz-container .card{background:var(--cq-surface);border:1px solid #d9e4eaf2;border-radius:14px;box-shadow:var(--cq-shadow)}.create-quiz-container .card:hover{border-color:#19a7b857;box-shadow:0 20px 48px #1f35471f}.create-quiz-container .filters-card,.create-quiz-container .questions-table-card,.create-quiz-container .quiz-settings-card,.create-quiz-container .selected-questions-card,.create-quiz-container .subject-selection-card{overflow:hidden}.create-quiz-container .allow-paste-label,.create-quiz-container .question-text,.create-quiz-container .questions-table td,.create-quiz-container .questions-table th,.create-quiz-container .select-all-label,.create-quiz-container label{color:var(--cq-text)}.create-quiz-container .allow-paste-hint,.create-quiz-container .image-indicator,.create-quiz-container .no-data,.create-quiz-container .no-question,.create-quiz-container .order-instructions,.create-quiz-container .question-meta,.create-quiz-container .quiz-field-note,.create-quiz-container .quiz-label-note{color:var(--cq-muted)}.create-quiz-container input[type=number],.create-quiz-container input[type=text],.create-quiz-container select,.create-quiz-container textarea{background:#fbfdfe;border:1px solid var(--cq-border);color:var(--cq-text)}.create-quiz-container input[type=number]::placeholder,.create-quiz-container input[type=text]::placeholder,.create-quiz-container textarea::placeholder{color:#94a3b8}.create-quiz-container input[type=number]:focus,.create-quiz-container input[type=text]:focus,.create-quiz-container select:focus,.create-quiz-container textarea:focus{border-color:var(--cq-accent);box-shadow:0 0 0 4px #19a7b829}.create-quiz-container .subject-buttons{gap:10px}.create-quiz-container .subject-button{background:#fff;border:1px solid #cfe1e8;color:#365466}.create-quiz-container .subject-button:hover{background:#f3fbfc;border-color:#19a7b86b;box-shadow:var(--cq-small-shadow);color:var(--cq-accent-strong)}.create-quiz-container .subject-button.selected{background:linear-gradient(135deg,var(--cq-accent-strong),var(--cq-accent));box-shadow:0 10px 22px #1f6f9f33}.create-quiz-container .allow-paste-group,.create-quiz-container .order-instructions,.create-quiz-container .quiz-action-bar{border-color:#d9e4eaf2}.create-quiz-container .allow-paste-group{border:1px solid #d9e4eaf2;border-radius:10px;margin-top:24px;padding:16px}.create-quiz-container .quiz-action-bar{background:linear-gradient(180deg,#eff8fb,#f8fbfc);border:1px solid #c9edf3;box-shadow:0 10px 24px #1f35470f}.create-quiz-container .quiz-action-summary,.create-quiz-container .selected-count{color:#075985}.create-quiz-container .question-marks,.create-quiz-container .question-spec,.create-quiz-container .question-topic,.create-quiz-container .selected-count{background:#eefbfc;border:1px solid #c9edf3;box-shadow:none;color:#0d6477}.create-quiz-container .table-responsive{box-shadow:0 8px 22px #1f35470f}.create-quiz-container .questions-table thead{background:#eff6f9}.create-quiz-container .questions-table tbody tr:hover{background:#f6fafb}.create-quiz-container .questions-table tr.selected{background:#eefbfc}.create-quiz-container .selected-question-item{border-color:var(--cq-border);box-shadow:0 8px 20px #1f35470f}.create-quiz-container .selected-question-item:hover{border-color:#19a7b86b;box-shadow:var(--cq-small-shadow)}.create-quiz-container .back-button,.create-quiz-container .clear-filters-button,.create-quiz-container .generate-code-button,.create-quiz-container .move-button,.create-quiz-container .toggle-view-button{background:#fff;border:1px solid #94a3b861;box-shadow:none;color:#365466}.create-quiz-container .back-button:hover,.create-quiz-container .clear-filters-button:hover,.create-quiz-container .generate-code-button:hover,.create-quiz-container .move-button:hover:not(:disabled),.create-quiz-container .toggle-view-button:hover{background:#f8fbfc;border-color:#19a7b86b;box-shadow:var(--cq-small-shadow);color:var(--cq-accent-strong)}.create-quiz-container .create-quiz-button,.create-quiz-container .quiz-action-create-btn,.create-quiz-container .reorder-questions-btn{background:linear-gradient(135deg,var(--cq-accent-strong),var(--cq-accent));border:1px solid #0000;box-shadow:0 10px 22px #1f6f9f33;color:#fff}.create-quiz-container .create-quiz-button:disabled,.create-quiz-container .move-button:disabled,.create-quiz-container .quiz-action-create-btn:disabled,.create-quiz-container .reorder-questions-btn:disabled,.create-quiz-container button:disabled{background:#dbe5ea;border-color:#dbe5ea;box-shadow:none;color:#7c8b98;opacity:1}.dark-mode .create-quiz-container,[data-dark-mode=true] .create-quiz-container,body.dark-mode .create-quiz-container{--cq-accent:#22d3ee;--cq-accent-strong:#38bdf8;--cq-accent-soft:#22d3ee1f;--cq-border:#94a3b83d;--cq-text:#f8fafc;--cq-shadow:0 18px 44px #00000047;--cq-small-shadow:0 14px 30px #0000003d;color:var(--cq-text)}.dark-mode .create-quiz-container .card,[data-dark-mode=true] .create-quiz-container .card,body.dark-mode .create-quiz-container .card{background:var(--cq-surface);border-color:var(--cq-border);box-shadow:var(--cq-shadow)}.dark-mode .create-quiz-container .card:hover,[data-dark-mode=true] .create-quiz-container .card:hover,body.dark-mode .create-quiz-container .card:hover{border-color:#22d3ee57;box-shadow:0 22px 54px #00000057,0 0 24px #22d3ee14}.dark-mode .create-quiz-container .card h2,.dark-mode .create-quiz-container .create-quiz-header h1,.dark-mode .create-quiz-container .question-order-header h2,.dark-mode .create-quiz-container .questions-header h2,[data-dark-mode=true] .create-quiz-container .card h2,[data-dark-mode=true] .create-quiz-container .create-quiz-header h1,[data-dark-mode=true] .create-quiz-container .question-order-header h2,[data-dark-mode=true] .create-quiz-container .questions-header h2,body.dark-mode .create-quiz-container .card h2,body.dark-mode .create-quiz-container .create-quiz-header h1,body.dark-mode .create-quiz-container .question-order-header h2,body.dark-mode .create-quiz-container .questions-header h2{color:#f8fafc}.dark-mode .create-quiz-container .allow-paste-label,.dark-mode .create-quiz-container .question-text,.dark-mode .create-quiz-container .questions-table td,.dark-mode .create-quiz-container .questions-table th,.dark-mode .create-quiz-container .select-all-label,.dark-mode .create-quiz-container label,[data-dark-mode=true] .create-quiz-container .allow-paste-label,[data-dark-mode=true] .create-quiz-container .question-text,[data-dark-mode=true] .create-quiz-container .questions-table td,[data-dark-mode=true] .create-quiz-container .questions-table th,[data-dark-mode=true] .create-quiz-container .select-all-label,[data-dark-mode=true] .create-quiz-container label,body.dark-mode .create-quiz-container .allow-paste-label,body.dark-mode .create-quiz-container .question-text,body.dark-mode .create-quiz-container .questions-table td,body.dark-mode .create-quiz-container .questions-table th,body.dark-mode .create-quiz-container .select-all-label,body.dark-mode .create-quiz-container label{color:#e5e7eb}.dark-mode .create-quiz-container .allow-paste-hint,.dark-mode .create-quiz-container .image-indicator,.dark-mode .create-quiz-container .no-data,.dark-mode .create-quiz-container .no-question,.dark-mode .create-quiz-container .order-instructions,.dark-mode .create-quiz-container .question-meta,.dark-mode .create-quiz-container .quiz-field-note,.dark-mode .create-quiz-container .quiz-label-note,[data-dark-mode=true] .create-quiz-container .allow-paste-hint,[data-dark-mode=true] .create-quiz-container .image-indicator,[data-dark-mode=true] .create-quiz-container .no-data,[data-dark-mode=true] .create-quiz-container .no-question,[data-dark-mode=true] .create-quiz-container .order-instructions,[data-dark-mode=true] .create-quiz-container .question-meta,[data-dark-mode=true] .create-quiz-container .quiz-field-note,[data-dark-mode=true] .create-quiz-container .quiz-label-note,body.dark-mode .create-quiz-container .allow-paste-hint,body.dark-mode .create-quiz-container .image-indicator,body.dark-mode .create-quiz-container .no-data,body.dark-mode .create-quiz-container .no-question,body.dark-mode .create-quiz-container .order-instructions,body.dark-mode .create-quiz-container .question-meta,body.dark-mode .create-quiz-container .quiz-field-note,body.dark-mode .create-quiz-container .quiz-label-note{color:#94a3b8}.dark-mode .create-quiz-container input[type=number],.dark-mode .create-quiz-container input[type=text],.dark-mode .create-quiz-container select,.dark-mode .create-quiz-container textarea,[data-dark-mode=true] .create-quiz-container input[type=number],[data-dark-mode=true] .create-quiz-container input[type=text],[data-dark-mode=true] .create-quiz-container select,[data-dark-mode=true] .create-quiz-container textarea,body.dark-mode .create-quiz-container input[type=number],body.dark-mode .create-quiz-container input[type=text],body.dark-mode .create-quiz-container select,body.dark-mode .create-quiz-container textarea{background:#0f172a;border-color:#94a3b859;box-shadow:none}.dark-mode .create-quiz-container input[type=number]::placeholder,.dark-mode .create-quiz-container input[type=text]::placeholder,.dark-mode .create-quiz-container textarea::placeholder,[data-dark-mode=true] .create-quiz-container input[type=number]::placeholder,[data-dark-mode=true] .create-quiz-container input[type=text]::placeholder,[data-dark-mode=true] .create-quiz-container textarea::placeholder,body.dark-mode .create-quiz-container input[type=number]::placeholder,body.dark-mode .create-quiz-container input[type=text]::placeholder,body.dark-mode .create-quiz-container textarea::placeholder{color:#64748b}.dark-mode .create-quiz-container input[type=number]:focus,.dark-mode .create-quiz-container input[type=text]:focus,.dark-mode .create-quiz-container select:focus,.dark-mode .create-quiz-container textarea:focus,[data-dark-mode=true] .create-quiz-container input[type=number]:focus,[data-dark-mode=true] .create-quiz-container input[type=text]:focus,[data-dark-mode=true] .create-quiz-container select:focus,[data-dark-mode=true] .create-quiz-container textarea:focus,body.dark-mode .create-quiz-container input[type=number]:focus,body.dark-mode .create-quiz-container input[type=text]:focus,body.dark-mode .create-quiz-container select:focus,body.dark-mode .create-quiz-container textarea:focus{background:#0f172a;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee29}.dark-mode .create-quiz-container select option,[data-dark-mode=true] .create-quiz-container select option,body.dark-mode .create-quiz-container select option{background:#111827;color:#f8fafc}.dark-mode .create-quiz-container .subject-button,[data-dark-mode=true] .create-quiz-container .subject-button,body.dark-mode .create-quiz-container .subject-button{border-color:#94a3b847;box-shadow:none;color:#cbd5e1}.dark-mode .create-quiz-container .subject-button:hover,[data-dark-mode=true] .create-quiz-container .subject-button:hover,body.dark-mode .create-quiz-container .subject-button:hover{box-shadow:0 10px 22px #00000038}.dark-mode .create-quiz-container .subject-button.selected,[data-dark-mode=true] .create-quiz-container .subject-button.selected,body.dark-mode .create-quiz-container .subject-button.selected{background:linear-gradient(135deg,#0369a1,#0e7490);border-color:#22d3eea6;box-shadow:0 10px 24px #0e749047}.dark-mode .create-quiz-container .allow-paste-group,.dark-mode .create-quiz-container .order-instructions,.dark-mode .create-quiz-container .quiz-action-bar,[data-dark-mode=true] .create-quiz-container .allow-paste-group,[data-dark-mode=true] .create-quiz-container .order-instructions,[data-dark-mode=true] .create-quiz-container .quiz-action-bar,body.dark-mode .create-quiz-container .allow-paste-group,body.dark-mode .create-quiz-container .order-instructions,body.dark-mode .create-quiz-container .quiz-action-bar{border-color:#94a3b83d;box-shadow:0 12px 28px #0003}.dark-mode .create-quiz-container .question-marks,.dark-mode .create-quiz-container .question-spec,.dark-mode .create-quiz-container .question-topic,.dark-mode .create-quiz-container .selected-count,[data-dark-mode=true] .create-quiz-container .question-marks,[data-dark-mode=true] .create-quiz-container .question-spec,[data-dark-mode=true] .create-quiz-container .question-topic,[data-dark-mode=true] .create-quiz-container .selected-count,body.dark-mode .create-quiz-container .question-marks,body.dark-mode .create-quiz-container .question-spec,body.dark-mode .create-quiz-container .question-topic,body.dark-mode .create-quiz-container .selected-count{background:#0e749029;border-color:#22d3ee38;color:#bae6fd}.dark-mode .create-quiz-container .quiz-action-summary,[data-dark-mode=true] .create-quiz-container .quiz-action-summary,body.dark-mode .create-quiz-container .quiz-action-summary{color:#bae6fd}.dark-mode .create-quiz-container .table-responsive,[data-dark-mode=true] .create-quiz-container .table-responsive,body.dark-mode .create-quiz-container .table-responsive{background:#111827;border-color:#94a3b838;box-shadow:none}.dark-mode .create-quiz-container .questions-table,[data-dark-mode=true] .create-quiz-container .questions-table,body.dark-mode .create-quiz-container .questions-table{background:#111827}.dark-mode .create-quiz-container .questions-table thead,[data-dark-mode=true] .create-quiz-container .questions-table thead,body.dark-mode .create-quiz-container .questions-table thead{background:#1f2937}.dark-mode .create-quiz-container .questions-table td,.dark-mode .create-quiz-container .questions-table th,[data-dark-mode=true] .create-quiz-container .questions-table td,[data-dark-mode=true] .create-quiz-container .questions-table th,body.dark-mode .create-quiz-container .questions-table td,body.dark-mode .create-quiz-container .questions-table th{border-bottom-color:#94a3b82e}.dark-mode .create-quiz-container .questions-table tbody tr:hover,[data-dark-mode=true] .create-quiz-container .questions-table tbody tr:hover,body.dark-mode .create-quiz-container .questions-table tbody tr:hover{background:#1f2937bd}.dark-mode .create-quiz-container .questions-table tr.selected,[data-dark-mode=true] .create-quiz-container .questions-table tr.selected,body.dark-mode .create-quiz-container .questions-table tr.selected{background:#0891b224}.dark-mode .create-quiz-container .selected-question-item,[data-dark-mode=true] .create-quiz-container .selected-question-item,body.dark-mode .create-quiz-container .selected-question-item{background:#111827;border-color:#94a3b83d;box-shadow:none}.dark-mode .create-quiz-container .selected-question-item:hover,[data-dark-mode=true] .create-quiz-container .selected-question-item:hover,body.dark-mode .create-quiz-container .selected-question-item:hover{border-color:#22d3ee57;box-shadow:0 14px 30px #0000003d}.dark-mode .create-quiz-container .back-button,.dark-mode .create-quiz-container .clear-filters-button,.dark-mode .create-quiz-container .generate-code-button,.dark-mode .create-quiz-container .move-button,.dark-mode .create-quiz-container .toggle-view-button,[data-dark-mode=true] .create-quiz-container .back-button,[data-dark-mode=true] .create-quiz-container .clear-filters-button,[data-dark-mode=true] .create-quiz-container .generate-code-button,[data-dark-mode=true] .create-quiz-container .move-button,[data-dark-mode=true] .create-quiz-container .toggle-view-button,body.dark-mode .create-quiz-container .back-button,body.dark-mode .create-quiz-container .clear-filters-button,body.dark-mode .create-quiz-container .generate-code-button,body.dark-mode .create-quiz-container .move-button,body.dark-mode .create-quiz-container .toggle-view-button{background:#111827;border-color:#94a3b852;box-shadow:none;color:#e5e7eb}.dark-mode .create-quiz-container .back-button:hover,.dark-mode .create-quiz-container .clear-filters-button:hover,.dark-mode .create-quiz-container .generate-code-button:hover,.dark-mode .create-quiz-container .move-button:hover:not(:disabled),.dark-mode .create-quiz-container .toggle-view-button:hover,[data-dark-mode=true] .create-quiz-container .back-button:hover,[data-dark-mode=true] .create-quiz-container .clear-filters-button:hover,[data-dark-mode=true] .create-quiz-container .generate-code-button:hover,[data-dark-mode=true] .create-quiz-container .move-button:hover:not(:disabled),[data-dark-mode=true] .create-quiz-container .toggle-view-button:hover,body.dark-mode .create-quiz-container .back-button:hover,body.dark-mode .create-quiz-container .clear-filters-button:hover,body.dark-mode .create-quiz-container .generate-code-button:hover,body.dark-mode .create-quiz-container .move-button:hover:not(:disabled),body.dark-mode .create-quiz-container .toggle-view-button:hover{background:#1f2937;border-color:#22d3ee73;box-shadow:0 10px 22px #00000038;color:#f8fafc}.dark-mode .create-quiz-container .create-quiz-button,.dark-mode .create-quiz-container .quiz-action-create-btn,.dark-mode .create-quiz-container .reorder-questions-btn,[data-dark-mode=true] .create-quiz-container .create-quiz-button,[data-dark-mode=true] .create-quiz-container .quiz-action-create-btn,[data-dark-mode=true] .create-quiz-container .reorder-questions-btn,body.dark-mode .create-quiz-container .create-quiz-button,body.dark-mode .create-quiz-container .quiz-action-create-btn,body.dark-mode .create-quiz-container .reorder-questions-btn{background:linear-gradient(135deg,#0369a1,#0891b2);box-shadow:0 10px 22px #0891b23d;color:#fff}.dark-mode .create-quiz-container .create-quiz-button:disabled,.dark-mode .create-quiz-container .move-button:disabled,.dark-mode .create-quiz-container .quiz-action-create-btn:disabled,.dark-mode .create-quiz-container .reorder-questions-btn:disabled,.dark-mode .create-quiz-container button:disabled,[data-dark-mode=true] .create-quiz-container .create-quiz-button:disabled,[data-dark-mode=true] .create-quiz-container .move-button:disabled,[data-dark-mode=true] .create-quiz-container .quiz-action-create-btn:disabled,[data-dark-mode=true] .create-quiz-container .reorder-questions-btn:disabled,[data-dark-mode=true] .create-quiz-container button:disabled,body.dark-mode .create-quiz-container .create-quiz-button:disabled,body.dark-mode .create-quiz-container .move-button:disabled,body.dark-mode .create-quiz-container .quiz-action-create-btn:disabled,body.dark-mode .create-quiz-container .reorder-questions-btn:disabled,body.dark-mode .create-quiz-container button:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:#94a3b8}.dark-mode .create-quiz-container input[type=checkbox],[data-dark-mode=true] .create-quiz-container input[type=checkbox],body.dark-mode .create-quiz-container input[type=checkbox]{accent-color:#22d3ee;border-radius:3px;box-shadow:0 0 0 1px #94a3b873}@media (max-width:768px){.create-quiz-container{padding:24px 16px 40px}.create-quiz-container .question-order-header,.create-quiz-container .questions-header-top,.create-quiz-container .quiz-action-bar{align-items:stretch;flex-direction:column}.create-quiz-container .create-quiz-button,.create-quiz-container .quiz-action-create-btn{width:100%}}.create-quiz-container{--cq-content-width:1200px;padding-left:0;padding-right:0}.create-quiz-container>.create-quiz-header,.create-quiz-container>.create-quiz-main,.create-quiz-container>.divider{margin-left:auto;margin-right:auto;max-width:var(--cq-content-width)}.create-quiz-container>.divider{border:none;border-top:1px solid #94a3b847;display:block;margin-bottom:24px;margin-top:0;max-width:var(--cq-content-width)}.create-quiz-container>.create-quiz-main{align-items:stretch}.create-quiz-container .filters-card,.create-quiz-container .questions-table-card,.create-quiz-container .quiz-settings-card,.create-quiz-container .selected-questions-card,.create-quiz-container .subject-selection-card{width:100%}.dark-mode .create-quiz-container>.divider,[data-dark-mode=true] .create-quiz-container>.divider,body.dark-mode .create-quiz-container>.divider{border-top-color:#94a3b838}@media (max-width:768px){.create-quiz-container{padding-left:0;padding-right:0}.create-quiz-container>.create-quiz-header,.create-quiz-container>.create-quiz-main,.create-quiz-container>.divider{width:calc(100% - 32px)}}@media (max-width:480px){.create-quiz-container>.create-quiz-header,.create-quiz-container>.create-quiz-main,.create-quiz-container>.divider{width:calc(100% - 20px)}}.create-quiz-container{--cq-page:#f8fafc;--cq-page-soft:#eef5fb;--cq-surface:#fff;--cq-surface-soft:#f8fafc;--cq-muted-surface:#f1f5f9;--cq-border:#94a3b847;--cq-border-strong:#94a3b86b;--cq-heading:#0f172a;--cq-body:#334155;--cq-muted:#64748b;--cq-placeholder:#94a3b8;--cq-teal:#14b8a6;--cq-blue:#0ea5e9;--cq-primary:#024161;--cq-shadow:0 18px 45px #0f172a17;--cq-shadow-soft:0 10px 28px #0f172a12;--cq-shadow-hover:0 24px 55px #0f172a21;background:radial-gradient(circle at 12% -10%,#14b8a626,#0000 34%),radial-gradient(circle at 92% 4%,#0ea5e924,#0000 32%),linear-gradient(180deg,var(--cq-page) 0,var(--cq-page-soft) 100%);color:var(--cq-body);font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding-bottom:56px;padding-top:28px}.create-quiz-container>.create-quiz-header,.create-quiz-container>.create-quiz-main,.create-quiz-container>.divider{width:min(var(--cq-content-width),calc(100% - 48px))}.create-quiz-container .create-quiz-header{align-items:center;background:linear-gradient(135deg,#024161fa,#077a9ffa);border:1px solid #fff3;border-radius:18px;box-shadow:0 20px 48px #0241612e;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:24px 26px}.create-quiz-container .create-quiz-header h1{color:#fff;font-size:clamp(1.9rem,3vw,2.55rem);font-weight:800;letter-spacing:0;margin:0}.create-quiz-container>.divider{background:linear-gradient(90deg,#0000,#14b8a661,#0ea5e947,#0000);border:0;height:1px;margin-bottom:26px}.create-quiz-container>.create-quiz-main{display:flex;flex-direction:column;gap:24px}.create-quiz-container .card,.create-quiz-container .filters-card,.create-quiz-container .questions-table-card,.create-quiz-container .quiz-settings-card,.create-quiz-container .selected-questions-card,.create-quiz-container .subject-selection-card{background:linear-gradient(180deg,#fffffffc,#f8fafcfa);border:1px solid var(--cq-border);border-radius:18px;box-shadow:var(--cq-shadow);color:var(--cq-body);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.create-quiz-container .card:hover,.create-quiz-container .filters-card:hover,.create-quiz-container .questions-table-card:hover,.create-quiz-container .quiz-settings-card:hover,.create-quiz-container .selected-questions-card:hover,.create-quiz-container .subject-selection-card:hover{border-color:#14b8a657;box-shadow:var(--cq-shadow-hover);transform:translateY(-1px)}.create-quiz-container .card h2,.create-quiz-container .question-order-header h2,.create-quiz-container .questions-header h2,.create-quiz-container .quiz-settings h2,.create-quiz-container .search-filters h2{color:var(--cq-heading);font-weight:800;letter-spacing:0;margin-top:0;position:relative}.create-quiz-container .card h2:after,.create-quiz-container .question-order-header h2:after,.create-quiz-container .questions-header h2:after,.create-quiz-container .quiz-settings h2:after,.create-quiz-container .search-filters h2:after{background:linear-gradient(90deg,var(--cq-teal),var(--cq-blue));border-radius:999px;content:"";display:block;margin-top:9px;width:52px}.create-quiz-container .allow-paste-label,.create-quiz-container .question-text,.create-quiz-container .questions-table td,.create-quiz-container .questions-table th,.create-quiz-container .select-all-label,.create-quiz-container label{color:var(--cq-heading)}.create-quiz-container .allow-paste-hint,.create-quiz-container .image-indicator,.create-quiz-container .no-data,.create-quiz-container .no-question,.create-quiz-container .order-instructions,.create-quiz-container .question-meta,.create-quiz-container .quiz-action-summary,.create-quiz-container .quiz-field-note,.create-quiz-container .quiz-label-note{color:var(--cq-muted)}.create-quiz-container input[type=number],.create-quiz-container input[type=text],.create-quiz-container select,.create-quiz-container textarea{background:var(--cq-surface);border:1px solid #94a3b85c;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;color:var(--cq-heading);min-height:44px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.create-quiz-container input[type=number]::placeholder,.create-quiz-container input[type=text]::placeholder,.create-quiz-container textarea::placeholder{color:var(--cq-placeholder)}.create-quiz-container input[type=number]:hover,.create-quiz-container input[type=text]:hover,.create-quiz-container select:hover,.create-quiz-container textarea:hover{border-color:var(--cq-border-strong)}.create-quiz-container button:focus-visible,.create-quiz-container input[type=number]:focus,.create-quiz-container input[type=text]:focus,.create-quiz-container select:focus,.create-quiz-container textarea:focus{border-color:#14b8a6b8;box-shadow:0 0 0 4px #14b8a624;outline:none}.create-quiz-container .input-with-button{align-items:stretch;gap:10px}.create-quiz-container .allow-paste-group,.create-quiz-container .order-instructions,.create-quiz-container .quiz-action-bar{background:var(--cq-surface-soft);border:1px solid var(--cq-border);border-radius:14px;box-shadow:inset 0 1px 0 #ffffffb8}.create-quiz-container input[type=checkbox]{accent-color:var(--cq-teal)}.create-quiz-container .subject-buttons{gap:12px}.create-quiz-container .subject-button{background:var(--cq-surface);border:1px solid var(--cq-border);border-radius:999px;box-shadow:0 8px 18px #0f172a0f;color:var(--cq-body);font-weight:700}.create-quiz-container .subject-button:hover{background:#ecfeff;border-color:#14b8a66b;color:var(--cq-primary)}.create-quiz-container .subject-button.selected{background:linear-gradient(135deg,var(--cq-teal),var(--cq-blue));border-color:#0000;box-shadow:0 12px 26px #0ea5e940}.create-quiz-container .back-button,.create-quiz-container .clear-filters-button,.create-quiz-container .move-button,.create-quiz-container .toggle-view-button{background:#ffffffeb;border:1px solid var(--cq-border);border-radius:12px;box-shadow:0 8px 18px #0f172a0f;color:var(--cq-heading);font-weight:700}.create-quiz-container .create-quiz-header .back-button{background:#ffffff29;border-color:#ffffff47;box-shadow:none;color:#fff}.create-quiz-container .back-button:hover,.create-quiz-container .clear-filters-button:hover,.create-quiz-container .move-button:hover:not(:disabled),.create-quiz-container .toggle-view-button:hover{background:#f0fdfa;border-color:#14b8a66b;color:var(--cq-primary);transform:translateY(-1px)}.create-quiz-container .create-quiz-header .back-button:hover{background:#ffffff3d;color:#fff}.create-quiz-container .create-quiz-button,.create-quiz-container .generate-code-button,.create-quiz-container .quiz-action-create-btn,.create-quiz-container .reorder-questions-btn{background:linear-gradient(135deg,var(--cq-teal) 0,var(--cq-blue) 100%);border:0;border-radius:12px;box-shadow:0 14px 28px #0ea5e93d;color:#fff;font-weight:800}.create-quiz-container .create-quiz-button:hover:not(:disabled),.create-quiz-container .generate-code-button:hover:not(:disabled),.create-quiz-container .quiz-action-create-btn:hover:not(:disabled),.create-quiz-container .reorder-questions-btn:hover:not(:disabled){box-shadow:0 18px 36px #0ea5e94d;filter:brightness(1.03);transform:translateY(-2px)}.create-quiz-container .create-quiz-button:disabled,.create-quiz-container .move-button:disabled,.create-quiz-container .quiz-action-create-btn:disabled,.create-quiz-container .reorder-questions-btn:disabled,.create-quiz-container button:disabled{cursor:not-allowed;filter:grayscale(.15);opacity:.58;transform:none}.create-quiz-container .question-marks,.create-quiz-container .question-spec,.create-quiz-container .question-topic,.create-quiz-container .selected-count{align-items:center;background:#14b8a61a;border:1px solid #14b8a638;border-radius:999px;color:#0f766e;display:inline-flex;font-weight:700;width:-webkit-fit-content;width:fit-content}.create-quiz-container .table-responsive{background:var(--cq-surface);border:1px solid var(--cq-border);border-radius:16px;box-shadow:var(--cq-shadow-soft);overflow:auto}.create-quiz-container .questions-table{background:#0000;border:0;border-collapse:initial;border-spacing:0;box-shadow:none;overflow:hidden}.create-quiz-container .questions-table thead{background:linear-gradient(135deg,#e0f2fe,#ccfbf1)}.create-quiz-container .questions-table th{color:#0f3b4a;font-weight:800}.create-quiz-container .questions-table td,.create-quiz-container .questions-table th{border-bottom-color:#94a3b838}.create-quiz-container .questions-table tbody tr{background:var(--cq-surface)}.create-quiz-container .questions-table tbody tr:hover{background:#f8fafc}.create-quiz-container .questions-table tr.selected{background:#ecfeff}.create-quiz-container .selected-question-item{background:var(--cq-surface);border:1px solid var(--cq-border);border-radius:16px;box-shadow:var(--cq-shadow-soft)}.create-quiz-container .selected-question-item:hover{border-color:#14b8a657;box-shadow:var(--cq-shadow)}.create-quiz-container .question-order-number{background:linear-gradient(135deg,var(--cq-teal),var(--cq-blue));box-shadow:0 10px 20px #0ea5e938;color:#fff}.create-quiz-container .question-thumbnail{border:1px solid var(--cq-border);border-radius:12px;box-shadow:var(--cq-shadow-soft)}.dark-mode .create-quiz-container,[data-dark-mode=true] .create-quiz-container,body.dark-mode .create-quiz-container{--cq-page:#0f172a;--cq-page-soft:#111827;--cq-surface:#172033;--cq-surface-soft:#111827;--cq-muted-surface:#1e293b;--cq-border:#94a3b838;--cq-border-strong:#94a3b857;--cq-heading:#f8fafc;--cq-body:#e5e7eb;--cq-muted:#94a3b8;--cq-placeholder:#64748b;--cq-shadow:0 22px 48px #00000057;--cq-shadow-soft:0 14px 30px #0000003d;--cq-shadow-hover:0 28px 62px #0000006b;background:radial-gradient(circle at 12% -10%,#14b8a61f,#0000 34%),radial-gradient(circle at 92% 4%,#0ea5e91f,#0000 32%),linear-gradient(180deg,#0f172a,#111827 58%,#0f172a);color:var(--cq-body)}.dark-mode .create-quiz-container .create-quiz-header,[data-dark-mode=true] .create-quiz-container .create-quiz-header,body.dark-mode .create-quiz-container .create-quiz-header{background:linear-gradient(135deg,#0f172afa,#075985eb);border-color:#94a3b838;box-shadow:0 24px 56px #00000059}.dark-mode .create-quiz-container .card,.dark-mode .create-quiz-container .filters-card,.dark-mode .create-quiz-container .questions-table-card,.dark-mode .create-quiz-container .quiz-settings-card,.dark-mode .create-quiz-container .selected-questions-card,.dark-mode .create-quiz-container .subject-selection-card,[data-dark-mode=true] .create-quiz-container .card,[data-dark-mode=true] .create-quiz-container .filters-card,[data-dark-mode=true] .create-quiz-container .questions-table-card,[data-dark-mode=true] .create-quiz-container .quiz-settings-card,[data-dark-mode=true] .create-quiz-container .selected-questions-card,[data-dark-mode=true] .create-quiz-container .subject-selection-card,body.dark-mode .create-quiz-container .card,body.dark-mode .create-quiz-container .filters-card,body.dark-mode .create-quiz-container .questions-table-card,body.dark-mode .create-quiz-container .quiz-settings-card,body.dark-mode .create-quiz-container .selected-questions-card,body.dark-mode .create-quiz-container .subject-selection-card{background:linear-gradient(180deg,#172033fa,#111827fa);border-color:var(--cq-border);color:var(--cq-body)}.dark-mode .create-quiz-container input[type=number],.dark-mode .create-quiz-container input[type=text],.dark-mode .create-quiz-container select,.dark-mode .create-quiz-container textarea,[data-dark-mode=true] .create-quiz-container input[type=number],[data-dark-mode=true] .create-quiz-container input[type=text],[data-dark-mode=true] .create-quiz-container select,[data-dark-mode=true] .create-quiz-container textarea,body.dark-mode .create-quiz-container input[type=number],body.dark-mode .create-quiz-container input[type=text],body.dark-mode .create-quiz-container select,body.dark-mode .create-quiz-container textarea{background:#0f172ab8;border-color:#94a3b83d;color:var(--cq-heading)}.dark-mode .create-quiz-container .allow-paste-group,.dark-mode .create-quiz-container .order-instructions,.dark-mode .create-quiz-container .quiz-action-bar,[data-dark-mode=true] .create-quiz-container .allow-paste-group,[data-dark-mode=true] .create-quiz-container .order-instructions,[data-dark-mode=true] .create-quiz-container .quiz-action-bar,body.dark-mode .create-quiz-container .allow-paste-group,body.dark-mode .create-quiz-container .order-instructions,body.dark-mode .create-quiz-container .quiz-action-bar{background:#0f172a85;box-shadow:inset 0 1px 0 #ffffff0a}.dark-mode .create-quiz-container .subject-button,[data-dark-mode=true] .create-quiz-container .subject-button,body.dark-mode .create-quiz-container .subject-button{background:#0f172ab8;border-color:#94a3b83b;color:var(--cq-body)}.dark-mode .create-quiz-container .subject-button:hover,[data-dark-mode=true] .create-quiz-container .subject-button:hover,body.dark-mode .create-quiz-container .subject-button:hover{background:#14b8a61f;border-color:#14b8a66b;color:#ccfbf1}.dark-mode .create-quiz-container .back-button,.dark-mode .create-quiz-container .clear-filters-button,.dark-mode .create-quiz-container .move-button,.dark-mode .create-quiz-container .toggle-view-button,[data-dark-mode=true] .create-quiz-container .back-button,[data-dark-mode=true] .create-quiz-container .clear-filters-button,[data-dark-mode=true] .create-quiz-container .move-button,[data-dark-mode=true] .create-quiz-container .toggle-view-button,body.dark-mode .create-quiz-container .back-button,body.dark-mode .create-quiz-container .clear-filters-button,body.dark-mode .create-quiz-container .move-button,body.dark-mode .create-quiz-container .toggle-view-button{background:#0f172ab8;border-color:#94a3b83d;color:var(--cq-heading)}.dark-mode .create-quiz-container .back-button:hover,.dark-mode .create-quiz-container .clear-filters-button:hover,.dark-mode .create-quiz-container .move-button:hover:not(:disabled),.dark-mode .create-quiz-container .toggle-view-button:hover,[data-dark-mode=true] .create-quiz-container .back-button:hover,[data-dark-mode=true] .create-quiz-container .clear-filters-button:hover,[data-dark-mode=true] .create-quiz-container .move-button:hover:not(:disabled),[data-dark-mode=true] .create-quiz-container .toggle-view-button:hover,body.dark-mode .create-quiz-container .back-button:hover,body.dark-mode .create-quiz-container .clear-filters-button:hover,body.dark-mode .create-quiz-container .move-button:hover:not(:disabled),body.dark-mode .create-quiz-container .toggle-view-button:hover{background:#14b8a61f;border-color:#14b8a661;color:#ccfbf1}.dark-mode .create-quiz-container .questions-table,.dark-mode .create-quiz-container .selected-question-item,.dark-mode .create-quiz-container .table-responsive,[data-dark-mode=true] .create-quiz-container .questions-table,[data-dark-mode=true] .create-quiz-container .selected-question-item,[data-dark-mode=true] .create-quiz-container .table-responsive,body.dark-mode .create-quiz-container .questions-table,body.dark-mode .create-quiz-container .selected-question-item,body.dark-mode .create-quiz-container .table-responsive{background:#0f172a8f;border-color:#94a3b838}.dark-mode .create-quiz-container .questions-table thead,[data-dark-mode=true] .create-quiz-container .questions-table thead,body.dark-mode .create-quiz-container .questions-table thead{background:linear-gradient(135deg,#0e749047,#14b8a629)}.dark-mode .create-quiz-container .questions-table tbody tr,[data-dark-mode=true] .create-quiz-container .questions-table tbody tr,body.dark-mode .create-quiz-container .questions-table tbody tr{background:#0000}.dark-mode .create-quiz-container .questions-table tbody tr:hover,[data-dark-mode=true] .create-quiz-container .questions-table tbody tr:hover,body.dark-mode .create-quiz-container .questions-table tbody tr:hover{background:#14b8a614}.dark-mode .create-quiz-container .questions-table tr.selected,[data-dark-mode=true] .create-quiz-container .questions-table tr.selected,body.dark-mode .create-quiz-container .questions-table tr.selected{background:#14b8a61f}.dark-mode .create-quiz-container .question-marks,.dark-mode .create-quiz-container .question-spec,.dark-mode .create-quiz-container .question-topic,.dark-mode .create-quiz-container .selected-count,[data-dark-mode=true] .create-quiz-container .question-marks,[data-dark-mode=true] .create-quiz-container .question-spec,[data-dark-mode=true] .create-quiz-container .question-topic,[data-dark-mode=true] .create-quiz-container .selected-count,body.dark-mode .create-quiz-container .question-marks,body.dark-mode .create-quiz-container .question-spec,body.dark-mode .create-quiz-container .question-topic,body.dark-mode .create-quiz-container .selected-count{background:#14b8a61f;border-color:#14b8a63d;color:#99f6e4}@media (max-width:768px){.create-quiz-container{padding-bottom:38px;padding-top:18px}.create-quiz-container>.create-quiz-header,.create-quiz-container>.create-quiz-main,.create-quiz-container>.divider{width:calc(100% - 32px)}.create-quiz-container .create-quiz-header{align-items:flex-start;flex-direction:column;padding:20px}.create-quiz-container .input-with-button{flex-direction:column}}.create-quiz-container{background:linear-gradient(135deg,#fff,#f0f2f5);margin:0 auto;max-width:100%;padding:30px}.create-quiz-container>.divider{display:none}.create-quiz-container>.create-quiz-main{gap:25px;margin:0 auto;max-width:1200px;width:100%}.create-quiz-container .card,.create-quiz-container .filters-card,.create-quiz-container .questions-table-card,.create-quiz-container .quiz-settings-card,.create-quiz-container .selected-questions-card,.create-quiz-container .subject-selection-card{background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;padding:2rem;transform:none}.create-quiz-container .card:hover,.create-quiz-container .filters-card:hover,.create-quiz-container .questions-table-card:hover,.create-quiz-container .quiz-settings-card:hover,.create-quiz-container .selected-questions-card:hover,.create-quiz-container .subject-selection-card:hover{border-color:#dbe3ec;box-shadow:0 10px 28px #00000017;transform:none}.create-quiz-container .card h2,.create-quiz-container .question-order-header h2,.create-quiz-container .questions-header h2,.create-quiz-container .quiz-settings h2,.create-quiz-container .search-filters h2{color:#024161;font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.create-quiz-container .card h2:after,.create-quiz-container .question-order-header h2:after,.create-quiz-container .questions-header h2:after,.create-quiz-container .quiz-settings h2:after,.create-quiz-container .search-filters h2:after{background:#024161;border-radius:3px;bottom:0;height:3px;left:0;margin-top:0;position:absolute;width:50px}.create-quiz-container input[type=number],.create-quiz-container input[type=text],.create-quiz-container select,.create-quiz-container textarea{background:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:#333;font-size:15px;min-height:0;padding:12px 16px}.create-quiz-container input[type=number]:focus,.create-quiz-container input[type=text]:focus,.create-quiz-container select:focus,.create-quiz-container textarea:focus{background:#fff;border-color:#077a9f;box-shadow:0 0 0 3px #077a9f29}.create-quiz-container .allow-paste-group,.create-quiz-container .order-instructions,.create-quiz-container .quiz-action-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:none}.create-quiz-container .subject-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-shadow:none;color:#333;font-size:15px;font-weight:500;overflow:hidden;padding:10px 18px;position:relative}.create-quiz-container .subject-button:hover{background-color:#f0f0f0;border-color:#ddd;box-shadow:0 2px 5px #0000000d;color:#333;transform:translateY(-1px)}.create-quiz-container .subject-button.selected{background:#024161;border-color:#024161;box-shadow:0 3px 8px #02416147;color:#fff}.create-quiz-container .create-quiz-button,.create-quiz-container .generate-code-button,.create-quiz-container .quiz-action-create-btn,.create-quiz-container .reorder-questions-btn{background:linear-gradient(135deg,#024161,#077a9f);border-radius:8px;box-shadow:0 4px 12px #02416133}.create-quiz-container .clear-filters-button,.create-quiz-container .move-button,.create-quiz-container .toggle-view-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:#333}.dark-mode .create-quiz-container,[data-dark-mode=true] .create-quiz-container,body.dark-mode .create-quiz-container{background:radial-gradient(circle at top left,#22d3ee14,#0000 34rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a)}.dark-mode .create-quiz-container .card,.dark-mode .create-quiz-container .filters-card,.dark-mode .create-quiz-container .questions-table-card,.dark-mode .create-quiz-container .quiz-settings-card,.dark-mode .create-quiz-container .selected-questions-card,.dark-mode .create-quiz-container .subject-selection-card,[data-dark-mode=true] .create-quiz-container .card,[data-dark-mode=true] .create-quiz-container .filters-card,[data-dark-mode=true] .create-quiz-container .questions-table-card,[data-dark-mode=true] .create-quiz-container .quiz-settings-card,[data-dark-mode=true] .create-quiz-container .selected-questions-card,[data-dark-mode=true] .create-quiz-container .subject-selection-card,body.dark-mode .create-quiz-container .card,body.dark-mode .create-quiz-container .filters-card,body.dark-mode .create-quiz-container .questions-table-card,body.dark-mode .create-quiz-container .quiz-settings-card,body.dark-mode .create-quiz-container .selected-questions-card,body.dark-mode .create-quiz-container .subject-selection-card{background:#172033;border-color:#94a3b840;box-shadow:0 8px 24px #00000042}.dark-mode .create-quiz-container .card h2,.dark-mode .create-quiz-container .question-order-header h2,.dark-mode .create-quiz-container .questions-header h2,.dark-mode .create-quiz-container .quiz-settings h2,.dark-mode .create-quiz-container .search-filters h2,[data-dark-mode=true] .create-quiz-container .card h2,[data-dark-mode=true] .create-quiz-container .question-order-header h2,[data-dark-mode=true] .create-quiz-container .questions-header h2,[data-dark-mode=true] .create-quiz-container .quiz-settings h2,[data-dark-mode=true] .create-quiz-container .search-filters h2,body.dark-mode .create-quiz-container .card h2,body.dark-mode .create-quiz-container .question-order-header h2,body.dark-mode .create-quiz-container .questions-header h2,body.dark-mode .create-quiz-container .quiz-settings h2,body.dark-mode .create-quiz-container .search-filters h2{color:#38bdf8}.dark-mode .create-quiz-container .card h2:after,.dark-mode .create-quiz-container .question-order-header h2:after,.dark-mode .create-quiz-container .questions-header h2:after,.dark-mode .create-quiz-container .quiz-settings h2:after,.dark-mode .create-quiz-container .search-filters h2:after,[data-dark-mode=true] .create-quiz-container .card h2:after,[data-dark-mode=true] .create-quiz-container .question-order-header h2:after,[data-dark-mode=true] .create-quiz-container .questions-header h2:after,[data-dark-mode=true] .create-quiz-container .quiz-settings h2:after,[data-dark-mode=true] .create-quiz-container .search-filters h2:after,body.dark-mode .create-quiz-container .card h2:after,body.dark-mode .create-quiz-container .question-order-header h2:after,body.dark-mode .create-quiz-container .questions-header h2:after,body.dark-mode .create-quiz-container .quiz-settings h2:after,body.dark-mode .create-quiz-container .search-filters h2:after{background:#22d3ee}.dark-mode .create-quiz-container input[type=number],.dark-mode .create-quiz-container input[type=text],.dark-mode .create-quiz-container select,.dark-mode .create-quiz-container textarea,[data-dark-mode=true] .create-quiz-container input[type=number],[data-dark-mode=true] .create-quiz-container input[type=text],[data-dark-mode=true] .create-quiz-container select,[data-dark-mode=true] .create-quiz-container textarea,body.dark-mode .create-quiz-container input[type=number],body.dark-mode .create-quiz-container input[type=text],body.dark-mode .create-quiz-container select,body.dark-mode .create-quiz-container textarea{background:#111827;border-color:#94a3b840;color:#f8fafc}.dark-mode .create-quiz-container .allow-paste-group,.dark-mode .create-quiz-container .order-instructions,.dark-mode .create-quiz-container .quiz-action-bar,[data-dark-mode=true] .create-quiz-container .allow-paste-group,[data-dark-mode=true] .create-quiz-container .order-instructions,[data-dark-mode=true] .create-quiz-container .quiz-action-bar,body.dark-mode .create-quiz-container .allow-paste-group,body.dark-mode .create-quiz-container .order-instructions,body.dark-mode .create-quiz-container .quiz-action-bar{background:#111827;border-color:#94a3b838}.dark-mode .create-quiz-container .subject-button,[data-dark-mode=true] .create-quiz-container .subject-button,body.dark-mode .create-quiz-container .subject-button{background:#111827;border-color:#94a3b840;color:#e5e7eb}.dark-mode .create-quiz-container .subject-button:hover,[data-dark-mode=true] .create-quiz-container .subject-button:hover,body.dark-mode .create-quiz-container .subject-button:hover{background:#1f2937;border-color:#22d3ee73;color:#f8fafc}.dark-mode .create-quiz-container .subject-button.selected,[data-dark-mode=true] .create-quiz-container .subject-button.selected,body.dark-mode .create-quiz-container .subject-button.selected{background:linear-gradient(135deg,#0369a1,#0891b2);border-color:#22d3eeb3;color:#fff}@media (max-width:768px){.create-quiz-container{padding:0}.create-quiz-container>:not(.cq-navbar){padding-left:15px;padding-right:15px}.create-quiz-container>.create-quiz-main{max-width:1200px;padding-top:25px;width:100%}}.create-quiz-container.question-manager-container>.cq-navbar{margin:-30px -30px 25px;max-width:none!important;width:auto}.create-quiz-container.question-manager-container>.cq-navbar,.dark-mode .create-quiz-container.question-manager-container>.cq-navbar,[data-dark-mode=true] .create-quiz-container.question-manager-container>.cq-navbar,body.dark-mode .create-quiz-container.question-manager-container>.cq-navbar{margin-left:-30px;margin-right:-30px}@media (max-width:768px){.create-quiz-container.question-manager-container>.cq-navbar,.dark-mode .create-quiz-container.question-manager-container>.cq-navbar,[data-dark-mode=true] .create-quiz-container.question-manager-container>.cq-navbar,body.dark-mode .create-quiz-container.question-manager-container>.cq-navbar{margin:0}}.create-quiz-container .selected-questions-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px 16px}.create-quiz-container .selected-questions-summary{color:#64748b;font-size:.95rem;font-weight:600}.create-quiz-container .question-meta{flex-wrap:wrap}.create-quiz-container .question-subject{align-items:center;background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;font-size:.78rem;font-weight:700;padding:3px 9px}.create-quiz-container .remove-question-button{background:#fff;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;cursor:pointer;font-size:.8rem;font-weight:700;min-width:72px;padding:6px 10px;transition:background .2s ease,border-color .2s ease;width:auto}.create-quiz-container .remove-question-button:hover{background:#fef2f2;border-color:#f87171}.dark-mode .create-quiz-container .selected-questions-summary,[data-dark-mode=true] .create-quiz-container .selected-questions-summary,body.dark-mode .create-quiz-container .selected-questions-summary{color:#cbd5e1}.dark-mode .create-quiz-container .question-subject,[data-dark-mode=true] .create-quiz-container .question-subject,body.dark-mode .create-quiz-container .question-subject{background:#0ea5e92e;color:#7dd3fc}.dark-mode .create-quiz-container .remove-question-button,[data-dark-mode=true] .create-quiz-container .remove-question-button,body.dark-mode .create-quiz-container .remove-question-button{background:#111827;border-color:#f8717173;color:#fca5a5}.dark-mode .create-quiz-container .remove-question-button:hover,[data-dark-mode=true] .create-quiz-container .remove-question-button:hover,body.dark-mode .create-quiz-container .remove-question-button:hover{background:#7f1d1d59}@media (max-width:640px){.create-quiz-container .question-order-header{align-items:flex-start}.create-quiz-container .question-actions{flex-direction:row;flex-wrap:wrap}}.learning-content-summary-card{align-items:center;display:flex;gap:24px;justify-content:space-between}.learning-content-summary-card>div{min-width:0}.learning-content-summary-card h2{margin-bottom:10px!important}.learning-content-summary-card>div>p:not(.learning-content-summary-eyebrow){color:#64748b;line-height:1.55;margin:0;max-width:720px}.learning-content-summary-eyebrow{color:#077a9f;font-size:.76rem;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.learning-content-added{background:#ecfdf5;border-radius:999px;color:#047857;display:inline-flex;font-size:.82rem;font-weight:750;margin-top:12px;padding:6px 10px}.content-save-recovery-actions button,.learning-content-open-button{background:linear-gradient(135deg,#024161,#077a9f);border:1px solid #077a9f;border-radius:9px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:750;padding:11px 17px}.content-save-recovery{background:#fffbeb;border:1px solid #f59e0b;border-radius:14px;color:#78350f;padding:20px}.content-save-recovery h2{color:#92400e;font-size:1.12rem;margin:0 0 8px}.content-save-recovery p{line-height:1.5;margin:5px 0}.content-save-recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.content-save-recovery-actions button:nth-child(2){background:#fff;border-color:#d97706;color:#92400e}.content-save-recovery-actions button:nth-child(3){background:#0000;border-color:#cbd5e1;color:#475569}.content-save-recovery-actions button:disabled{cursor:not-allowed;opacity:.55}.learning-content-builder-page{background:linear-gradient(135deg,#fff,#f0f2f5);min-height:100vh;padding:1px 0}.dark-mode .learning-content-summary-card>div>p:not(.learning-content-summary-eyebrow),[data-dark-mode=true] .learning-content-summary-card>div>p:not(.learning-content-summary-eyebrow),body.dark-mode .learning-content-summary-card>div>p:not(.learning-content-summary-eyebrow){color:#cbd5e1}.dark-mode .learning-content-added,[data-dark-mode=true] .learning-content-added,body.dark-mode .learning-content-added{background:#10b98129;color:#6ee7b7}.dark-mode .content-save-recovery,[data-dark-mode=true] .content-save-recovery,body.dark-mode .content-save-recovery{background:#78350f47;border-color:#fbbf248c;color:#fde68a}.dark-mode .content-save-recovery h2,[data-dark-mode=true] .content-save-recovery h2,body.dark-mode .content-save-recovery h2{color:#fbbf24}.dark-mode .learning-content-builder-page,[data-dark-mode=true] .learning-content-builder-page,body.dark-mode .learning-content-builder-page{background:linear-gradient(180deg,#0f172a,#111827)}@media (max-width:680px){.learning-content-summary-card{align-items:stretch;flex-direction:column}.learning-content-open-button{width:100%}.content-save-recovery-actions{flex-direction:column}}.quiz-creation-processing-overlay{animation:quiz-creation-overlay-enter .25s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 42%,#14b8a61f,#0000 38%),#0f172a7a;box-sizing:border-box;display:grid;inset:0;min-height:100%;overflow-y:auto;padding:1.5rem;place-items:center;position:fixed;width:100%;z-index:2000}.quiz-creation-processing-dialog{animation:quiz-creation-dialog-enter .32s cubic-bezier(.22,1,.36,1);background:linear-gradient(145deg,#fffffffc,#f8fafcfa);border:1px solid #94a3b847;border-radius:22px;box-shadow:0 28px 80px #0f172a4d,inset 0 1px 0 #ffffffe0;box-sizing:border-box;color:#1e293b;max-height:calc(100vh - 3rem);outline:none;overflow-y:auto;padding:2.7rem 2.35rem 2.25rem;position:relative;text-align:center;width:min(100%,470px)}.quiz-creation-processing-dialog:before{background:linear-gradient(90deg,#38bdf8,#14b8a6);border-radius:0 0 999px 999px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:42%}.quiz-creation-processing-dialog:focus-visible{box-shadow:0 28px 80px #0f172a4d,0 0 0 4px #14b8a638}.quiz-creation-processing-indicator{height:68px;margin:0 auto 1.6rem;position:relative;width:68px}.quiz-creation-processing-core,.quiz-creation-processing-ring{border-radius:50%;box-sizing:border-box;position:absolute}.quiz-creation-processing-ring{animation:quiz-creation-loader-spin 1.05s linear infinite;border-color:#0284c7 #14b8a6 #dbeafe #dbeafe;border-style:solid;border-width:4px;inset:0}.quiz-creation-processing-core{animation:quiz-creation-loader-pulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,#38bdf8,#14b8a6);box-shadow:0 0 0 8px #14b8a61a;inset:18px}.quiz-creation-processing-dialog h2{color:#0f172a;font-family:Poppins,Segoe UI,sans-serif;font-size:clamp(1.4rem,3vw,1.65rem);font-weight:650;letter-spacing:-.015em;line-height:1.3;margin:0}.quiz-creation-processing-description{color:#334155;font-family:Poppins,Segoe UI,sans-serif;font-size:1rem;line-height:1.65;margin:.95rem auto 0}.quiz-creation-processing-help{color:#64748b;font-family:Poppins,Segoe UI,sans-serif;font-size:.85rem;line-height:1.55;margin:.8rem auto 0}@keyframes quiz-creation-loader-spin{to{transform:rotate(1turn)}}@keyframes quiz-creation-loader-pulse{0%,to{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes quiz-creation-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes quiz-creation-dialog-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .quiz-creation-processing-overlay,[data-dark-mode=true] .quiz-creation-processing-overlay,body.dark-mode .quiz-creation-processing-overlay{background:radial-gradient(circle at 50% 42%,#2dd4bf1f,#0000 38%),#020617c2}.dark-mode .quiz-creation-processing-dialog,[data-dark-mode=true] .quiz-creation-processing-dialog,body.dark-mode .quiz-creation-processing-dialog{background:linear-gradient(145deg,#172033fc,#0f172afc);border-color:#94a3b842;box-shadow:0 30px 84px #0000008f,inset 0 1px 0 #ffffff0d;color:#f8fafc}.dark-mode .quiz-creation-processing-dialog h2,[data-dark-mode=true] .quiz-creation-processing-dialog h2,body.dark-mode .quiz-creation-processing-dialog h2{color:#f8fafc}.dark-mode .quiz-creation-processing-description,[data-dark-mode=true] .quiz-creation-processing-description,body.dark-mode .quiz-creation-processing-description{color:#cbd5e1}.dark-mode .quiz-creation-processing-help,[data-dark-mode=true] .quiz-creation-processing-help,body.dark-mode .quiz-creation-processing-help{color:#94a3b8}.dark-mode .quiz-creation-processing-ring,[data-dark-mode=true] .quiz-creation-processing-ring,body.dark-mode .quiz-creation-processing-ring{border-color:#38bdf8 #2dd4bf #38bdf82e #38bdf82e}@media (max-width:480px){.quiz-creation-processing-overlay{padding:1rem}.quiz-creation-processing-dialog{border-radius:18px;max-height:calc(100vh - 2rem);padding:2.25rem 1.4rem 1.8rem}.quiz-creation-processing-indicator{height:62px;margin-bottom:1.4rem;width:62px}.quiz-creation-processing-core{inset:17px}}@media (prefers-reduced-motion:reduce){.quiz-creation-processing-core,.quiz-creation-processing-dialog,.quiz-creation-processing-overlay,.quiz-creation-processing-ring{animation:none}}.gradient-border-button{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1.2rem 2.4rem;position:relative;transition:all .3s ease}.gradient-border-button:before{animation:borderRotate 4s linear infinite;background:linear-gradient(45deg,#60a5fa,#a78bfa,#60a5fa);border-radius:10px;content:"";inset:-3px;position:absolute;transition:opacity .3s ease;z-index:-1}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.gradient-border-button:hover{box-shadow:0 5px 15px #60a5fa66;transform:translateY(-2px)}.learning-content-builder{background:#fff;border:1px solid #dbe5ef;border-radius:18px;box-shadow:0 16px 40px #0f172a1a;color:#1f2937;margin:28px auto 48px;padding:30px;width:min(100% - 32px,980px)}.learning-content-builder-header{align-items:flex-start;border-bottom:1px solid #dbe5ef;display:flex;gap:24px;justify-content:space-between;padding-bottom:24px}.learning-content-eyebrow{color:#077a9f;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.learning-content-builder h1{color:#024161;font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 8px}.learning-content-builder-header p:last-child{color:#64748b;line-height:1.6;margin:0;max-width:680px}.learning-content-add-row button,.learning-content-back,.learning-content-block-actions button,.learning-content-primary,.learning-content-remove-page,.learning-content-secondary{background:#fff;border:1px solid #cbd5e1;border-radius:9px;color:#0f4f6e;cursor:pointer;font:inherit;font-weight:700;min-height:40px;padding:9px 14px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.learning-content-add-row button:hover:not(:disabled),.learning-content-back:hover:not(:disabled),.learning-content-block-actions button:hover:not(:disabled),.learning-content-secondary:hover:not(:disabled){background:#ecfeff;border-color:#0891b2}.learning-content-builder button:focus-visible,.learning-content-builder input:focus-visible,.learning-content-builder select:focus-visible,.learning-content-builder textarea:focus-visible{outline:3px solid #0891b247;outline-offset:2px}.learning-content-builder button:disabled{cursor:not-allowed;opacity:.48}.learning-content-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.learning-content-add-row button{background:#f0fbff;border-color:#a5d8e8}.learning-content-add-row span{color:#64748b;font-size:.85rem;font-weight:700;margin-left:auto}.learning-content-limit,.learning-content-save-error,.learning-content-save-success{border-radius:9px;font-size:.92rem;line-height:1.45;padding:12px 14px}.learning-content-limit{background:#fffbeb;border:1px solid #fde68a;color:#92400e;margin:-12px 0 20px}.learning-content-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;padding:46px 24px;text-align:center}.learning-content-empty h2{color:#334155;font-size:1.15rem;margin:0 0 8px}.learning-content-empty p{color:#64748b;line-height:1.6;margin:0 auto;max-width:620px}.learning-content-block-list{grid-gap:16px;display:grid;gap:16px}.learning-content-block{background:#f8fafc;border:1px solid #dbe5ef;border-radius:14px;padding:20px}.learning-content-block-actions,.learning-content-block-heading,.learning-content-block-heading>div{align-items:center;display:flex}.learning-content-block-heading{gap:16px;justify-content:space-between;margin-bottom:18px}.learning-content-block-actions,.learning-content-block-heading>div{gap:8px}.learning-content-block-heading h2{color:#164e63;font-size:1rem;margin:0}.learning-content-block-number{background:#cffafe;border-radius:50%;color:#0e7490;display:inline-grid;font-size:.82rem;font-weight:800;height:30px;place-items:center;width:30px}.learning-content-block-actions button{min-height:36px;min-width:40px;padding:7px 10px}.learning-content-block-actions .learning-content-delete,.learning-content-remove-page{border-color:#fecaca;color:#b91c1c}.learning-content-block-actions .learning-content-delete:hover:not(:disabled),.learning-content-remove-page:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.learning-content-field-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.4fr}.learning-content-field-grid.heading-grid{grid-template-columns:1fr minmax(170px,.28fr)}.learning-content-builder label{color:#334155;display:flex;flex-direction:column;font-size:.9rem;font-weight:700;gap:7px;margin:0}.learning-content-builder label>span{align-self:flex-end;color:#64748b;font-size:.76rem;font-weight:600}.learning-content-builder input,.learning-content-builder select,.learning-content-builder textarea{background:#fff;border:1px solid #cbd5e1;border-radius:9px;color:#1f2937;font:inherit;padding:11px 13px;width:100%}.learning-content-builder textarea{line-height:1.55;min-height:170px;resize:vertical}.learning-content-text-field{width:100%}.learning-content-inline-error{color:#b91c1c;font-size:.84rem;font-weight:650;margin-top:12px}.learning-content-media-editor{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)}.learning-content-resource-editor{grid-template-columns:1fr}.learning-content-image-preview{background:#fff;border:1px solid #cbd5e1;border-radius:10px;display:block;max-height:300px;object-fit:contain;width:100%}.learning-content-media-controls{grid-gap:12px;display:grid;gap:12px}.learning-content-media-controls input[type=file]{padding:8px}.learning-content-clear-file,.learning-content-resource-preview{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#075985;font:inherit;font-size:.86rem;font-weight:700;justify-self:start;padding:8px 12px;text-decoration:none}.learning-content-upload-status{color:#475569;font-size:.84rem;margin:0;overflow-wrap:anywhere}.learning-content-upload-status.uploading{color:#0369a1}.learning-content-upload-status.uploaded{color:#166534}.learning-content-upload-status.failed{color:#b91c1c}.learning-content-message-region{margin-top:18px;min-height:10px}.learning-content-save-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.learning-content-save-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.learning-content-footer{border-top:1px solid #dbe5ef;display:flex;gap:12px;justify-content:flex-end;margin-top:22px;padding-top:22px}.learning-content-primary{background:linear-gradient(135deg,#024161,#077a9f);border-color:#077a9f;box-shadow:0 4px 12px #02416133;color:#fff}.dark-mode .learning-content-builder,[data-dark-mode=true] .learning-content-builder,body.dark-mode .learning-content-builder{background:#172033;border-color:#94a3b847;box-shadow:0 18px 44px #00000059;color:#e5e7eb}.dark-mode .learning-content-block-heading h2,.dark-mode .learning-content-builder h1,[data-dark-mode=true] .learning-content-block-heading h2,[data-dark-mode=true] .learning-content-builder h1,body.dark-mode .learning-content-block-heading h2,body.dark-mode .learning-content-builder h1{color:#67e8f9}.dark-mode .learning-content-add-row span,.dark-mode .learning-content-builder label>span,.dark-mode .learning-content-builder-header p:last-child,[data-dark-mode=true] .learning-content-add-row span,[data-dark-mode=true] .learning-content-builder label>span,[data-dark-mode=true] .learning-content-builder-header p:last-child,body.dark-mode .learning-content-add-row span,body.dark-mode .learning-content-builder label>span,body.dark-mode .learning-content-builder-header p:last-child{color:#cbd5e1}.dark-mode .learning-content-block,.dark-mode .learning-content-empty,[data-dark-mode=true] .learning-content-block,[data-dark-mode=true] .learning-content-empty,body.dark-mode .learning-content-block,body.dark-mode .learning-content-empty{background:#111827;border-color:#94a3b840}.dark-mode .learning-content-builder label,.dark-mode .learning-content-empty h2,[data-dark-mode=true] .learning-content-builder label,[data-dark-mode=true] .learning-content-empty h2,body.dark-mode .learning-content-builder label,body.dark-mode .learning-content-empty h2{color:#e5e7eb}.dark-mode .learning-content-builder input,.dark-mode .learning-content-builder select,.dark-mode .learning-content-builder textarea,[data-dark-mode=true] .learning-content-builder input,[data-dark-mode=true] .learning-content-builder select,[data-dark-mode=true] .learning-content-builder textarea,body.dark-mode .learning-content-builder input,body.dark-mode .learning-content-builder select,body.dark-mode .learning-content-builder textarea{background:#0f172a;border-color:#94a3b859;color:#f8fafc}.dark-mode .learning-content-clear-file,.dark-mode .learning-content-image-preview,.dark-mode .learning-content-resource-preview,[data-dark-mode=true] .learning-content-clear-file,[data-dark-mode=true] .learning-content-image-preview,[data-dark-mode=true] .learning-content-resource-preview,body.dark-mode .learning-content-clear-file,body.dark-mode .learning-content-image-preview,body.dark-mode .learning-content-resource-preview{background:#0f172a;border-color:#94a3b859;color:#a5f3fc}.dark-mode .learning-content-add-row button,.dark-mode .learning-content-back,.dark-mode .learning-content-block-actions button,.dark-mode .learning-content-secondary,[data-dark-mode=true] .learning-content-add-row button,[data-dark-mode=true] .learning-content-back,[data-dark-mode=true] .learning-content-block-actions button,[data-dark-mode=true] .learning-content-secondary,body.dark-mode .learning-content-add-row button,body.dark-mode .learning-content-back,body.dark-mode .learning-content-block-actions button,body.dark-mode .learning-content-secondary{background:#0f172a;border-color:#67e8f94d;color:#a5f3fc}@media (max-width:720px){.learning-content-builder{margin-top:12px;padding:20px;width:min(100% - 20px,980px)}.learning-content-block-heading,.learning-content-builder-header{align-items:stretch;flex-direction:column}.learning-content-back{align-self:flex-start}.learning-content-field-grid,.learning-content-field-grid.heading-grid,.learning-content-media-editor{grid-template-columns:1fr}.learning-content-block-actions{flex-wrap:wrap}.learning-content-footer{align-items:stretch;flex-direction:column-reverse}}.learning-content-management-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #bae6fd;border-radius:12px;display:flex;gap:24px;justify-content:space-between;padding:20px}.learning-content-management-card h2,.learning-content-management-card p{margin:0}.learning-content-management-card h2{color:#0c4a6e;font-size:18px}.learning-content-management-card p:not(.learning-content-management-eyebrow){color:#475569;line-height:1.5;margin-top:7px}.learning-content-management-eyebrow{color:#0369a1;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:4px!important;text-transform:uppercase}.learning-content-management-card button{background:#0369a1;border:0;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-weight:700;padding:10px 16px}.learning-content-management-card button:disabled{cursor:not-allowed;opacity:.55}.learning-content-management-error,.learning-content-management-message{border-radius:8px;line-height:1.45;margin-top:12px;padding:11px 14px}.learning-content-management-error,.learning-content-management-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.learning-content-management-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.dark-mode .learning-content-management-card,[data-dark-mode=true] .learning-content-management-card,body.dark-mode .learning-content-management-card{background:linear-gradient(135deg,#0f172a,#164e63);border-color:#22d3ee47}.dark-mode .learning-content-management-card h2,[data-dark-mode=true] .learning-content-management-card h2,body.dark-mode .learning-content-management-card h2{color:#e0f2fe}.dark-mode .learning-content-management-card p:not(.learning-content-management-eyebrow),[data-dark-mode=true] .learning-content-management-card p:not(.learning-content-management-eyebrow),body.dark-mode .learning-content-management-card p:not(.learning-content-management-eyebrow){color:#cbd5e1}@media (max-width:720px){.learning-content-management-card{align-items:stretch;flex-direction:column}.learning-content-management-card button{width:100%}}.learning-content-edit-page .learning-content-builder{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;background:var(--edit-quiz-surface,#fffffff2);border-color:#d7e3eb;border-color:var(--edit-quiz-border,#d7e3eb);border-radius:24px;box-shadow:0 22px 54px #0f2d4317,inset 0 1px 0 #ffffffe6;color:#10253f;color:var(--edit-quiz-ink,#10253f);margin:0;padding:clamp(24px,4vw,38px);width:100%}.learning-content-edit-page .learning-content-builder-header{border-color:#d7e3eb;border-color:var(--edit-quiz-border,#d7e3eb);gap:30px;padding-bottom:25px}.learning-content-edit-page .learning-content-eyebrow{color:#087e8b;color:var(--edit-quiz-primary,#087e8b);font-size:.73rem;letter-spacing:.115em}.learning-content-edit-page .learning-content-builder h1{color:#10253f;color:var(--edit-quiz-ink,#10253f);font-size:clamp(1.85rem,5vw,2.65rem);font-weight:750;letter-spacing:-.04em;line-height:1.12}.learning-content-edit-page .learning-content-builder-header p:last-child{color:#60738a;color:var(--edit-quiz-muted,#60738a);font-size:.9rem;line-height:1.7}.learning-content-edit-page .learning-content-add-row button,.learning-content-edit-page .learning-content-back,.learning-content-edit-page .learning-content-block-actions button,.learning-content-edit-page .learning-content-remove-page,.learning-content-edit-page .learning-content-secondary{background:#fff;border-color:#c8d8e2;border-radius:10px;color:#31566c;font-size:.8rem;min-height:40px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.learning-content-edit-page .learning-content-add-row button:hover:not(:disabled),.learning-content-edit-page .learning-content-back:hover:not(:disabled),.learning-content-edit-page .learning-content-block-actions button:hover:not(:disabled),.learning-content-edit-page .learning-content-secondary:hover:not(:disabled){background:#effcfc;border-color:#69bec5;box-shadow:0 5px 13px #0f4b5b12;transform:translateY(-1px)}.learning-content-edit-page .learning-content-add-row{background:#f5f9fc;background:var(--edit-quiz-soft-surface,#f5f9fc);border:1px solid #d7e3eb;border:1px solid var(--edit-quiz-border,#d7e3eb);border-radius:15px;gap:9px;margin:25px 0;padding:14px}.learning-content-edit-page .learning-content-add-row button{background:#ffffffdb;border-color:#087e8b40;color:#075b72;color:var(--edit-quiz-primary-strong,#075b72)}.learning-content-edit-page .learning-content-add-row span,.learning-content-edit-page .learning-content-builder label>span,.learning-content-edit-page .learning-content-upload-status{color:#60738a;color:var(--edit-quiz-muted,#60738a)}.learning-content-edit-page .learning-content-empty{background:#f5f9fc;background:var(--edit-quiz-soft-surface,#f5f9fc);border-color:#bdcfd9;border-radius:17px;padding:54px 24px}.learning-content-edit-page .learning-content-block-heading h2,.learning-content-edit-page .learning-content-builder label,.learning-content-edit-page .learning-content-empty h2{color:#10253f;color:var(--edit-quiz-ink,#10253f)}.learning-content-edit-page .learning-content-empty p{color:#60738a;color:var(--edit-quiz-muted,#60738a)}.learning-content-edit-page .learning-content-block-list{gap:14px}.learning-content-edit-page .learning-content-block{background:#fbfdfe;border-color:#d7e3eb;border-color:var(--edit-quiz-border,#d7e3eb);border-radius:17px;box-shadow:0 5px 16px rgba(15,45,67,.035);padding:clamp(18px,3vw,23px)}.learning-content-edit-page .learning-content-block-number{background:linear-gradient(140deg,#dff9f7,#e3f5ff);border-radius:10px;color:#075b72;color:var(--edit-quiz-primary-strong,#075b72);height:32px;width:32px}.learning-content-edit-page .learning-content-builder input,.learning-content-edit-page .learning-content-builder select,.learning-content-edit-page .learning-content-builder textarea{background:#fff;border-color:#c8d8e2;border-radius:11px;box-shadow:0 1px 2px rgba(15,23,42,.025);color:#10253f;color:var(--edit-quiz-ink,#10253f);transition:border-color .18s ease,box-shadow .18s ease}.learning-content-edit-page .learning-content-builder input:focus-visible,.learning-content-edit-page .learning-content-builder select:focus-visible,.learning-content-edit-page .learning-content-builder textarea:focus-visible{border-color:#2ba6ae;box-shadow:0 0 0 4px #0ea5a61f}.learning-content-edit-page .learning-content-clear-file,.learning-content-edit-page .learning-content-image-preview,.learning-content-edit-page .learning-content-resource-preview{border-color:#c8d8e2;border-radius:11px}.learning-content-edit-page .learning-content-footer{border-color:#d7e3eb;border-color:var(--edit-quiz-border,#d7e3eb);margin-top:26px;padding-top:24px}.learning-content-edit-page .learning-content-primary{background:linear-gradient(135deg,#087e68,#10a37f);border-color:#0000;border-radius:11px;box-shadow:0 7px 18px #087e6833;min-height:42px}.learning-content-edit-page .learning-content-primary:hover:not(:disabled){box-shadow:0 10px 22px #087e6845;transform:translateY(-1px)}.learning-content-edit-page .learning-content-remove-page{border-color:#fecaca;color:#c52b43}.dark-mode .learning-content-edit-page .learning-content-builder,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder,body.dark-mode .learning-content-edit-page .learning-content-builder{background:#111d2ff2;background:var(--edit-quiz-surface,#111d2ff2);border-color:#94b8cc33;border-color:var(--edit-quiz-border,#94b8cc33);box-shadow:0 24px 58px #00000047,inset 0 1px 0 hsla(0,0%,100%,.035);color:#eff8fc;color:var(--edit-quiz-ink,#eff8fc)}.dark-mode .learning-content-edit-page .learning-content-block-heading h2,.dark-mode .learning-content-edit-page .learning-content-builder h1,[data-dark-mode=true] .learning-content-edit-page .learning-content-block-heading h2,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder h1,body.dark-mode .learning-content-edit-page .learning-content-block-heading h2,body.dark-mode .learning-content-edit-page .learning-content-builder h1{color:#eff8fc;color:var(--edit-quiz-ink,#eff8fc)}.dark-mode .learning-content-edit-page .learning-content-add-row span,.dark-mode .learning-content-edit-page .learning-content-builder label>span,.dark-mode .learning-content-edit-page .learning-content-builder-header p:last-child,[data-dark-mode=true] .learning-content-edit-page .learning-content-add-row span,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder label>span,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder-header p:last-child,body.dark-mode .learning-content-edit-page .learning-content-add-row span,body.dark-mode .learning-content-edit-page .learning-content-builder label>span,body.dark-mode .learning-content-edit-page .learning-content-builder-header p:last-child{color:#a8bac9;color:var(--edit-quiz-muted,#a8bac9)}.dark-mode .learning-content-edit-page .learning-content-add-row,.dark-mode .learning-content-edit-page .learning-content-empty,[data-dark-mode=true] .learning-content-edit-page .learning-content-add-row,[data-dark-mode=true] .learning-content-edit-page .learning-content-empty,body.dark-mode .learning-content-edit-page .learning-content-add-row,body.dark-mode .learning-content-edit-page .learning-content-empty{background:#101c2d;background:var(--edit-quiz-soft-surface,#101c2d);border-color:#94b8cc33;border-color:var(--edit-quiz-border,#94b8cc33)}.dark-mode .learning-content-edit-page .learning-content-block,[data-dark-mode=true] .learning-content-edit-page .learning-content-block,body.dark-mode .learning-content-edit-page .learning-content-block{background:#0e1a2a;border-color:#94b8cc33;border-color:var(--edit-quiz-border,#94b8cc33)}.dark-mode .learning-content-edit-page .learning-content-builder input,.dark-mode .learning-content-edit-page .learning-content-builder select,.dark-mode .learning-content-edit-page .learning-content-builder textarea,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder input,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder select,[data-dark-mode=true] .learning-content-edit-page .learning-content-builder textarea,body.dark-mode .learning-content-edit-page .learning-content-builder input,body.dark-mode .learning-content-edit-page .learning-content-builder select,body.dark-mode .learning-content-edit-page .learning-content-builder textarea{background:#0b1625;border-color:#94b8cc45;color:#eff8fc;color:var(--edit-quiz-ink,#eff8fc)}.dark-mode .learning-content-edit-page .learning-content-add-row button,.dark-mode .learning-content-edit-page .learning-content-back,.dark-mode .learning-content-edit-page .learning-content-block-actions button,.dark-mode .learning-content-edit-page .learning-content-secondary,[data-dark-mode=true] .learning-content-edit-page .learning-content-add-row button,[data-dark-mode=true] .learning-content-edit-page .learning-content-back,[data-dark-mode=true] .learning-content-edit-page .learning-content-block-actions button,[data-dark-mode=true] .learning-content-edit-page .learning-content-secondary,body.dark-mode .learning-content-edit-page .learning-content-add-row button,body.dark-mode .learning-content-edit-page .learning-content-back,body.dark-mode .learning-content-edit-page .learning-content-block-actions button,body.dark-mode .learning-content-edit-page .learning-content-secondary{background:#111f32;border-color:#94b8cc40;color:#b6eceb}@media (max-width:720px){.learning-content-edit-page .learning-content-builder{border-radius:20px;margin:0;padding:21px;width:100%}.learning-content-edit-page .learning-content-add-row{align-items:stretch}.learning-content-edit-page .learning-content-add-row button{flex-basis:calc(50% - 9px);flex-grow:1;flex-shrink:1}.learning-content-edit-page .learning-content-add-row span{margin:3px 0 0;text-align:right;width:100%}}@media (max-width:420px){.learning-content-edit-page .learning-content-add-row button{flex-basis:100%}}.assign-assessment-backdrop{--assign-surface:#fff;--assign-surface-soft:#f8fafc;--assign-surface-accent:#f0fdfa;--assign-border:#94a3b852;--assign-border-strong:#94a3b87a;--assign-text:#0f172a;--assign-body:#334155;--assign-muted:#64748b;--assign-accent:#0f8aa5;--assign-accent-strong:#0f766e;--assign-focus:#0ea5e9;align-items:center;background:#0f172a9e;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:12000}.assign-assessment-modal{background:var(--assign-surface);border:1px solid var(--assign-border);border-radius:18px;box-shadow:0 28px 80px #0f172a4d;color:var(--assign-body);max-height:calc(100vh - 2.5rem);max-width:720px;overflow:auto;padding:1.5rem;width:min(100%,720px)}.assign-assessment-modal:focus{outline:none}.assign-assessment-header{align-items:flex-start;border-bottom:1px solid var(--assign-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.assign-assessment-eyebrow{color:var(--assign-accent-strong);font-size:.74rem;font-weight:800;letter-spacing:.12em;margin:0 0 .3rem;text-transform:uppercase}.assign-assessment-header h2{color:var(--assign-text);font-size:1.35rem;line-height:1.3;margin:0;overflow-wrap:anywhere}.assign-assessment-context{color:var(--assign-muted);font-size:.88rem;line-height:1.5;margin:.35rem 0 0}.assign-assessment-close{align-items:center;background:var(--assign-surface-soft);border:1px solid var(--assign-border);border-radius:9px;color:var(--assign-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:inherit;font-size:1.35rem;height:36px;justify-content:center;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease;width:36px}.assign-assessment-close:hover:not(:disabled){background:var(--assign-surface-accent);border-color:#14b8a670;color:var(--assign-accent-strong)}.assign-assessment-section{margin-bottom:1.25rem}.assign-assessment-section-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.assign-assessment-section-heading h3,.assign-result-section h3{color:var(--assign-text);font-size:.98rem;margin:0}.assign-assessment-section-heading p{color:var(--assign-muted);font-size:.78rem;margin:.2rem 0 0}.assign-assessment-selection-actions{display:flex;flex-wrap:wrap;gap:.45rem}.assign-assessment-list-state button,.assign-assessment-selection-actions button{background:var(--assign-surface);border:1px solid var(--assign-border-strong);border-radius:8px;color:var(--assign-accent-strong);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:700;padding:.43rem .7rem}.assign-assessment-list-state button:hover:not(:disabled),.assign-assessment-selection-actions button:hover:not(:disabled){background:var(--assign-surface-accent);border-color:#14b8a680}.assign-assessment-search-label{color:var(--assign-body);display:block;font-size:.8rem;font-weight:700;margin-bottom:.38rem}.assign-assessment-field input,.assign-assessment-field textarea,.assign-assessment-search{background:var(--assign-surface);border:1px solid var(--assign-border-strong);border-radius:10px;box-sizing:border-box;color:var(--assign-text);font-family:inherit;font-size:.88rem;outline:none;padding:.72rem .8rem;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.assign-assessment-field input:focus,.assign-assessment-field textarea:focus,.assign-assessment-search:focus{border-color:var(--assign-focus);box-shadow:0 0 0 3px #0ea5e924}.assign-assessment-field textarea{line-height:1.5;min-height:84px;resize:vertical}.assign-assessment-form-error,.assign-assessment-inline-message{background:#fffbeb;border:1px solid #fde68a;border-radius:9px;color:#92400e;font-size:.8rem;font-weight:600;line-height:1.45;margin-top:.65rem;padding:.6rem .75rem}.assign-assessment-form-error{background:#fef2f2;border-color:#fecaca;color:#991b1b;margin:0}.assign-assessment-error-region:empty{display:none}.assign-assessment-student-list{background:var(--assign-surface-soft);border:1px solid var(--assign-border);border-radius:12px;margin-top:.7rem;max-height:240px;overflow-y:auto}.assign-assessment-student{align-items:center;background:var(--assign-surface);border-bottom:1px solid var(--assign-border);cursor:pointer;display:flex;gap:.75rem;min-height:58px;padding:.65rem .8rem;position:relative;transition:background .15s ease}.assign-assessment-student:first-child{border-radius:11px 11px 0 0}.assign-assessment-student:last-child{border-bottom:none;border-radius:0 0 11px 11px}.assign-assessment-student:focus-within,.assign-assessment-student:hover{background:var(--assign-surface-accent)}.assign-assessment-student input{height:1px;opacity:0;position:absolute;width:1px}.assign-assessment-checkbox{align-items:center;background:var(--assign-surface);border:2px solid var(--assign-border-strong);border-radius:5px;display:inline-flex;flex:0 0 auto;height:19px;justify-content:center;width:19px}.assign-assessment-student input:checked+.assign-assessment-checkbox{background:linear-gradient(135deg,#0f8aa5,#14b8a6);border-color:#14b8a6}.assign-assessment-student input:checked+.assign-assessment-checkbox:after{color:#fff;content:"✓";font-size:.78rem;font-weight:800}.assign-assessment-student input:focus-visible+.assign-assessment-checkbox{box-shadow:0 0 0 3px #0ea5e92e}.assign-assessment-student-details{display:flex;flex-direction:column;min-width:0}.assign-assessment-student-details strong{color:var(--assign-text);font-size:.86rem;overflow-wrap:anywhere}.assign-assessment-student-details span{color:var(--assign-muted);font-size:.74rem;margin-top:.12rem;overflow-wrap:anywhere}.assign-assessment-list-state{align-items:center;color:var(--assign-muted);display:flex;flex-direction:column;font-size:.84rem;gap:.6rem;justify-content:center;min-height:112px;padding:1rem;text-align:center}.assign-assessment-list-state p{margin:0}.assign-assessment-list-state.error{color:#b91c1c}.assign-assessment-spinner{animation:assign-assessment-spin .7s linear infinite;border:3px solid var(--assign-border);border-radius:50%;border-top-color:var(--assign-focus);height:24px;width:24px}@keyframes assign-assessment-spin{to{transform:rotate(1turn)}}.assign-assessment-fields{grid-gap:1rem;display:grid;gap:1rem}.assign-assessment-field label{color:var(--assign-body);display:block;font-size:.8rem;font-weight:700;margin-bottom:.38rem}.assign-assessment-field label span{color:var(--assign-muted);font-size:.72rem;font-weight:500;margin-left:.25rem}.assign-assessment-label-row{align-items:center;display:flex;justify-content:space-between}.assign-assessment-character-count{color:var(--assign-muted);font-size:.72rem}.assign-assessment-actions{border-top:1px solid var(--assign-border);display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.assign-assessment-primary,.assign-assessment-secondary{border-radius:10px;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:750;padding:.68rem 1rem;transition:box-shadow .18s ease,transform .18s ease}.assign-assessment-primary{background:linear-gradient(135deg,#0f8aa5,#14b8a6);border:none;color:#fff;min-width:150px}.assign-assessment-secondary{background:var(--assign-surface);border:1px solid var(--assign-border-strong);color:var(--assign-body)}.assign-assessment-primary:hover:not(:disabled),.assign-assessment-secondary:hover:not(:disabled){box-shadow:0 10px 22px #14b8a62e;transform:translateY(-1px)}.assign-assessment-modal button:disabled,.assign-assessment-modal input:disabled,.assign-assessment-modal textarea:disabled{cursor:not-allowed;opacity:.58}.assign-assessment-modal button:focus-visible,.assign-assessment-modal input:focus-visible,.assign-assessment-modal textarea:focus-visible{outline:3px solid #0ea5e938;outline-offset:2px}.assign-assessment-result-summary{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(3,1fr)}.assign-result-count{border:1px solid var(--assign-border);border-radius:12px;display:flex;flex-direction:column;padding:.85rem}.assign-result-count strong{color:var(--assign-text);font-size:1.3rem}.assign-result-count span{font-size:.74rem;line-height:1.35}.assign-result-count.created{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.assign-result-count.existing{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.assign-result-count.rejected{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.assign-result-section{border:1px solid var(--assign-border);border-left:4px solid #14b8a6;border-radius:10px;margin-top:.85rem;padding:.8rem}.assign-result-section.existing{border-left-color:#3b82f6}.assign-result-section.rejected{border-left-color:#f97316}.assign-assessment-result-list{list-style:none;margin:.55rem 0 0;max-height:150px;overflow-y:auto;padding:0}.assign-assessment-result-list li{border-top:1px solid var(--assign-border);display:flex;flex-direction:column;font-size:.8rem;gap:.15rem;padding:.5rem 0}.assign-assessment-result-list li:first-child{border-top:none}.assign-assessment-result-list strong{color:var(--assign-text)}.assign-assessment-result-list span{color:var(--assign-muted)}.dark-mode .assign-assessment-backdrop,[data-dark-mode=true] .assign-assessment-backdrop,body.dark-mode .assign-assessment-backdrop{--assign-surface:#172033;--assign-surface-soft:#111827;--assign-surface-accent:#14b8a61f;--assign-border:#94a3b83d;--assign-border-strong:#94a3b861;--assign-text:#f8fafc;--assign-body:#cbd5e1;--assign-muted:#94a3b8;--assign-accent:#67e8f9;--assign-accent-strong:#99f6e4;--assign-focus:#38bdf8;background:#020617c7}.dark-mode .assign-assessment-modal,[data-dark-mode=true] .assign-assessment-modal,body.dark-mode .assign-assessment-modal{background:linear-gradient(180deg,#172033,#151e31);box-shadow:0 28px 80px #00000080}.dark-mode .assign-result-count.created,[data-dark-mode=true] .assign-result-count.created,body.dark-mode .assign-result-count.created{background:#0596692e;border-color:#10b98161;color:#bbf7d0}.dark-mode .assign-result-count.existing,[data-dark-mode=true] .assign-result-count.existing,body.dark-mode .assign-result-count.existing{background:#2563eb2e;border-color:#60a5fa61;color:#bfdbfe}.dark-mode .assign-result-count.rejected,[data-dark-mode=true] .assign-result-count.rejected,body.dark-mode .assign-result-count.rejected{background:#c2410c33;border-color:#fb923c66;color:#fed7aa}.dark-mode .assign-assessment-inline-message,[data-dark-mode=true] .assign-assessment-inline-message,body.dark-mode .assign-assessment-inline-message{background:#92400e38;border-color:#fbbf2466;color:#fde68a}.dark-mode .assign-assessment-form-error,[data-dark-mode=true] .assign-assessment-form-error,body.dark-mode .assign-assessment-form-error{background:#7f1d1d40;border-color:#f8717161;color:#fecaca}.dark-mode .assign-assessment-list-state.error,[data-dark-mode=true] .assign-assessment-list-state.error,body.dark-mode .assign-assessment-list-state.error{color:#fca5a5}@media (max-width:640px){.assign-assessment-backdrop{align-items:flex-end;padding:0}.assign-assessment-modal{border-radius:18px 18px 0 0;max-height:94vh;max-width:none;padding:1.1rem;width:100%}.assign-assessment-section-heading{align-items:flex-start;flex-direction:column}.assign-assessment-selection-actions,.assign-assessment-selection-actions button{flex:1 1 auto}.assign-assessment-result-summary{grid-template-columns:1fr}.assign-assessment-actions{flex-direction:column-reverse}.assign-assessment-actions button{width:100%}}@media (max-width:380px){.assign-assessment-header h2{font-size:1.15rem}.assign-assessment-context{font-size:.8rem}}.vq-page{background:#002e5d;background:linear-gradient(135deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:20px}.vq-container{background:#fffffff7;border-radius:20px;box-shadow:0 16px 48px #00000026;margin:20px auto;max-width:1300px;padding:2.5rem}.vq-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:28px;padding:0 0 20px;position:relative}.vq-title{color:#002e5d;font-size:1.85rem;font-weight:700;letter-spacing:.3px;margin:0}.vq-back-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 3px 10px #002e5d40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;transition:all .2s}.vq-back-btn:hover{box-shadow:0 6px 16px #002e5d59;transform:translateY(-2px)}.vq-search-bar{margin-bottom:28px;position:relative}.vq-search-icon{color:#94a3b8;font-size:1.1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.vq-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:.95rem;outline:none;padding:14px 18px 14px 50px;transition:border-color .2s,box-shadow .2s;width:100%}.vq-search-input:focus{background:#fff;border-color:#2774ae;box-shadow:0 0 0 3px #2774ae1f}.vq-search-input::placeholder{color:#94a3b8}.vq-subject-group{margin-bottom:20px}.vq-subject-header{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border:1px solid #dce8f5;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.vq-subject-header:hover{background:linear-gradient(135deg,#e4effc,#d8e6f8);box-shadow:0 2px 8px #002e5d14}.vq-subject-name{align-items:center;color:#002e5d;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.vq-subject-count{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:50px;color:#fff;font-size:.8rem;font-weight:600;padding:2px 12px}.vq-chevron{color:#64748b;font-size:.9rem;transition:transform .3s ease}.vq-chevron.open{transform:rotate(180deg)}.vq-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:16px 0 8px}.vq-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:visible;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease}.vq-card:hover{box-shadow:0 8px 24px #002e5d1f;transform:translateY(-4px)}.vq-card.dropdown-open{transform:none!important;z-index:1000}.vq-card-top{border-bottom:1px solid #f0f4f8;flex:1 1;padding:20px 20px 14px}.vq-card-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.vq-card-title{color:#002e5d;cursor:pointer;font-size:1.05rem;font-weight:600;line-height:1.3;margin:0;transition:color .15s;word-break:break-word}.vq-card-title:hover{color:#2774ae}.vq-badge{align-items:center;border-radius:50px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:5px;padding:4px 12px;white-space:nowrap}.vq-badge.active{background:#d1fae5;color:#065f46}.vq-badge.locked{background:#fef3c7;color:#92400e}.vq-badge.archived{background:#f1f5f9;color:#64748b}.vq-card-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:14px}.vq-card-meta-item{align-items:center;display:flex;gap:5px}.vq-meta-icon{font-size:.85rem;opacity:.7}.vq-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 16px}.vq-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.vq-action-btn.primary{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 2px 6px #002e5d33;color:#fff}.vq-action-btn.primary:hover{box-shadow:0 4px 12px #002e5d4d;transform:translateY(-1px)}.vq-action-btn.assign{background:#d1fae5;color:#047857}.vq-action-btn.assign:hover{background:#a7f3d0}.vq-action-btn.edit{background:#e0f2fe;color:#0369a1}.vq-action-btn.edit:hover{background:#bae6fd}.vq-action-btn.lock{background:#fef3c7;color:#92400e}.vq-action-btn.lock:hover{background:#fde68a}.vq-action-btn.unlock{background:#dbeafe;color:#1e40af}.vq-action-btn.unlock:hover{background:#bfdbfe}.vq-more-wrapper{margin-left:auto;position:relative}.vq-more-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;justify-content:center;min-width:36px;padding:7px 10px;transition:all .15s}.vq-more-btn:hover{background:#e2e8f0;color:#334155}.vq-dropdown{animation:vq-dropdown-in .15s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000002e;min-width:190px;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}@keyframes vq-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vq-dropdown-item{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.vq-dropdown-item:hover{background:#f1f5f9}.vq-dropdown-item.danger{color:#dc2626}.vq-dropdown-item.danger:hover{background:#fef2f2}.vq-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.vq-dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.vq-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;color:#64748b;margin:20px 0;padding:3rem 1.5rem;text-align:center}.vq-empty p{margin:.25rem 0}.vq-empty .sub{color:#94a3b8;font-size:.9rem;margin-top:6px}.vq-loading{color:#2774ae;font-size:1.05rem;font-weight:500;padding:3rem 0;text-align:center}.vq-loading-spinner{animation:vq-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2774ae;display:inline-block;height:28px;margin-bottom:12px;width:28px}@keyframes vq-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.vq-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.vq-page{padding:12px}.vq-container{margin:10px auto;padding:1.5rem}.vq-title{font-size:1.4rem}.vq-header{flex-direction:column;gap:12px;text-align:center}.vq-card-grid{grid-template-columns:1fr}.vq-card-actions{flex-wrap:wrap}}@media (max-width:480px){.vq-container{padding:1rem}.vq-card-top{padding:14px 14px 10px}.vq-card-actions{padding:10px 14px 14px}}.vq-page{--vq-light-bg:#f8fafc;--vq-light-surface:#fff;--vq-light-panel:#f8fafc;--vq-light-panel-strong:#f1f5f9;--vq-light-border:#94a3b847;--vq-light-border-strong:#94a3b861;--vq-light-text:#0f172a;--vq-light-body:#334155;--vq-light-muted:#64748b;--vq-light-accent:#14b8a6;--vq-light-blue:#0ea5e9;background:radial-gradient(circle at top left,#14b8a61f,#0000 34rem),radial-gradient(circle at bottom right,#0ea5e91a,#0000 30rem),linear-gradient(180deg,#f8fafc,#eef5f8 48%,#f8fafc);color:var(--vq-light-body)}.vq-page .vq-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #94a3b83d;box-shadow:0 24px 64px #0f172a1f}.vq-page .vq-header{border-bottom-color:#94a3b838}.vq-page .vq-card-title,.vq-page .vq-subject-name,.vq-page .vq-title{color:var(--vq-light-text)}.vq-page .vq-card-title:hover{color:#0f8aa5}.vq-page .vq-search-input{background:#fff;border-color:var(--vq-light-border-strong);box-shadow:0 1px 2px #0f172a0a;color:var(--vq-light-text)}.vq-page .vq-search-input:hover{border-color:#0ea5e96b}.vq-page .vq-search-input:focus{background:#fff;border-color:var(--vq-light-blue);box-shadow:0 0 0 4px #0ea5e91f}.vq-page .vq-card-meta,.vq-page .vq-chevron,.vq-page .vq-empty,.vq-page .vq-empty .sub,.vq-page .vq-search-icon{color:var(--vq-light-muted)}.vq-page .vq-card,.vq-page .vq-empty,.vq-page .vq-subject-header{background:var(--vq-light-surface);border:1px solid var(--vq-light-border);box-shadow:0 14px 34px #0f172a14}.vq-page .vq-card,.vq-page .vq-subject-header{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.vq-page .vq-card:hover,.vq-page .vq-subject-header:hover{border-color:#14b8a659;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a}.vq-page .vq-subject-header{background:linear-gradient(90deg,#f8fafc,#eef9fb)}.vq-page .vq-subject-header:hover{background:linear-gradient(90deg,#f0fdfa,#eff6ff)}.vq-page .vq-subject-count{background:#14b8a61f;border:1px solid #14b8a647;color:#0f766e}.vq-page .vq-card{background:#fff;border-radius:14px}.vq-page .vq-card-top{border-bottom-color:#94a3b82e}.vq-page .vq-card-actions{background:#fbfdfe;border-radius:0 0 14px 14px;border-top:1px solid #94a3b824}.vq-page .vq-badge{border:1px solid #0000}.vq-page .vq-badge.active{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.vq-page .vq-badge.locked{background:#fffbeb;border-color:#fde68a;color:#b45309}.vq-page .vq-badge.archived{background:#f8fafc;border-color:#e2e8f0;color:#475569}.vq-page .vq-action-btn.primary,.vq-page .vq-back-btn{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 10px 22px #14b8a62e;color:#fff}.vq-page .vq-action-btn.primary:hover,.vq-page .vq-back-btn:hover{box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a624}.vq-page .vq-action-btn.assign,.vq-page .vq-action-btn.edit,.vq-page .vq-action-btn.lock,.vq-page .vq-action-btn.unlock,.vq-page .vq-more-btn{border:1px solid var(--vq-light-border)}.vq-page .vq-action-btn.edit{background:#eff6ff;color:#0369a1}.vq-page .vq-action-btn.assign{background:#ecfdf5;color:#047857}.vq-page .vq-action-btn.unlock{background:#eef2ff;color:#3730a3}.vq-page .vq-action-btn.lock{background:#fffbeb;color:#b45309}.vq-page .vq-action-btn.assign:hover,.vq-page .vq-action-btn.edit:hover,.vq-page .vq-action-btn.lock:hover,.vq-page .vq-action-btn.unlock:hover,.vq-page .vq-more-btn:hover{background:#f8fafc;border-color:#14b8a659;box-shadow:0 8px 18px #14b8a61a;color:#0f766e}.vq-page .vq-more-btn{background:#fff;color:#475569}.vq-page .vq-dropdown{background:#fff;border-color:var(--vq-light-border);box-shadow:0 18px 42px #0f172a29}.vq-page .vq-dropdown-item{color:var(--vq-light-body)}.vq-page .vq-dropdown-item:hover{background:#f0fdfa;color:#0f766e}.vq-page .vq-dropdown-item.danger{color:#b91c1c}.vq-page .vq-dropdown-item.danger:hover{background:#fef2f2;color:#991b1b}.vq-page .vq-dropdown-divider{background:#94a3b838}.vq-page .vq-empty{background:#fff;border-style:dashed}.vq-page .vq-loading{color:#0f8aa5}.vq-page .vq-loading-spinner{border-color:#dbeafe;border-top-color:var(--vq-light-blue)}.vq-page .vq-dropdown-item:disabled,.vq-page button:disabled{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1}.dark-mode .vq-page,[data-dark-mode=true] .vq-page,body.dark-mode .vq-page{--vq-dark-bg:#0f172a;--vq-dark-surface:#172033;--vq-dark-panel:#1f2937;--vq-dark-inner:#111827;--vq-dark-elevated:#0f172ae0;--vq-dark-border:#94a3b83d;--vq-dark-border-strong:#94a3b85c;--vq-dark-text:#f8fafc;--vq-dark-body:#cbd5e1;--vq-dark-muted:#94a3b8;--vq-dark-placeholder:#64748b;--vq-dark-accent:#14b8a6;--vq-dark-blue:#38bdf8;background:radial-gradient(circle at top left,#14b8a621,#0000 34rem),radial-gradient(circle at bottom right,#38bdf814,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a);color:var(--vq-dark-body)}.dark-mode .vq-page .vq-container,[data-dark-mode=true] .vq-page .vq-container,body.dark-mode .vq-page .vq-container{background:#0f172ab8;border:1px solid var(--vq-dark-border);box-shadow:0 24px 64px #00000057}.dark-mode .vq-page .vq-header,[data-dark-mode=true] .vq-page .vq-header,body.dark-mode .vq-page .vq-header{border-bottom-color:#94a3b833}.dark-mode .vq-page .vq-card-title,.dark-mode .vq-page .vq-subject-name,.dark-mode .vq-page .vq-title,[data-dark-mode=true] .vq-page .vq-card-title,[data-dark-mode=true] .vq-page .vq-subject-name,[data-dark-mode=true] .vq-page .vq-title,body.dark-mode .vq-page .vq-card-title,body.dark-mode .vq-page .vq-subject-name,body.dark-mode .vq-page .vq-title{color:var(--vq-dark-text)}.dark-mode .vq-page .vq-card-title:hover,[data-dark-mode=true] .vq-page .vq-card-title:hover,body.dark-mode .vq-page .vq-card-title:hover{color:#67e8f9}.dark-mode .vq-page .vq-search-input,[data-dark-mode=true] .vq-page .vq-search-input,body.dark-mode .vq-page .vq-search-input{background:var(--vq-dark-inner);border-color:var(--vq-dark-border-strong);box-shadow:inset 0 1px 0 #ffffff05;color:var(--vq-dark-text)}.dark-mode .vq-page .vq-search-input::placeholder,[data-dark-mode=true] .vq-page .vq-search-input::placeholder,body.dark-mode .vq-page .vq-search-input::placeholder{color:var(--vq-dark-placeholder)}.dark-mode .vq-page .vq-search-input:hover,[data-dark-mode=true] .vq-page .vq-search-input:hover,body.dark-mode .vq-page .vq-search-input:hover{border-color:#38bdf875}.dark-mode .vq-page .vq-search-input:focus,[data-dark-mode=true] .vq-page .vq-search-input:focus,body.dark-mode .vq-page .vq-search-input:focus{background:var(--vq-dark-inner);border-color:var(--vq-dark-blue);box-shadow:0 0 0 4px #38bdf824}.dark-mode .vq-page .vq-card-meta,.dark-mode .vq-page .vq-chevron,.dark-mode .vq-page .vq-empty,.dark-mode .vq-page .vq-empty .sub,.dark-mode .vq-page .vq-search-icon,[data-dark-mode=true] .vq-page .vq-card-meta,[data-dark-mode=true] .vq-page .vq-chevron,[data-dark-mode=true] .vq-page .vq-empty,[data-dark-mode=true] .vq-page .vq-empty .sub,[data-dark-mode=true] .vq-page .vq-search-icon,body.dark-mode .vq-page .vq-card-meta,body.dark-mode .vq-page .vq-chevron,body.dark-mode .vq-page .vq-empty,body.dark-mode .vq-page .vq-empty .sub,body.dark-mode .vq-page .vq-search-icon{color:var(--vq-dark-muted)}.dark-mode .vq-page .vq-card,.dark-mode .vq-page .vq-empty,.dark-mode .vq-page .vq-subject-header,[data-dark-mode=true] .vq-page .vq-card,[data-dark-mode=true] .vq-page .vq-empty,[data-dark-mode=true] .vq-page .vq-subject-header,body.dark-mode .vq-page .vq-card,body.dark-mode .vq-page .vq-empty,body.dark-mode .vq-page .vq-subject-header{background:linear-gradient(180deg,var(--vq-dark-surface) 0,#151e31 100%);border-color:var(--vq-dark-border);box-shadow:0 18px 42px #00000047}.dark-mode .vq-page .vq-card:hover,.dark-mode .vq-page .vq-subject-header:hover,[data-dark-mode=true] .vq-page .vq-card:hover,[data-dark-mode=true] .vq-page .vq-subject-header:hover,body.dark-mode .vq-page .vq-card:hover,body.dark-mode .vq-page .vq-subject-header:hover{border-color:#14b8a66b;box-shadow:0 16px 36px #00000052,0 0 24px #14b8a61f}.dark-mode .vq-page .vq-card-top,[data-dark-mode=true] .vq-page .vq-card-top,body.dark-mode .vq-page .vq-card-top{border-bottom-color:#94a3b82e}.dark-mode .vq-page .vq-card-actions,[data-dark-mode=true] .vq-page .vq-card-actions,body.dark-mode .vq-page .vq-card-actions{background:#0f172a80;border-top:1px solid #94a3b829}.dark-mode .vq-page .vq-subject-count,[data-dark-mode=true] .vq-page .vq-subject-count,body.dark-mode .vq-page .vq-subject-count{background:#14b8a62e;border:1px solid #14b8a657;color:#99f6e4}.dark-mode .vq-page .vq-badge.active,[data-dark-mode=true] .vq-page .vq-badge.active,body.dark-mode .vq-page .vq-badge.active{background-color:#0596692e;border-color:#10b98161;color:#bbf7d0}.dark-mode .vq-page .vq-badge.locked,[data-dark-mode=true] .vq-page .vq-badge.locked,body.dark-mode .vq-page .vq-badge.locked{background-color:#d977062e;border-color:#fbbf2461;color:#fde68a}.dark-mode .vq-page .vq-badge.archived,[data-dark-mode=true] .vq-page .vq-badge.archived,body.dark-mode .vq-page .vq-badge.archived{background-color:#94a3b821;border-color:#94a3b847;color:#cbd5e1}.dark-mode .vq-page .vq-action-btn.primary,.dark-mode .vq-page .vq-back-btn,[data-dark-mode=true] .vq-page .vq-action-btn.primary,[data-dark-mode=true] .vq-page .vq-back-btn,body.dark-mode .vq-page .vq-action-btn.primary,body.dark-mode .vq-page .vq-back-btn{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 12px 24px #14b8a62e;color:#fff}.dark-mode .vq-page .vq-action-btn.assign,.dark-mode .vq-page .vq-action-btn.edit,.dark-mode .vq-page .vq-action-btn.lock,.dark-mode .vq-page .vq-action-btn.unlock,.dark-mode .vq-page .vq-more-btn,[data-dark-mode=true] .vq-page .vq-action-btn.assign,[data-dark-mode=true] .vq-page .vq-action-btn.edit,[data-dark-mode=true] .vq-page .vq-action-btn.lock,[data-dark-mode=true] .vq-page .vq-action-btn.unlock,[data-dark-mode=true] .vq-page .vq-more-btn,body.dark-mode .vq-page .vq-action-btn.assign,body.dark-mode .vq-page .vq-action-btn.edit,body.dark-mode .vq-page .vq-action-btn.lock,body.dark-mode .vq-page .vq-action-btn.unlock,body.dark-mode .vq-page .vq-more-btn{background:#0f172ac7;border:1px solid var(--vq-dark-border-strong);color:#dbeafe}.dark-mode .vq-page .vq-action-btn.assign:hover,.dark-mode .vq-page .vq-action-btn.edit:hover,.dark-mode .vq-page .vq-action-btn.lock:hover,.dark-mode .vq-page .vq-action-btn.unlock:hover,.dark-mode .vq-page .vq-more-btn:hover,[data-dark-mode=true] .vq-page .vq-action-btn.assign:hover,[data-dark-mode=true] .vq-page .vq-action-btn.edit:hover,[data-dark-mode=true] .vq-page .vq-action-btn.lock:hover,[data-dark-mode=true] .vq-page .vq-action-btn.unlock:hover,[data-dark-mode=true] .vq-page .vq-more-btn:hover,body.dark-mode .vq-page .vq-action-btn.assign:hover,body.dark-mode .vq-page .vq-action-btn.edit:hover,body.dark-mode .vq-page .vq-action-btn.lock:hover,body.dark-mode .vq-page .vq-action-btn.unlock:hover,body.dark-mode .vq-page .vq-more-btn:hover{background:#14b8a61f;border-color:#14b8a675;box-shadow:0 10px 22px #14b8a61a;color:var(--vq-dark-text)}.dark-mode .vq-page .vq-dropdown,[data-dark-mode=true] .vq-page .vq-dropdown,body.dark-mode .vq-page .vq-dropdown{background:#111827;border-color:var(--vq-dark-border);box-shadow:0 20px 48px #00000061}.dark-mode .vq-page .vq-dropdown-item,[data-dark-mode=true] .vq-page .vq-dropdown-item,body.dark-mode .vq-page .vq-dropdown-item{color:var(--vq-dark-body)}.dark-mode .vq-page .vq-dropdown-item:hover,[data-dark-mode=true] .vq-page .vq-dropdown-item:hover,body.dark-mode .vq-page .vq-dropdown-item:hover{background:#14b8a61f;color:var(--vq-dark-text)}.dark-mode .vq-page .vq-dropdown-item.danger,[data-dark-mode=true] .vq-page .vq-dropdown-item.danger,body.dark-mode .vq-page .vq-dropdown-item.danger{color:#fecaca}.dark-mode .vq-page .vq-dropdown-item.danger:hover,[data-dark-mode=true] .vq-page .vq-dropdown-item.danger:hover,body.dark-mode .vq-page .vq-dropdown-item.danger:hover{background:#7f1d1d38;color:#fecaca}.dark-mode .vq-page .vq-dropdown-divider,[data-dark-mode=true] .vq-page .vq-dropdown-divider,body.dark-mode .vq-page .vq-dropdown-divider{background:#94a3b833}.dark-mode .vq-page .vq-loading,[data-dark-mode=true] .vq-page .vq-loading,body.dark-mode .vq-page .vq-loading{color:#67e8f9}.dark-mode .vq-page .vq-loading-spinner,[data-dark-mode=true] .vq-page .vq-loading-spinner,body.dark-mode .vq-page .vq-loading-spinner{border-color:#94a3b83d;border-top-color:var(--vq-dark-blue)}.dark-mode .vq-page .vq-dropdown-item:disabled,.dark-mode .vq-page button:disabled,[data-dark-mode=true] .vq-page .vq-dropdown-item:disabled,[data-dark-mode=true] .vq-page button:disabled,body.dark-mode .vq-page .vq-dropdown-item:disabled,body.dark-mode .vq-page button:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:var(--vq-dark-muted);opacity:1}*{margin:0;padding:0}:root{--secondary-color:#3498db;--light-bg:#f2f5f9;--border-color:#e2e8f0}body{background-color:#f2f5f9;background-color:var(--light-bg);color:#333;color:var(--text-color);font-family:Poppins,sans-serif}.success-container{align-items:center;background:radial-gradient(circle at top left,#2980b921,#0000 34rem),linear-gradient(180deg,#f8fafc,#eef4fb);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#182334;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:48px 20px 64px}.success-card{background:linear-gradient(180deg,#fffffffa,#f8fbfff5);border:1px solid #94a3b83d;border-radius:22px;box-shadow:0 24px 70px #0f172a24;margin:0 auto;max-width:980px;padding:36px 40px;text-align:center;width:90%}.success-title{border-bottom:1px solid #2980b92e;color:#0f3554;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:0;margin-bottom:18px;padding-bottom:18px}.success-text{color:#475569;font-size:17px;line-height:1.65;margin-bottom:18px}.success-text strong{color:#1e3a5f}.success-quiz-code{background:linear-gradient(135deg,#e3f2fdf2,#dbeafef2);border:1px solid #2980b933;border-radius:999px;box-shadow:0 10px 24px #2980b924;color:#0f4f7a;display:inline-block;font-weight:800;letter-spacing:.08em;margin-left:8px;padding:8px 16px}.success-table{border:1px solid #94a3b847;border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 18px 42px #0f172a14;margin-bottom:30px;margin-top:30px;overflow:hidden;width:100%}.success-table td,.success-table th{padding:14px 16px;text-align:left}.success-table th{background:linear-gradient(135deg,#0f4f7a,#2980b9);color:#fff;color:var(--white);font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.success-table tr:nth-child(2n){background-color:#f8fbff}.success-table tr:nth-child(odd){background-color:#fff;background-color:var(--white)}.success-table td{border-bottom:1px solid #c2dcf2d1;color:#334155;font-size:15px;line-height:1.55;vertical-align:top}.success-table tr:last-child td{border-bottom:none}.success-question-image{border:1px solid #94a3b847;border-radius:10px;box-shadow:0 10px 26px #0f172a1f;display:block;margin:10px 0 0;max-height:150px;max-width:150px;transition:transform .3s}.success-question-image:hover{transform:scale(1.1)}.success-no-questions{background-color:#f8fafcf2;border:1px dashed #64748b61;border-radius:14px;color:#64748b;margin:25px 0;padding:20px;text-align:center}.success-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.success-button,.success-export-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;margin-top:0;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.success-button{background:linear-gradient(135deg,#2980b9,#2aa9df);box-shadow:0 12px 24px #2980b93d;color:#fff;color:var(--white)}.success-export-button{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 12px 24px #6b2d8a2e;color:#5b2377}.success-export-button:disabled{cursor:not-allowed;opacity:.6}.success-button:hover,.success-export-button:not(:disabled):hover{transform:translateY(-2px)}.dark-mode .success-container,[data-dark-mode=true] .success-container,body.dark-mode .success-container{background:radial-gradient(circle at top left,#38bdf829,#0000 32rem),radial-gradient(circle at bottom right,#3b82f61f,#0000 30rem),linear-gradient(180deg,#07111f,#0b1626 52%,#0f172a);color:#e5eef8}.dark-mode .success-card,[data-dark-mode=true] .success-card,body.dark-mode .success-card{background:linear-gradient(180deg,#0f172afa,#0c1626fa);border-color:#94a3b82e;box-shadow:0 28px 80px #0000006b}.dark-mode .success-title,[data-dark-mode=true] .success-title,body.dark-mode .success-title{border-bottom-color:#7dd3fc33;color:#f8fafc}.dark-mode .success-text,[data-dark-mode=true] .success-text,body.dark-mode .success-text{color:#cbd5e1}.dark-mode .success-text strong,[data-dark-mode=true] .success-text strong,body.dark-mode .success-text strong{color:#e0f2fe}.dark-mode .success-quiz-code,[data-dark-mode=true] .success-quiz-code,body.dark-mode .success-quiz-code{background:linear-gradient(135deg,#0e74904d,#1e40af52);border-color:#7dd3fc42;box-shadow:0 12px 30px #0891b22e;color:#bae6fd}.dark-mode .success-table,[data-dark-mode=true] .success-table,body.dark-mode .success-table{border-color:#94a3b82e;box-shadow:0 22px 52px #00000057}.dark-mode .success-table th,[data-dark-mode=true] .success-table th,body.dark-mode .success-table th{background:linear-gradient(135deg,#0e7490,#1d4ed8);color:#f8fafc}.dark-mode .success-table tr:nth-child(2n),[data-dark-mode=true] .success-table tr:nth-child(2n),body.dark-mode .success-table tr:nth-child(2n){background-color:#101c2d}.dark-mode .success-table tr:nth-child(odd),[data-dark-mode=true] .success-table tr:nth-child(odd),body.dark-mode .success-table tr:nth-child(odd){background-color:#0d1726}.dark-mode .success-table td,[data-dark-mode=true] .success-table td,body.dark-mode .success-table td{border-bottom-color:#94a3b829;color:#dbe7f3}.dark-mode .success-question-image,[data-dark-mode=true] .success-question-image,body.dark-mode .success-question-image{border-color:#94a3b833;box-shadow:0 14px 32px #0000006b}.dark-mode .success-no-questions,[data-dark-mode=true] .success-no-questions,body.dark-mode .success-no-questions{background-color:#0f172ae0;border-color:#94a3b83d;color:#cbd5e1}.dark-mode .success-button,[data-dark-mode=true] .success-button,body.dark-mode .success-button{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 16px 34px #0ea5e938;color:#f8fafc}.dark-mode .success-export-button,[data-dark-mode=true] .success-export-button,body.dark-mode .success-export-button{background:linear-gradient(135deg,#7c3aedeb,#4f46e5f0);box-shadow:0 16px 34px #7c3aed38;color:#f5f3ff}@media (max-width:768px){.success-container{padding:28px 12px 44px}.success-card{border-radius:18px;padding:24px 16px;width:100%}.success-quiz-code{margin:10px 0 0}.success-table{display:block;overflow-x:auto;white-space:nowrap}.success-table td,.success-table th{font-size:14px;padding:10px 12px}.success-actions{flex-direction:column}.success-button,.success-export-button{width:100%}}.eq-page{background:linear-gradient(90deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:20px;transition:background-color .3s ease,color .3s ease}[data-dark-mode=true] .eq-page,body.dark-mode .eq-page{background:#0f0f1e;color:#e0e0e0}.eq-user-box{font-size:.95rem;font-weight:600;left:20px}.eq-timer,.eq-user-box{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:10px;box-shadow:0 4px 16px #00000040;color:#fff;padding:10px 18px;position:fixed;top:20px;z-index:1000}.eq-timer{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:8px;right:20px}.eq-timer-icon{font-size:1.1rem}.eq-card{background:#fffffff2;border-radius:16px;box-shadow:0 12px 40px #00000026;margin:50px auto;max-width:900px;padding:2.5rem;text-align:center;transition:all .3s ease}[data-dark-mode=true] .eq-card,body.dark-mode .eq-card{background:#1e1e28f2;box-shadow:0 12px 40px #00000080;color:#e0e0e0}.eq-header{border-bottom:2px solid #b8d4ed;margin-bottom:30px;padding:20px 0;position:relative;transition:border-color .3s ease}[data-dark-mode=true] .eq-header,body.dark-mode .eq-header{border-bottom-color:#444}.eq-title{color:#002e5d;font-size:1.75rem;font-weight:700;letter-spacing:.3px;margin:0;text-align:center;transition:color .3s ease}[data-dark-mode=true] .eq-title,body.dark-mode .eq-title{color:#60a5fa}.eq-back-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:8px;box-shadow:0 2px 8px #002e5d40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;left:0;padding:.6rem 1.2rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;z-index:10}.eq-back-btn:hover{box-shadow:0 4px 12px #002e5d59;transform:translateY(calc(-50% - 1px))}.eq-code-section{margin-bottom:30px}.eq-code-label{color:#002e5d;display:block;font-size:1.05rem;font-weight:600;margin-bottom:12px;transition:color .3s ease}[data-dark-mode=true] .eq-code-label,body.dark-mode .eq-code-label{color:#60a5fa}.eq-code-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-width:250px;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}[data-dark-mode=true] .eq-code-input,body.dark-mode .eq-code-input{background:#282832cc;border-color:#444;color:#e0e0e0}[data-dark-mode=true] .eq-code-input::placeholder,body.dark-mode .eq-code-input::placeholder{color:#888}.eq-code-input:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae26;outline:none}[data-dark-mode=true] .eq-code-input:focus,body.dark-mode .eq-code-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.eq-load-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 4px 12px #002e5d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;margin-left:12px;margin-top:10px;padding:.75rem 1.5rem;transition:all .2s}.eq-load-btn:hover{box-shadow:0 6px 18px #002e5d66;transform:translateY(-2px)}.eq-access-error{align-items:center;animation:eq-fadein .2s ease;background:#fff7ed;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-top:14px;padding:.75rem 1.1rem;text-align:left;transition:all .3s ease}[data-dark-mode=true] .eq-access-error,body.dark-mode .eq-access-error{background:#78350f33;border-color:#ea580c;color:#fed7aa}.eq-access-error-icon{flex-shrink:0;font-size:1.1rem}@keyframes eq-fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.eq-questions{margin-top:30px}.eq-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.25rem;padding:1.5rem;text-align:left;transition:all .2s ease}[data-dark-mode=true] .eq-question-card,body.dark-mode .eq-question-card{background:#282832cc;border-color:#444;box-shadow:0 2px 8px #0000004d}.eq-question-card.saved{background:#eff6ff;border-color:#bfdbfe}[data-dark-mode=true] .eq-question-card.saved,body.dark-mode .eq-question-card.saved{background:#1e3a5f66;border-color:#1e5a96}.eq-question-top{border-bottom:1px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px;transition:border-color .3s ease}[data-dark-mode=true] .eq-question-top,body.dark-mode .eq-question-top{border-bottom-color:#444}.eq-question-number-row{align-items:center;display:flex;margin-bottom:15px}.eq-question-badge{align-items:center;background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:50%;box-shadow:0 2px 6px #002e5d4d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.eq-question-image{margin-bottom:15px;text-align:center;width:100%}.eq-question-image img{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 12px #00000014;display:block;height:auto;margin:0 auto;max-height:600px;max-width:600px;width:auto}.eq-question-text{color:#1e293b;font-size:1.05rem;font-weight:500;line-height:1.6;margin-bottom:0;transition:color .3s ease;white-space:pre-wrap}[data-dark-mode=true] .eq-question-text,body.dark-mode .eq-question-text{color:#e0e0e0}.eq-textarea{border:2px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 1px 3px #0000000f;box-sizing:border-box;font-family:inherit;font-size:.95rem;margin-top:15px;min-height:120px;padding:.85rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;width:100%}[data-dark-mode=true] .eq-textarea,body.dark-mode .eq-textarea{background:#282832cc;border-color:#444;color:#e0e0e0}[data-dark-mode=true] .eq-textarea::placeholder,body.dark-mode .eq-textarea::placeholder{color:#888}.eq-textarea:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae26;outline:none}[data-dark-mode=true] .eq-textarea:focus,body.dark-mode .eq-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.eq-textarea.saved{background:#f8fafc;cursor:not-allowed}[data-dark-mode=true] .eq-textarea.saved,body.dark-mode .eq-textarea.saved{background:#1e3a5f4d}.eq-paste-warning{animation:eq-paste-warning-fade-in .15s ease;background-color:#fff4f4;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:13px;font-weight:500;margin-top:6px;padding:7px 12px;transition:all .3s ease}[data-dark-mode=true] .eq-paste-warning,body.dark-mode .eq-paste-warning{background-color:#7f1d1d33;border-color:#dc2626;color:#fca5a5}@keyframes eq-paste-warning-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.eq-btn-row{display:flex;gap:10px;justify-content:center;margin-top:15px}.eq-save-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:8px;box-shadow:0 2px 8px #002e5d40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 24px;transition:all .2s}.eq-save-btn:hover{box-shadow:0 4px 12px #002e5d59;transform:translateY(-1px)}.eq-save-btn.saved{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 8px #16a34a40}.eq-edit-btn{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;color:#d97706;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 24px;transition:all .2s}.eq-edit-btn:hover{background:#f59e0b40}.eq-submit-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 4px 16px #002e5d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:.85rem 2.5rem;transition:all .2s}.eq-submit-btn:hover{box-shadow:0 8px 24px #002e5d66;transform:translateY(-2px)}.eq-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease}[data-dark-mode=true] .eq-empty,body.dark-mode .eq-empty{background:#28283299;border-color:#444;color:#aaa}.eq-empty p{margin:.25rem 0}.eq-empty .eq-empty-sub{color:#94a3b8;font-size:.9rem;margin-top:8px}.eq-completion{padding:2.5rem;text-align:center}.eq-completion-title{color:#002e5d;font-size:2rem;font-weight:700;margin-bottom:1.25rem;transition:color .3s ease}[data-dark-mode=true] .eq-completion-title,body.dark-mode .eq-completion-title{color:#60a5fa}.eq-completion-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000001f;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.eq-completion-icon.success{background:linear-gradient(135deg,#16a34a,#22c55e)}.eq-completion-icon.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.eq-completion-icon span{color:#fff;font-size:2.25rem}.eq-completion-text{color:#64748b;font-size:1.15rem;margin-top:1.25rem;transition:color .3s ease}[data-dark-mode=true] .eq-completion-text,body.dark-mode .eq-completion-text{color:#aaa}.eq-locked-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 4px 12px #002e5d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.eq-locked-btn:hover{box-shadow:0 6px 18px #002e5d66;transform:translateY(-2px)}@media (max-width:768px){.eq-page{padding:12px}.eq-card{margin:20px auto;padding:1.5rem}.eq-title{font-size:1.3rem}.eq-back-btn{display:block;margin-bottom:12px;position:static;transform:none;width:-webkit-fit-content;width:fit-content}.eq-header{text-align:center}.eq-code-input{min-width:100%}.eq-load-btn{margin-left:0;margin-top:10px;width:100%}.eq-user-box{font-size:.8rem;padding:8px 12px}.eq-timer{font-size:.85rem;padding:8px 12px}}.eq-resume-banner{align-items:center;animation:eq-slide-in .3s ease;background:linear-gradient(135deg,#e8f4fd,#d0eaff);border-left:4px solid #2774ae;border-radius:8px;box-shadow:0 2px 8px #002e5d1a;color:#002e5d;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:16px;padding:12px 18px}@keyframes eq-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eq-save-status{align-items:center;background-color:#f0f4fa;border-radius:20px;color:#666;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:8px;padding:5px 12px;transition:all .2s ease}.eq-save-status.saved{background-color:#d4edda;color:#155724}.eq-save-status.error{background-color:#f8d7da;color:#721c24}.eq-autosave-notice{color:#7a8ba0;font-size:.78rem;font-style:italic;margin:0 0 18px}.eq-teacher-select{-webkit-appearance:auto;appearance:auto;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;cursor:pointer;font-family:inherit;font-size:1rem;min-width:280px;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}[data-dark-mode=true] .eq-teacher-select,body.dark-mode .eq-teacher-select{background:#282832cc;border-color:#444;color:#e0e0e0}.eq-teacher-select:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae26;outline:none}[data-dark-mode=true] .eq-teacher-select:focus,body.dark-mode .eq-teacher-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.eq-teacher-select:disabled{cursor:not-allowed;opacity:.5}.eq-teachers-loading{color:#64748b;font-size:.95rem;font-style:italic;margin:8px 0 4px}[data-dark-mode=true] .eq-teachers-loading,body.dark-mode .eq-teachers-loading{color:#94a3b8}.eq-code-input:disabled,.eq-load-btn:disabled{cursor:not-allowed;opacity:.5}.eq-load-btn:disabled{box-shadow:0 4px 12px #002e5d26;transform:none}.eq-inline-link-btn{background:none;border:none;color:#2774ae;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;padding:0;text-decoration:underline}.eq-inline-link-btn:hover{color:#002e5d}[data-dark-mode=true] .eq-inline-link-btn,body.dark-mode .eq-inline-link-btn{color:#60a5fa}[data-dark-mode=true] .eq-inline-link-btn:hover,body.dark-mode .eq-inline-link-btn:hover{color:#93c5fd}@media (max-width:768px){.eq-teacher-select{min-width:100%;width:100%}}.eq-entry-page{align-items:center;background:radial-gradient(520px 360px at -8% -12%,#7dd3fc24,#0000 68%),radial-gradient(560px 420px at 108% 8%,#0ea5e91f,#0000 72%),radial-gradient(620px 460px at 104% 112%,#2563eb1a,#0000 74%),linear-gradient(135deg,#031a3d,#053c78 46%,#0d7abf);display:flex;justify-content:center;overflow-x:hidden;padding:48px 20px;position:relative}.eq-entry-page:before{background-image:radial-gradient(#ffffff42 1px,#0000 0),linear-gradient(135deg,#0000 0 50%,#ffffff0f 50% 51%,#0000 52% 100%);background-size:34px 34px,100% 100%;content:"";inset:0;opacity:.14;pointer-events:none;position:absolute}.eq-active-quiz-page{background:radial-gradient(480px 320px at -12% -16%,#0ea5e914,#0000 72%),linear-gradient(135deg,#031a3d,#053c78 52%,#0b5f98)}.eq-active-quiz-page:before{content:none}.eq-entry-card{background:linear-gradient(180deg,#fffffffa,#f6fafff5);border:1px solid #ffffff9e;border-radius:28px;box-shadow:0 30px 90px #00123661,inset 0 1px 0 #ffffffe6;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3.25rem) 2.5rem;position:relative;text-align:left;width:min(960px,100%);z-index:1}.eq-entry-header{border-bottom:0;margin-bottom:1.35rem;min-height:152px;padding:0}.eq-entry-header .eq-back-btn{background:#eff6ffd1;border:1px solid #2774ae2e;box-shadow:0 8px 20px #0f40701f;color:#0f3f70;left:0;padding:.58rem .95rem;top:0;transform:none}.eq-entry-header .eq-back-btn:hover{background:#e0f2fe;box-shadow:0 12px 24px #0f40702e;transform:translateY(-1px)}.eq-entry-hero{margin:0 auto;max-width:640px;padding-top:.65rem;text-align:center}.eq-entry-icon{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:18px;box-shadow:0 16px 32px #002e5d47;color:#fff;display:grid;font-size:1.35rem;font-weight:800;height:58px;margin:0 auto .9rem;place-items:center;width:58px}.eq-entry-kicker{color:#2774ae;font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 .35rem;text-transform:uppercase}.eq-entry-header .eq-title{color:#082f5d;font-size:clamp(2.15rem,4vw,3.35rem);letter-spacing:0;line-height:1.05}.eq-entry-subtitle{color:#53667e;font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.65;margin:.85rem auto 0;max-width:540px}.eq-entry-card .eq-code-section{margin:0 auto;max-width:560px}.eq-form-panel{background:linear-gradient(180deg,#fffffff5,#eff6ffd1);border:1px solid #2774ae29;border-radius:22px;box-shadow:0 18px 42px #0f407021,inset 0 1px 0 #ffffffdb;padding:clamp(1.2rem,3vw,1.75rem)}.eq-field-group{margin-bottom:1.15rem}.eq-form-panel .eq-code-label{color:#0f3f70;font-size:.9rem;font-weight:800;letter-spacing:.01em;margin-bottom:.35rem}.eq-field-help{color:#64748b;font-size:.84rem;line-height:1.45;margin:0 0 .65rem}.eq-code-input+.eq-field-help{margin-top:10px}.eq-form-panel :is(.eq-teacher-select,.eq-code-input){background:#fff;border:1px solid #cbdff4;border-radius:14px;box-shadow:0 8px 18px #0f407014;color:#10243a;min-width:0;padding:.92rem 1rem;width:100%}.eq-form-panel :is(.eq-teacher-select,.eq-code-input):focus{border-color:#2774ae;box-shadow:0 0 0 4px #2774ae24,0 10px 22px #0f40701c}.eq-form-panel .eq-load-btn{background:linear-gradient(135deg,#002e5d,#155f9e 54%,#2774ae);border-radius:14px;box-shadow:0 16px 30px #002e5d47;font-size:1rem;margin:.35rem 0 0;padding:.95rem 1.35rem;width:100%}.eq-form-panel .eq-load-btn:hover:not(:disabled){box-shadow:0 20px 38px #002e5d57;transform:translateY(-2px)}.eq-entry-page .eq-questions{margin:1.35rem auto 0;max-width:760px}.eq-entry-helper-card{align-items:flex-start;background:#ffffffc2;border:1px solid #2774ae29;border-radius:20px;box-shadow:0 14px 34px #0f40701c;color:#153a5e;display:flex;gap:1rem;padding:1.2rem 1.25rem}.eq-helper-mark{background:#e0f2fe;border-radius:12px;color:#0369a1;display:grid;flex:0 0 36px;font-weight:800;height:36px;place-items:center;width:36px}.eq-entry-helper-card h2{color:#082f5d;font-size:1.05rem;margin:0 0 .35rem}.eq-entry-helper-card p{color:#53667e;line-height:1.55;margin:0}.eq-helper-items{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.eq-helper-items span{background:#eff6ff;border-radius:999px;color:#155f9e;font-size:.76rem;font-weight:700;padding:.36rem .62rem}@media (max-width:768px){.eq-entry-page{align-items:flex-start;padding:18px 12px}.eq-entry-card{border-radius:22px;padding:1rem 1rem 1.25rem}.eq-entry-header{margin-bottom:1rem;min-height:0;padding-top:0}.eq-entry-header .eq-back-btn{display:inline-flex;margin-bottom:1.2rem;position:static;transform:none;width:auto}.eq-entry-header .eq-back-btn:hover{transform:translateY(-1px)}.eq-entry-hero{padding-top:0}.eq-entry-icon{border-radius:16px;height:50px;width:50px}.eq-entry-helper-card{flex-direction:column}}@media (max-width:480px){.eq-entry-header .eq-title{font-size:2rem}.eq-form-panel{border-radius:18px}.eq-helper-items{align-items:flex-start;flex-direction:column}}.dark-mode .enter-quiz-page,[data-dark-mode=true] .enter-quiz-page,[data-theme=dark] .enter-quiz-page,body.dark-mode .enter-quiz-page,html.dark-mode .enter-quiz-page{--eq-dark-bg:#08111f;--eq-dark-surface:#0f172af5;--eq-dark-surface-2:#1e293beb;--eq-dark-surface-3:#0f172ac7;--eq-dark-border:#94a3b83d;--eq-dark-border-strong:#60a5fa5c;--eq-dark-text:#e5edf7;--eq-dark-muted:#b6c3d4;--eq-dark-heading:#93c5fd;background:radial-gradient(540px 380px at -10% -14%,#2563eb24,#0000 72%),radial-gradient(560px 420px at 112% 2%,#0ea5e91c,#0000 74%),linear-gradient(135deg,#050b16,#071a33 46%,#0b335c);color:var(--eq-dark-text)}.dark-mode .enter-quiz-page.eq-active-quiz-page,[data-dark-mode=true] .enter-quiz-page.eq-active-quiz-page,[data-theme=dark] .enter-quiz-page.eq-active-quiz-page,body.dark-mode .enter-quiz-page.eq-active-quiz-page,html.dark-mode .enter-quiz-page.eq-active-quiz-page{background:radial-gradient(420px 300px at -14% -18%,#2563eb14,#0000 76%),linear-gradient(135deg,#050b16,#07182f 52%,#092846)}.dark-mode .enter-quiz-page .eq-card,[data-dark-mode=true] .enter-quiz-page .eq-card,[data-theme=dark] .enter-quiz-page .eq-card,body.dark-mode .enter-quiz-page .eq-card,html.dark-mode .enter-quiz-page .eq-card{background:var(--eq-dark-surface);border:1px solid var(--eq-dark-border);box-shadow:0 24px 70px #0000007a;color:var(--eq-dark-text)}.dark-mode .enter-quiz-page :is(.eq-title,.eq-completion-title,.eq-code-label,.eq-entry-helper-card h2),[data-dark-mode=true] .enter-quiz-page :is(.eq-title,.eq-completion-title,.eq-code-label,.eq-entry-helper-card h2),[data-theme=dark] .enter-quiz-page :is(.eq-title,.eq-completion-title,.eq-code-label,.eq-entry-helper-card h2),body.dark-mode .enter-quiz-page :is(.eq-title,.eq-completion-title,.eq-code-label,.eq-entry-helper-card h2),html.dark-mode .enter-quiz-page :is(.eq-title,.eq-completion-title,.eq-code-label,.eq-entry-helper-card h2){color:var(--eq-dark-heading)}.dark-mode .enter-quiz-page :is(.eq-entry-subtitle,.eq-field-help,.eq-entry-helper-card p,.eq-empty,.eq-empty-sub,.eq-teachers-loading,.eq-autosave-notice,.eq-completion-text),[data-dark-mode=true] .enter-quiz-page :is(.eq-entry-subtitle,.eq-field-help,.eq-entry-helper-card p,.eq-empty,.eq-empty-sub,.eq-teachers-loading,.eq-autosave-notice,.eq-completion-text),[data-theme=dark] .enter-quiz-page :is(.eq-entry-subtitle,.eq-field-help,.eq-entry-helper-card p,.eq-empty,.eq-empty-sub,.eq-teachers-loading,.eq-autosave-notice,.eq-completion-text),body.dark-mode .enter-quiz-page :is(.eq-entry-subtitle,.eq-field-help,.eq-entry-helper-card p,.eq-empty,.eq-empty-sub,.eq-teachers-loading,.eq-autosave-notice,.eq-completion-text),html.dark-mode .enter-quiz-page :is(.eq-entry-subtitle,.eq-field-help,.eq-entry-helper-card p,.eq-empty,.eq-empty-sub,.eq-teachers-loading,.eq-autosave-notice,.eq-completion-text){color:var(--eq-dark-muted)}.dark-mode .enter-quiz-page :is(.eq-form-panel,.eq-entry-helper-card,.eq-empty,.eq-question-card),[data-dark-mode=true] .enter-quiz-page :is(.eq-form-panel,.eq-entry-helper-card,.eq-empty,.eq-question-card),[data-theme=dark] .enter-quiz-page :is(.eq-form-panel,.eq-entry-helper-card,.eq-empty,.eq-question-card),body.dark-mode .enter-quiz-page :is(.eq-form-panel,.eq-entry-helper-card,.eq-empty,.eq-question-card),html.dark-mode .enter-quiz-page :is(.eq-form-panel,.eq-entry-helper-card,.eq-empty,.eq-question-card){background:var(--eq-dark-surface-2);border-color:var(--eq-dark-border);box-shadow:0 16px 40px #00000057;color:var(--eq-dark-text)}.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea),[data-dark-mode=true] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea),[data-theme=dark] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea),body.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea),html.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea){background:var(--eq-dark-surface-3);border-color:var(--eq-dark-border);color:var(--eq-dark-text)}.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea)::placeholder,[data-dark-mode=true] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea)::placeholder,[data-theme=dark] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea)::placeholder,body.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea)::placeholder,html.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea)::placeholder{color:#8fa3bd}.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea):focus,[data-dark-mode=true] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea):focus,[data-theme=dark] .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea):focus,body.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea):focus,html.dark-mode .enter-quiz-page :is(.eq-teacher-select,.eq-code-input,.eq-textarea):focus{border-color:var(--eq-dark-border-strong);box-shadow:0 0 0 4px #60a5fa2e}.dark-mode .enter-quiz-page :is(.eq-header,.eq-question-top),[data-dark-mode=true] .enter-quiz-page :is(.eq-header,.eq-question-top),[data-theme=dark] .enter-quiz-page :is(.eq-header,.eq-question-top),body.dark-mode .enter-quiz-page :is(.eq-header,.eq-question-top),html.dark-mode .enter-quiz-page :is(.eq-header,.eq-question-top){border-color:var(--eq-dark-border)}.dark-mode .enter-quiz-page .eq-entry-header .eq-back-btn,[data-dark-mode=true] .enter-quiz-page .eq-entry-header .eq-back-btn,[data-theme=dark] .enter-quiz-page .eq-entry-header .eq-back-btn,body.dark-mode .enter-quiz-page .eq-entry-header .eq-back-btn,html.dark-mode .enter-quiz-page .eq-entry-header .eq-back-btn{background:#1e293bd1;border-color:var(--eq-dark-border);color:var(--eq-dark-text)}.dark-mode .enter-quiz-page :is(.eq-helper-mark,.eq-helper-items span),[data-dark-mode=true] .enter-quiz-page :is(.eq-helper-mark,.eq-helper-items span),[data-theme=dark] .enter-quiz-page :is(.eq-helper-mark,.eq-helper-items span),body.dark-mode .enter-quiz-page :is(.eq-helper-mark,.eq-helper-items span),html.dark-mode .enter-quiz-page :is(.eq-helper-mark,.eq-helper-items span){background:#60a5fa29;color:#bfdbfe}.dark-mode .enter-quiz-page .eq-access-error,[data-dark-mode=true] .enter-quiz-page .eq-access-error,[data-theme=dark] .enter-quiz-page .eq-access-error,body.dark-mode .enter-quiz-page .eq-access-error,html.dark-mode .enter-quiz-page .eq-access-error{background:#78350f3d;border-color:#fb923c85;color:#fed7aa}.page-container{background:#002e5d;background:linear-gradient(135deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:20px}.content-wrapper{background:#fffffff7;border-radius:20px;box-shadow:0 16px 48px #00000026;margin:0 auto;max-width:1300px;min-height:auto;overflow:hidden}.improved-header{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 12px #002e5d33}.nav-right{gap:.75rem}.nav-button{border-radius:10px;font-family:inherit;font-size:.9rem;transition:all .2s ease}.nav-button:hover{transform:translateY(-1px)}.logo-container h1{font-size:1.4rem;font-weight:700;letter-spacing:.3px;margin:0}.back-button{border-radius:10px;font-family:inherit;font-size:.9rem;transition:all .2s ease}.back-button:hover{transform:translateY(-1px)}.main-content{padding:2rem 2.5rem}.card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.card h2{font-size:1.4rem;letter-spacing:.3px}.card h2,.card h3{border-bottom:2px solid #e2e8f0;color:#002e5d;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.card h3{font-size:1.2rem}.quiz-title{color:#002e5d;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.input-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.input-label{color:#334155;font-weight:600;min-width:130px}.text-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex:1 1;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.text-input:focus{background:#fff;border-color:#2774ae;box-shadow:0 0 0 3px #2774ae1f}.search-sort-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;margin-top:1.5rem}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:300px}.search-input:focus{background:#fff;border-color:#2774ae;box-shadow:0 0 0 3px #2774ae1f}.sort-select{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem}.sort-select:focus{border-color:#002e5d}.button-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.primary-button{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 3px 10px #002e5d40;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .2s}.primary-button:hover{box-shadow:0 5px 14px #002e5d59;transform:translateY(-1px)}.primary-button:disabled{opacity:.5;transform:none}.red-button{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 3px 10px #dc262640;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .2s}.red-button:hover{box-shadow:0 5px 14px #dc262659;transform:translateY(-1px)}.red-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.blue-button{background:linear-gradient(135deg,#2774ae,#3b8fd4);border:none;border-radius:10px;box-shadow:0 3px 10px #2774ae40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .2s}.blue-button:hover{box-shadow:0 5px 14px #2774ae59;transform:translateY(-1px)}.blue-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark-button{background:linear-gradient(135deg,#1e293b,#334155);border:none;border-radius:10px;box-shadow:0 3px 10px #1e293b40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .2s}.dark-button:hover{box-shadow:0 5px 14px #1e293b59;transform:translateY(-1px)}.dark-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes podiumFadeIn{0%{opacity:0}to{opacity:1}}@keyframes podiumRise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.podium-overlay{align-items:center;animation:podiumFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00142899;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.podium-modal{animation:podiumRise .4s cubic-bezier(.22,.61,.36,1) forwards;background:#fff;border-radius:20px;box-shadow:0 24px 60px #00000040;max-width:560px;padding:2.5rem 2.5rem 2rem;width:90%}.podium-header{margin-bottom:2rem;text-align:center}.podium-title{color:#002e5d;font-size:1.8rem;font-weight:700;letter-spacing:.5px}.podium-subtitle{color:#64748b;font-size:1rem;margin-top:.4rem}.podium-stage{align-items:flex-end;display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.podium-spot{align-items:center;display:flex;flex-direction:column;min-width:0;width:155px}.podium-spot-empty{visibility:hidden}.podium-medal{font-size:2rem;margin-bottom:.4rem}.podium-medal-gold{filter:drop-shadow(0 0 8px rgba(255,200,0,.6));font-size:2.5rem}.podium-name{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.2;max-width:140px;text-align:center;word-break:break-word}.podium-name-first{color:#002e5d;font-size:1rem}.podium-name-list{align-items:center;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.3rem;max-height:6.2rem;overflow:hidden;width:100%}.podium-more{color:#64748b;font-size:.78rem;font-weight:600;text-align:center}.podium-joint-label{background:#f1f5f9;border-radius:999px;color:#475569;font-size:.72rem;font-weight:700;margin-bottom:.3rem;padding:.15rem .5rem;white-space:nowrap}.podium-score{color:#002e5d;font-size:1rem;font-weight:700;text-align:center}.podium-percent{color:#64748b;font-size:.8rem;margin-bottom:.6rem}.podium-percent-first{color:#059669;font-size:.9rem;font-weight:600}.podium-block{align-items:center;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:.95rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:.5rem 0;width:100%}.podium-block-first{background:linear-gradient(135deg,#f6c90e,#e6a817);box-shadow:0 -4px 12px #f6c90e59;font-size:1.05rem;height:80px}.podium-block-second{background:linear-gradient(135deg,#8e9eab,#697d8b);box-shadow:0 -4px 10px #697d8b4d;height:56px}.podium-block-third{background:linear-gradient(135deg,#c8845c,#a05c38);box-shadow:0 -4px 10px #a05c384d;height:40px}.podium-second{animation:podiumRise .4s cubic-bezier(.22,.61,.36,1) .15s both}.podium-first{animation:podiumRise .4s cubic-bezier(.22,.61,.36,1) .05s both}.podium-third{animation:podiumRise .4s cubic-bezier(.22,.61,.36,1) .25s both}.podium-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.podium-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.7rem 1.6rem;transition:all .2s ease}.podium-btn-results{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 10px #002e5d4d;color:#fff}.podium-btn-results:hover{box-shadow:0 6px 14px #002e5d66;transform:translateY(-1px)}.podium-btn-close{background:#f1f5f9;color:#64748b}.podium-btn-close:hover{background:#e2e8f0;color:#334155}.loading-text{color:#2774ae;font-size:1.05rem;font-weight:500}.progress-container{margin-bottom:1.5rem;min-height:80px}.progress-phase{background-color:#f0f7ff;border-left:4px solid #002e5d;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#002e5d;font-size:1rem;font-weight:600;margin-bottom:1.25rem;padding:1rem 1.25rem}.progress-header{color:#64748b;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:space-between;line-height:1.5;margin-bottom:.75rem;padding:.5rem 0}.progress-bar-container{background-color:#e2e8f0;border-radius:6px;height:10px;margin-bottom:1rem}.progress-bar{background:linear-gradient(90deg,#002e5d,#2774ae);height:100%;transition:width .3s ease}.verification-bar{background:linear-gradient(90deg,#059669,#10b981)}.error-text{background-color:#fef2f2;border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.85rem;margin-top:.5rem;padding:.6rem .8rem}.student-card{border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;overflow:hidden;transition:all .2s ease}.student-card:hover{box-shadow:0 6px 18px #002e5d1a;transform:translateY(-2px)}.student-header{align-items:center;background:linear-gradient(90deg,#f0f7ff,#e8f0fe);border-left:4px solid #002e5d;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s ease}.student-header:hover{background:linear-gradient(90deg,#e4effc,#d8e6f8)}.student-toggle{color:#002e5d;display:inline-block;font-size:1.1rem;transform:rotate(0deg);transition:transform .2s ease}.student-toggle.expanded{transform:rotate(90deg)}.student-name{color:#002e5d;font-size:1.3rem!important;font-weight:700;letter-spacing:.01em;margin:0;padding:.2rem 0}.student-score{align-items:center;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:600;gap:4px;padding:6px 14px}.score-label{font-weight:500;margin-right:4px;opacity:.8}.score-percent{font-weight:700;margin-left:4px}.score-excellent{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.score-good{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.score-average{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.score-poor{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.score-neutral{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.student-details{background-color:#fafbfc;padding:1.5rem}.student-table{background-color:#fff;border-collapse:collapse;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.student-table td,.student-table th{border-bottom:1px solid #eef1f6;padding:12px 16px;text-align:left;vertical-align:top}.student-table th{background:linear-gradient(135deg,#002e5d,#2774ae);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.student-table th,.student-table thead tr{border-bottom:none}.student-table tbody tr{transition:background-color .12s ease}.student-table tbody tr:nth-child(2n){background-color:#f8fafc}.student-table tbody tr:hover{background-color:#eef4fb}.student-table tbody tr:last-child{border-bottom:none}.student-table td{position:relative}.student-table td:not(:last-child):after{background-color:#e9ecef;bottom:10px;content:"";position:absolute;right:0;top:10px;width:1px}.truncated-text{border-radius:8px;box-shadow:0 1px 3px #0000000a;margin:4px 0;padding:12px}.question-text{background-color:#f0f7ff;border-radius:8px;padding:1rem}.student-answer{background-color:#fffbeb}.mark-scheme{background-color:#ecfdf5}.feedback-text{background-color:#eff6ff}tr td:first-child .truncated-text,tr td:nth-child(2) .truncated-text,tr td:nth-child(3) .truncated-text,tr td:nth-child(4) .truncated-text{background-color:initial;border-left:none;font-weight:400}.question-image{border:1px solid #e2e8f0;margin-top:.75rem}.mark-input{font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-button{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#002e5d;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem .85rem;transition:all .15s}.pagination-button:hover:not(:disabled){background:#f0f7ff;border-color:#2774ae}.pagination-button:disabled{background-color:#f8fafc;color:#94a3b8;cursor:default}.pagination-text{color:#64748b;font-weight:500;margin:0 1rem}.empty-state{background:#f8fafc;border-radius:14px}.empty-state-text{color:#64748b;font-size:1rem}@media (max-width:992px){.student-table{display:block;overflow-x:auto}.student-table td,.student-table th{min-width:180px}.student-table td:first-child,.student-table th:first-child{background-color:#f8fafc;left:0;position:-webkit-sticky;position:sticky;z-index:1}}@media (max-width:768px){.page-container{padding:12px}.main-content{padding:1.5rem}.student-header{align-items:flex-start;flex-direction:column;gap:.5rem}.student-details{padding:1rem .5rem}.student-table{font-size:.9rem}.mark-input{padding:.25rem;width:50px}.save-button{font-size:.8rem;padding:.25rem .5rem}.truncated-text{font-size:.9rem;padding:6px}.progress-header{align-items:flex-start;flex-direction:column;gap:.5rem}.progress-phase{font-size:.95rem;padding:.75rem 1rem}.improved-header{flex-direction:column;gap:.75rem;padding:1rem}.nav-right{justify-content:space-between;width:100%}.back-button,.nav-button{font-size:.85rem;padding:.5rem .8rem}.search-sort-container{align-items:stretch;flex-direction:column}.search-input{width:100%}}.student-responses-container{display:flex;flex-direction:column;gap:1.5rem}.response-item{background-color:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .2s ease}.response-item:hover{box-shadow:0 6px 18px #002e5d14;transform:translateY(-1px)}.response-header{align-items:center;background:linear-gradient(90deg,#f0f7ff,#e8f0fe);border-bottom:1px solid #e8edf3;border-left:4px solid #2774ae;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s}.response-header:hover{background:linear-gradient(90deg,#e4effc,#d8e6f8)}.response-title{color:#002e5d;font-size:.85rem;font-weight:600;letter-spacing:.01em;padding:.2rem 0}.response-marks{align-items:center;display:flex;gap:.5rem}.response-content{background-color:#fafbfc;padding:1.5rem}.response-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;min-height:200px}.response-row:last-child{margin-bottom:0}.response-cell{background-color:#fff;border:1px solid #e8edf3;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.answer-cell,.feedback-cell,.question-cell,.scheme-cell{flex:0 0 48%;min-height:100%}.cell-label{background-color:#f0f7ff;border-bottom:1px solid #e2e8f0;color:#002e5d;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;padding:.75rem 1rem;text-transform:uppercase}.question-image-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:.5rem;text-align:center}.question-image{border-radius:6px;box-shadow:0 2px 6px #00000014;max-height:300px}.truncated-text{background-color:#fafbfc;flex:1 1;font-size:.9rem;line-height:1.6;margin:0;max-height:300px;max-width:100%;min-height:100px;overflow-x:auto;overflow-y:auto;padding:1.25rem;text-align:left;white-space:pre-wrap;word-break:break-word}.question-text{background-color:#fafbfc;border-left:4px solid #002e5d;font-weight:500;max-height:none}.student-answer{background-color:#fafbfc;border-left:4px solid #d97706;font-family:Courier New,monospace}.mark-scheme{background-color:#fafbfc;border-left:4px solid #059669}.feedback-text{background-color:#fafbfc;border-left:4px solid #2774ae;font-style:italic}@media (max-width:992px){.response-row{gap:1rem}.truncated-text{font-size:.85rem;padding:1rem}}@media (max-width:768px){.response-row{flex-direction:column;gap:1rem}.answer-cell,.feedback-cell,.question-cell,.scheme-cell{flex:0 0 100%;width:100%}.response-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.response-title-container{width:100%}.mark-controls{padding:.4rem .8rem;width:100%}.mark-input{font-size:.9rem;padding:.25rem;width:50px}.save-button{font-size:.85rem;padding:.4rem .8rem}.response-content{padding:1rem}.cell-label{font-size:.8rem}.truncated-text{font-size:.85rem;padding:6px}}.mark-controls{align-items:center;background-color:#ffffffb3;border-radius:10px;box-shadow:0 2px 5px #0000000f;display:flex;gap:.75rem;padding:.5rem 1rem}.mark-input-container{align-items:center;display:flex;gap:.5rem}.mark-label{font-weight:600}.mark-input,.mark-label,.max-mark{color:#002e5d}.mark-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;padding:.5rem;text-align:center;width:60px}.mark-input:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae1f;outline:none}.save-button{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;box-shadow:0 2px 6px #05966940;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.save-button:hover{box-shadow:0 4px 10px #05966959;transform:translateY(-1px)}.max-mark-container{align-items:center;display:flex;gap:2px}.max-mark,.max-mark-slash{color:#002e5d!important;font-weight:600}.response-title-container{align-items:center;display:flex;gap:.5rem}.question-toggle{color:#002e5d!important;display:inline-block;font-size:1.1rem;transform:rotate(0deg);transition:transform .2s ease}.question-toggle.expanded{transform:rotate(90deg)}.page-container.view-quiz-responses-page{--vqr-light-bg:#f8fafc;--vqr-light-surface:#fff;--vqr-light-panel:#f8fafc;--vqr-light-panel-strong:#f1f5f9;--vqr-light-border:#94a3b847;--vqr-light-border-strong:#94a3b861;--vqr-light-text:#0f172a;--vqr-light-body:#334155;--vqr-light-muted:#64748b;--vqr-light-accent:#14b8a6;--vqr-light-blue:#0ea5e9;background:radial-gradient(circle at top left,#14b8a61f,#0000 34rem),radial-gradient(circle at bottom right,#0ea5e91a,#0000 30rem),linear-gradient(180deg,#f8fafc,#eef5f8 48%,#f8fafc);color:var(--vqr-light-body)}.page-container.view-quiz-responses-page .content-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #94a3b83d;box-shadow:0 24px 64px #0f172a1f}.page-container.view-quiz-responses-page .improved-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #94a3b838;box-shadow:0 10px 28px #0f172a14;color:var(--vqr-light-text)}.page-container.view-quiz-responses-page .logo-container h1{color:var(--vqr-light-text)}.page-container.view-quiz-responses-page .back-button,.page-container.view-quiz-responses-page .dark-button,.page-container.view-quiz-responses-page .nav-button,.page-container.view-quiz-responses-page .pagination-button,.page-container.view-quiz-responses-page .podium-btn-close{background:#fff;border:1px solid var(--vqr-light-border);box-shadow:0 6px 16px #0f172a0f;color:#334155}.page-container.view-quiz-responses-page .back-button:hover,.page-container.view-quiz-responses-page .dark-button:hover,.page-container.view-quiz-responses-page .nav-button:hover,.page-container.view-quiz-responses-page .pagination-button:hover:not(:disabled),.page-container.view-quiz-responses-page .podium-btn-close:hover{background:#f8fafc;border-color:#14b8a659;box-shadow:0 12px 24px #0f172a14,0 0 18px #14b8a61a;color:#0f766e}.page-container.view-quiz-responses-page .blue-button,.page-container.view-quiz-responses-page .podium-btn-results,.page-container.view-quiz-responses-page .primary-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 10px 22px #14b8a62e}.page-container.view-quiz-responses-page .blue-button:hover,.page-container.view-quiz-responses-page .podium-btn-results:hover,.page-container.view-quiz-responses-page .primary-button:hover{box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a624}.page-container.view-quiz-responses-page .red-button{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 18px #dc262629}.page-container.view-quiz-responses-page .card,.page-container.view-quiz-responses-page .podium-modal,.page-container.view-quiz-responses-page .response-item,.page-container.view-quiz-responses-page .student-card{background:var(--vqr-light-surface);border:1px solid var(--vqr-light-border);box-shadow:0 14px 34px #0f172a14}.page-container.view-quiz-responses-page .card,.page-container.view-quiz-responses-page .response-item,.page-container.view-quiz-responses-page .student-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.page-container.view-quiz-responses-page .card:hover,.page-container.view-quiz-responses-page .response-item:hover,.page-container.view-quiz-responses-page .student-card:hover{border-color:#14b8a659;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a}.page-container.view-quiz-responses-page .card h2,.page-container.view-quiz-responses-page .card h3,.page-container.view-quiz-responses-page .podium-name-first,.page-container.view-quiz-responses-page .podium-score,.page-container.view-quiz-responses-page .podium-title,.page-container.view-quiz-responses-page .quiz-title,.page-container.view-quiz-responses-page .response-title,.page-container.view-quiz-responses-page .student-name{color:var(--vqr-light-text)}.page-container.view-quiz-responses-page .card h2,.page-container.view-quiz-responses-page .card h3{border-bottom-color:#94a3b838}.page-container.view-quiz-responses-page .cell-label,.page-container.view-quiz-responses-page .input-label,.page-container.view-quiz-responses-page .mark-label,.page-container.view-quiz-responses-page .max-mark,.page-container.view-quiz-responses-page .max-mark-slash,.page-container.view-quiz-responses-page .question-toggle,.page-container.view-quiz-responses-page .student-toggle{color:#1e293b!important}.page-container.view-quiz-responses-page .empty-state-text,.page-container.view-quiz-responses-page .loading-text,.page-container.view-quiz-responses-page .pagination-text,.page-container.view-quiz-responses-page .podium-more,.page-container.view-quiz-responses-page .podium-percent,.page-container.view-quiz-responses-page .podium-subtitle,.page-container.view-quiz-responses-page .progress-header{color:var(--vqr-light-muted)}.page-container.view-quiz-responses-page .mark-input,.page-container.view-quiz-responses-page .search-input,.page-container.view-quiz-responses-page .sort-select,.page-container.view-quiz-responses-page .text-input{background:#fff;border-color:var(--vqr-light-border-strong);box-shadow:0 1px 2px #0f172a0a;color:var(--vqr-light-text)}.page-container.view-quiz-responses-page .search-input::placeholder,.page-container.view-quiz-responses-page .text-input::placeholder{color:#94a3b8}.page-container.view-quiz-responses-page .mark-input:hover,.page-container.view-quiz-responses-page .search-input:hover,.page-container.view-quiz-responses-page .sort-select:hover,.page-container.view-quiz-responses-page .text-input:hover{background:#fff;border-color:#0ea5e96b}.page-container.view-quiz-responses-page .mark-input:focus,.page-container.view-quiz-responses-page .search-input:focus,.page-container.view-quiz-responses-page .sort-select:focus,.page-container.view-quiz-responses-page .text-input:focus{background:#fff;border-color:var(--vqr-light-blue);box-shadow:0 0 0 4px #0ea5e91f}.page-container.view-quiz-responses-page .response-header,.page-container.view-quiz-responses-page .student-header{background:linear-gradient(90deg,#f8fafc,#eef9fb);border-color:#94a3b838;border-left-color:var(--vqr-light-accent)}.page-container.view-quiz-responses-page .response-header:hover,.page-container.view-quiz-responses-page .student-header:hover{background:linear-gradient(90deg,#f0fdfa,#eff6ff)}.page-container.view-quiz-responses-page .response-content,.page-container.view-quiz-responses-page .student-details{background:var(--vqr-light-panel)}.page-container.view-quiz-responses-page .response-cell{background:#fff;border:1px solid #94a3b83d;box-shadow:0 10px 24px #0f172a0f}.page-container.view-quiz-responses-page .cell-label{background:#f8fafc;border-bottom-color:#94a3b82e}.page-container.view-quiz-responses-page .truncated-text{background:#fff;box-shadow:none;color:var(--vqr-light-body)}.page-container.view-quiz-responses-page .question-text{background:#f8fbff;border-left-color:var(--vqr-light-blue)}.page-container.view-quiz-responses-page .student-answer{background:#fffbeb;border-left-color:#d97706;color:#78350f}.page-container.view-quiz-responses-page .mark-scheme{background:#f0fdf4;border-left-color:#059669;color:#14532d}.page-container.view-quiz-responses-page .feedback-text{background:#eff6ff;border-left-color:var(--vqr-light-blue);color:#1e3a8a}.page-container.view-quiz-responses-page .empty-state,.page-container.view-quiz-responses-page .mark-controls,.page-container.view-quiz-responses-page .progress-phase,.page-container.view-quiz-responses-page .question-image-container{background:#f8fafc;border:1px solid #94a3b83d;box-shadow:none}.page-container.view-quiz-responses-page .progress-phase{border-left-color:var(--vqr-light-accent);color:var(--vqr-light-text)}.page-container.view-quiz-responses-page .progress-bar-container{background-color:#e2e8f0}.page-container.view-quiz-responses-page .progress-bar{background:linear-gradient(90deg,#0f8aa5,#0ea5e9)}.page-container.view-quiz-responses-page .verification-bar{background:linear-gradient(90deg,#059669,#10b981)}.page-container.view-quiz-responses-page .error-text{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#991b1b}.page-container.view-quiz-responses-page .score-excellent{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.page-container.view-quiz-responses-page .score-good{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.page-container.view-quiz-responses-page .score-average{background-color:#fffbeb;border-color:#fde68a;color:#b45309}.page-container.view-quiz-responses-page .score-poor{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.page-container.view-quiz-responses-page .score-neutral{background-color:#f8fafc;border-color:#e2e8f0;color:#475569}.page-container.view-quiz-responses-page .student-table{background:#fff;border:1px solid #94a3b83d;box-shadow:0 14px 30px #0f172a14}.page-container.view-quiz-responses-page .student-table th{background:linear-gradient(135deg,#0f8aa5,#0ea5e9)}.page-container.view-quiz-responses-page .student-table td{border-bottom-color:#94a3b82e}.page-container.view-quiz-responses-page .student-table tbody tr:nth-child(2n){background-color:#f8fafc}.page-container.view-quiz-responses-page .student-table tbody tr:hover{background-color:#f0fdfa}.page-container.view-quiz-responses-page .podium-overlay{background:#0f172a6b}.page-container.view-quiz-responses-page .podium-name{color:var(--vqr-light-body)}.page-container.view-quiz-responses-page .podium-joint-label{background:#f8fafc;border:1px solid #94a3b83d;color:#475569}.page-container.view-quiz-responses-page .spinner{border-color:#dbeafe;border-top-color:var(--vqr-light-blue)}.dark-mode .page-container.view-quiz-responses-page,[data-dark-mode=true] .page-container.view-quiz-responses-page,body.dark-mode .page-container.view-quiz-responses-page{--vqr-bg:#0f172a;--vqr-surface:#172033;--vqr-panel:#1f2937;--vqr-inner:#111827;--vqr-elevated:#0f172ae0;--vqr-border:#94a3b83d;--vqr-border-strong:#94a3b85c;--vqr-text:#f8fafc;--vqr-body:#cbd5e1;--vqr-muted:#94a3b8;--vqr-placeholder:#64748b;--vqr-accent:#14b8a6;--vqr-blue:#38bdf8;background:radial-gradient(circle at top left,#14b8a621,#0000 34rem),radial-gradient(circle at bottom right,#38bdf814,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a);color:var(--vqr-body)}.dark-mode .page-container.view-quiz-responses-page .content-wrapper,[data-dark-mode=true] .page-container.view-quiz-responses-page .content-wrapper,body.dark-mode .page-container.view-quiz-responses-page .content-wrapper{background:#0f172ab8;border:1px solid var(--vqr-border);box-shadow:0 24px 64px #00000057}.dark-mode .page-container.view-quiz-responses-page .improved-header,[data-dark-mode=true] .page-container.view-quiz-responses-page .improved-header,body.dark-mode .page-container.view-quiz-responses-page .improved-header{background:linear-gradient(135deg,#0f172af5,#0f8aa5e0);border-bottom:1px solid #94a3b833;box-shadow:0 12px 30px #00000042}.dark-mode .page-container.view-quiz-responses-page .card,.dark-mode .page-container.view-quiz-responses-page .podium-modal,.dark-mode .page-container.view-quiz-responses-page .response-item,.dark-mode .page-container.view-quiz-responses-page .student-card,[data-dark-mode=true] .page-container.view-quiz-responses-page .card,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-modal,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-item,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-card,body.dark-mode .page-container.view-quiz-responses-page .card,body.dark-mode .page-container.view-quiz-responses-page .podium-modal,body.dark-mode .page-container.view-quiz-responses-page .response-item,body.dark-mode .page-container.view-quiz-responses-page .student-card{background:linear-gradient(180deg,var(--vqr-surface) 0,#151e31 100%);border-color:var(--vqr-border);box-shadow:0 18px 42px #00000047}.dark-mode .page-container.view-quiz-responses-page .card:hover,.dark-mode .page-container.view-quiz-responses-page .response-item:hover,.dark-mode .page-container.view-quiz-responses-page .student-card:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .card:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-item:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-card:hover,body.dark-mode .page-container.view-quiz-responses-page .card:hover,body.dark-mode .page-container.view-quiz-responses-page .response-item:hover,body.dark-mode .page-container.view-quiz-responses-page .student-card:hover{border-color:#14b8a66b;box-shadow:0 16px 36px #00000052,0 0 24px #14b8a61f}.dark-mode .page-container.view-quiz-responses-page .card h2,.dark-mode .page-container.view-quiz-responses-page .card h3,.dark-mode .page-container.view-quiz-responses-page .logo-container h1,.dark-mode .page-container.view-quiz-responses-page .podium-name-first,.dark-mode .page-container.view-quiz-responses-page .podium-score,.dark-mode .page-container.view-quiz-responses-page .podium-title,.dark-mode .page-container.view-quiz-responses-page .quiz-title,.dark-mode .page-container.view-quiz-responses-page .response-title,.dark-mode .page-container.view-quiz-responses-page .student-name,[data-dark-mode=true] .page-container.view-quiz-responses-page .card h2,[data-dark-mode=true] .page-container.view-quiz-responses-page .card h3,[data-dark-mode=true] .page-container.view-quiz-responses-page .logo-container h1,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-name-first,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-score,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-title,[data-dark-mode=true] .page-container.view-quiz-responses-page .quiz-title,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-title,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-name,body.dark-mode .page-container.view-quiz-responses-page .card h2,body.dark-mode .page-container.view-quiz-responses-page .card h3,body.dark-mode .page-container.view-quiz-responses-page .logo-container h1,body.dark-mode .page-container.view-quiz-responses-page .podium-name-first,body.dark-mode .page-container.view-quiz-responses-page .podium-score,body.dark-mode .page-container.view-quiz-responses-page .podium-title,body.dark-mode .page-container.view-quiz-responses-page .quiz-title,body.dark-mode .page-container.view-quiz-responses-page .response-title,body.dark-mode .page-container.view-quiz-responses-page .student-name{color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .card h2,.dark-mode .page-container.view-quiz-responses-page .card h3,[data-dark-mode=true] .page-container.view-quiz-responses-page .card h2,[data-dark-mode=true] .page-container.view-quiz-responses-page .card h3,body.dark-mode .page-container.view-quiz-responses-page .card h2,body.dark-mode .page-container.view-quiz-responses-page .card h3{border-bottom-color:#94a3b833}.dark-mode .page-container.view-quiz-responses-page .cell-label,.dark-mode .page-container.view-quiz-responses-page .input-label,.dark-mode .page-container.view-quiz-responses-page .mark-label,.dark-mode .page-container.view-quiz-responses-page .max-mark,.dark-mode .page-container.view-quiz-responses-page .max-mark-slash,.dark-mode .page-container.view-quiz-responses-page .question-toggle,.dark-mode .page-container.view-quiz-responses-page .student-toggle,[data-dark-mode=true] .page-container.view-quiz-responses-page .cell-label,[data-dark-mode=true] .page-container.view-quiz-responses-page .input-label,[data-dark-mode=true] .page-container.view-quiz-responses-page .mark-label,[data-dark-mode=true] .page-container.view-quiz-responses-page .max-mark,[data-dark-mode=true] .page-container.view-quiz-responses-page .max-mark-slash,[data-dark-mode=true] .page-container.view-quiz-responses-page .question-toggle,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-toggle,body.dark-mode .page-container.view-quiz-responses-page .cell-label,body.dark-mode .page-container.view-quiz-responses-page .input-label,body.dark-mode .page-container.view-quiz-responses-page .mark-label,body.dark-mode .page-container.view-quiz-responses-page .max-mark,body.dark-mode .page-container.view-quiz-responses-page .max-mark-slash,body.dark-mode .page-container.view-quiz-responses-page .question-toggle,body.dark-mode .page-container.view-quiz-responses-page .student-toggle{color:#e5e7eb!important}.dark-mode .page-container.view-quiz-responses-page .empty-state-text,.dark-mode .page-container.view-quiz-responses-page .loading-text,.dark-mode .page-container.view-quiz-responses-page .pagination-text,.dark-mode .page-container.view-quiz-responses-page .podium-more,.dark-mode .page-container.view-quiz-responses-page .podium-percent,.dark-mode .page-container.view-quiz-responses-page .podium-subtitle,.dark-mode .page-container.view-quiz-responses-page .progress-header,[data-dark-mode=true] .page-container.view-quiz-responses-page .empty-state-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .loading-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .pagination-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-more,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-percent,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-subtitle,[data-dark-mode=true] .page-container.view-quiz-responses-page .progress-header,body.dark-mode .page-container.view-quiz-responses-page .empty-state-text,body.dark-mode .page-container.view-quiz-responses-page .loading-text,body.dark-mode .page-container.view-quiz-responses-page .pagination-text,body.dark-mode .page-container.view-quiz-responses-page .podium-more,body.dark-mode .page-container.view-quiz-responses-page .podium-percent,body.dark-mode .page-container.view-quiz-responses-page .podium-subtitle,body.dark-mode .page-container.view-quiz-responses-page .progress-header{color:var(--vqr-muted)}.dark-mode .page-container.view-quiz-responses-page .mark-input,.dark-mode .page-container.view-quiz-responses-page .search-input,.dark-mode .page-container.view-quiz-responses-page .sort-select,.dark-mode .page-container.view-quiz-responses-page .text-input,[data-dark-mode=true] .page-container.view-quiz-responses-page .mark-input,[data-dark-mode=true] .page-container.view-quiz-responses-page .search-input,[data-dark-mode=true] .page-container.view-quiz-responses-page .sort-select,[data-dark-mode=true] .page-container.view-quiz-responses-page .text-input,body.dark-mode .page-container.view-quiz-responses-page .mark-input,body.dark-mode .page-container.view-quiz-responses-page .search-input,body.dark-mode .page-container.view-quiz-responses-page .sort-select,body.dark-mode .page-container.view-quiz-responses-page .text-input{background-color:var(--vqr-inner);border-color:var(--vqr-border-strong);box-shadow:inset 0 1px 0 #ffffff05;color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .search-input::placeholder,.dark-mode .page-container.view-quiz-responses-page .text-input::placeholder,[data-dark-mode=true] .page-container.view-quiz-responses-page .search-input::placeholder,[data-dark-mode=true] .page-container.view-quiz-responses-page .text-input::placeholder,body.dark-mode .page-container.view-quiz-responses-page .search-input::placeholder,body.dark-mode .page-container.view-quiz-responses-page .text-input::placeholder{color:var(--vqr-placeholder)}.dark-mode .page-container.view-quiz-responses-page .mark-input:focus,.dark-mode .page-container.view-quiz-responses-page .search-input:focus,.dark-mode .page-container.view-quiz-responses-page .sort-select:focus,.dark-mode .page-container.view-quiz-responses-page .text-input:focus,[data-dark-mode=true] .page-container.view-quiz-responses-page .mark-input:focus,[data-dark-mode=true] .page-container.view-quiz-responses-page .search-input:focus,[data-dark-mode=true] .page-container.view-quiz-responses-page .sort-select:focus,[data-dark-mode=true] .page-container.view-quiz-responses-page .text-input:focus,body.dark-mode .page-container.view-quiz-responses-page .mark-input:focus,body.dark-mode .page-container.view-quiz-responses-page .search-input:focus,body.dark-mode .page-container.view-quiz-responses-page .sort-select:focus,body.dark-mode .page-container.view-quiz-responses-page .text-input:focus{background-color:var(--vqr-inner);border-color:var(--vqr-blue);box-shadow:0 0 0 4px #38bdf824}.dark-mode .page-container.view-quiz-responses-page .sort-select option,[data-dark-mode=true] .page-container.view-quiz-responses-page .sort-select option,body.dark-mode .page-container.view-quiz-responses-page .sort-select option{background-color:var(--vqr-inner);color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .blue-button:disabled,.dark-mode .page-container.view-quiz-responses-page .dark-button:disabled,.dark-mode .page-container.view-quiz-responses-page .primary-button:disabled,.dark-mode .page-container.view-quiz-responses-page .red-button:disabled,.dark-mode .page-container.view-quiz-responses-page button:disabled,[data-dark-mode=true] .page-container.view-quiz-responses-page .blue-button:disabled,[data-dark-mode=true] .page-container.view-quiz-responses-page .dark-button:disabled,[data-dark-mode=true] .page-container.view-quiz-responses-page .primary-button:disabled,[data-dark-mode=true] .page-container.view-quiz-responses-page .red-button:disabled,[data-dark-mode=true] .page-container.view-quiz-responses-page button:disabled,body.dark-mode .page-container.view-quiz-responses-page .blue-button:disabled,body.dark-mode .page-container.view-quiz-responses-page .dark-button:disabled,body.dark-mode .page-container.view-quiz-responses-page .primary-button:disabled,body.dark-mode .page-container.view-quiz-responses-page .red-button:disabled,body.dark-mode .page-container.view-quiz-responses-page button:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:var(--vqr-muted);opacity:1}.dark-mode .page-container.view-quiz-responses-page .back-button,.dark-mode .page-container.view-quiz-responses-page .dark-button,.dark-mode .page-container.view-quiz-responses-page .nav-button,.dark-mode .page-container.view-quiz-responses-page .pagination-button,.dark-mode .page-container.view-quiz-responses-page .podium-btn-close,[data-dark-mode=true] .page-container.view-quiz-responses-page .back-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .dark-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .nav-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .pagination-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-btn-close,body.dark-mode .page-container.view-quiz-responses-page .back-button,body.dark-mode .page-container.view-quiz-responses-page .dark-button,body.dark-mode .page-container.view-quiz-responses-page .nav-button,body.dark-mode .page-container.view-quiz-responses-page .pagination-button,body.dark-mode .page-container.view-quiz-responses-page .podium-btn-close{background:#0f172ac7;border:1px solid var(--vqr-border-strong);color:#dbeafe}.dark-mode .page-container.view-quiz-responses-page .back-button:hover,.dark-mode .page-container.view-quiz-responses-page .dark-button:hover,.dark-mode .page-container.view-quiz-responses-page .nav-button:hover,.dark-mode .page-container.view-quiz-responses-page .pagination-button:hover:not(:disabled),.dark-mode .page-container.view-quiz-responses-page .podium-btn-close:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .back-button:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .dark-button:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .nav-button:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .pagination-button:hover:not(:disabled),[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-btn-close:hover,body.dark-mode .page-container.view-quiz-responses-page .back-button:hover,body.dark-mode .page-container.view-quiz-responses-page .dark-button:hover,body.dark-mode .page-container.view-quiz-responses-page .nav-button:hover,body.dark-mode .page-container.view-quiz-responses-page .pagination-button:hover:not(:disabled),body.dark-mode .page-container.view-quiz-responses-page .podium-btn-close:hover{background:#14b8a61f;border-color:#14b8a675;box-shadow:0 10px 22px #14b8a61a;color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .blue-button,.dark-mode .page-container.view-quiz-responses-page .podium-btn-results,.dark-mode .page-container.view-quiz-responses-page .primary-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .blue-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-btn-results,[data-dark-mode=true] .page-container.view-quiz-responses-page .primary-button,body.dark-mode .page-container.view-quiz-responses-page .blue-button,body.dark-mode .page-container.view-quiz-responses-page .podium-btn-results,body.dark-mode .page-container.view-quiz-responses-page .primary-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 12px 24px #14b8a62e;color:#fff}.dark-mode .page-container.view-quiz-responses-page .red-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .red-button,body.dark-mode .page-container.view-quiz-responses-page .red-button{background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 10px 22px #dc262629;color:#fff}.dark-mode .page-container.view-quiz-responses-page .save-button,[data-dark-mode=true] .page-container.view-quiz-responses-page .save-button,body.dark-mode .page-container.view-quiz-responses-page .save-button{background:linear-gradient(135deg,#15803d,#059669);box-shadow:0 10px 20px #05966929;color:#fff}.dark-mode .page-container.view-quiz-responses-page .empty-state,.dark-mode .page-container.view-quiz-responses-page .mark-controls,.dark-mode .page-container.view-quiz-responses-page .progress-phase,.dark-mode .page-container.view-quiz-responses-page .question-image-container,[data-dark-mode=true] .page-container.view-quiz-responses-page .empty-state,[data-dark-mode=true] .page-container.view-quiz-responses-page .mark-controls,[data-dark-mode=true] .page-container.view-quiz-responses-page .progress-phase,[data-dark-mode=true] .page-container.view-quiz-responses-page .question-image-container,body.dark-mode .page-container.view-quiz-responses-page .empty-state,body.dark-mode .page-container.view-quiz-responses-page .mark-controls,body.dark-mode .page-container.view-quiz-responses-page .progress-phase,body.dark-mode .page-container.view-quiz-responses-page .question-image-container{background:#0f172a8f;border-color:var(--vqr-border);box-shadow:none;color:var(--vqr-body)}.dark-mode .page-container.view-quiz-responses-page .progress-phase,[data-dark-mode=true] .page-container.view-quiz-responses-page .progress-phase,body.dark-mode .page-container.view-quiz-responses-page .progress-phase{border-left-color:var(--vqr-accent);color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .progress-bar-container,[data-dark-mode=true] .page-container.view-quiz-responses-page .progress-bar-container,body.dark-mode .page-container.view-quiz-responses-page .progress-bar-container{background-color:#94a3b82e}.dark-mode .page-container.view-quiz-responses-page .progress-bar,[data-dark-mode=true] .page-container.view-quiz-responses-page .progress-bar,body.dark-mode .page-container.view-quiz-responses-page .progress-bar{background:linear-gradient(90deg,#0f8aa5,#38bdf8)}.dark-mode .page-container.view-quiz-responses-page .verification-bar,[data-dark-mode=true] .page-container.view-quiz-responses-page .verification-bar,body.dark-mode .page-container.view-quiz-responses-page .verification-bar{background:linear-gradient(90deg,#15803d,#10b981)}.dark-mode .page-container.view-quiz-responses-page .error-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .error-text,body.dark-mode .page-container.view-quiz-responses-page .error-text{background:#7f1d1d38;border-left-color:#f87171;color:#fecaca}.dark-mode .page-container.view-quiz-responses-page .response-header,.dark-mode .page-container.view-quiz-responses-page .student-header,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-header,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-header,body.dark-mode .page-container.view-quiz-responses-page .response-header,body.dark-mode .page-container.view-quiz-responses-page .student-header{background:linear-gradient(90deg,#0f172ad6,#182235f0);border-color:var(--vqr-border);border-left-color:var(--vqr-accent)}.dark-mode .page-container.view-quiz-responses-page .response-header:hover,.dark-mode .page-container.view-quiz-responses-page .student-header:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-header:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-header:hover,body.dark-mode .page-container.view-quiz-responses-page .response-header:hover,body.dark-mode .page-container.view-quiz-responses-page .student-header:hover{background:linear-gradient(90deg,#14b8a624,#182235fa)}.dark-mode .page-container.view-quiz-responses-page .response-content,.dark-mode .page-container.view-quiz-responses-page .student-details,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-content,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-details,body.dark-mode .page-container.view-quiz-responses-page .response-content,body.dark-mode .page-container.view-quiz-responses-page .student-details{background-color:#0f172a94}.dark-mode .page-container.view-quiz-responses-page .response-cell,[data-dark-mode=true] .page-container.view-quiz-responses-page .response-cell,body.dark-mode .page-container.view-quiz-responses-page .response-cell{background-color:var(--vqr-inner);border-color:var(--vqr-border);box-shadow:0 10px 22px #0000002e}.dark-mode .page-container.view-quiz-responses-page .cell-label,[data-dark-mode=true] .page-container.view-quiz-responses-page .cell-label,body.dark-mode .page-container.view-quiz-responses-page .cell-label{background-color:#1e293beb;border-bottom-color:#94a3b833}.dark-mode .page-container.view-quiz-responses-page .truncated-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .truncated-text,body.dark-mode .page-container.view-quiz-responses-page .truncated-text{background-color:var(--vqr-inner);box-shadow:none;color:var(--vqr-body)}.dark-mode .page-container.view-quiz-responses-page .question-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .question-text,body.dark-mode .page-container.view-quiz-responses-page .question-text{border-left-color:var(--vqr-blue)}.dark-mode .page-container.view-quiz-responses-page .student-answer,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-answer,body.dark-mode .page-container.view-quiz-responses-page .student-answer{border-left-color:#f59e0b;color:#fde68a}.dark-mode .page-container.view-quiz-responses-page .mark-scheme,[data-dark-mode=true] .page-container.view-quiz-responses-page .mark-scheme,body.dark-mode .page-container.view-quiz-responses-page .mark-scheme{border-left-color:#10b981;color:#bbf7d0}.dark-mode .page-container.view-quiz-responses-page .feedback-text,[data-dark-mode=true] .page-container.view-quiz-responses-page .feedback-text,body.dark-mode .page-container.view-quiz-responses-page .feedback-text{border-left-color:var(--vqr-blue);color:#dbeafe}.dark-mode .page-container.view-quiz-responses-page .question-image,[data-dark-mode=true] .page-container.view-quiz-responses-page .question-image,body.dark-mode .page-container.view-quiz-responses-page .question-image{border-color:var(--vqr-border-strong);box-shadow:0 12px 26px #00000047}.dark-mode .page-container.view-quiz-responses-page .score-excellent,[data-dark-mode=true] .page-container.view-quiz-responses-page .score-excellent,body.dark-mode .page-container.view-quiz-responses-page .score-excellent{background-color:#0596692e;border-color:#10b98161;color:#bbf7d0}.dark-mode .page-container.view-quiz-responses-page .score-good,[data-dark-mode=true] .page-container.view-quiz-responses-page .score-good,body.dark-mode .page-container.view-quiz-responses-page .score-good{background-color:#2563eb2e;border-color:#60a5fa61;color:#bfdbfe}.dark-mode .page-container.view-quiz-responses-page .score-average,[data-dark-mode=true] .page-container.view-quiz-responses-page .score-average,body.dark-mode .page-container.view-quiz-responses-page .score-average{background-color:#d977062e;border-color:#fbbf2461;color:#fde68a}.dark-mode .page-container.view-quiz-responses-page .score-poor,[data-dark-mode=true] .page-container.view-quiz-responses-page .score-poor,body.dark-mode .page-container.view-quiz-responses-page .score-poor{background-color:#991b1b38;border-color:#f8717161;color:#fecaca}.dark-mode .page-container.view-quiz-responses-page .score-neutral,[data-dark-mode=true] .page-container.view-quiz-responses-page .score-neutral,body.dark-mode .page-container.view-quiz-responses-page .score-neutral{background-color:#94a3b821;border-color:#94a3b847;color:#cbd5e1}.dark-mode .page-container.view-quiz-responses-page .student-table,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table,body.dark-mode .page-container.view-quiz-responses-page .student-table{background-color:var(--vqr-inner);box-shadow:0 14px 30px #0000003d;color:var(--vqr-body)}.dark-mode .page-container.view-quiz-responses-page .student-table th,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table th,body.dark-mode .page-container.view-quiz-responses-page .student-table th{background:linear-gradient(135deg,#0f8aa5,#0f172a);color:var(--vqr-text)}.dark-mode .page-container.view-quiz-responses-page .student-table td,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table td,body.dark-mode .page-container.view-quiz-responses-page .student-table td{border-bottom-color:#94a3b82e}.dark-mode .page-container.view-quiz-responses-page .student-table tbody tr:nth-child(2n),[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table tbody tr:nth-child(2n),body.dark-mode .page-container.view-quiz-responses-page .student-table tbody tr:nth-child(2n){background-color:#1e293b8c}.dark-mode .page-container.view-quiz-responses-page .student-table tbody tr:hover,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table tbody tr:hover,body.dark-mode .page-container.view-quiz-responses-page .student-table tbody tr:hover{background-color:#14b8a61a}.dark-mode .page-container.view-quiz-responses-page .student-table td:not(:last-child):after,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table td:not(:last-child):after,body.dark-mode .page-container.view-quiz-responses-page .student-table td:not(:last-child):after{background-color:#94a3b829}.dark-mode .page-container.view-quiz-responses-page .podium-overlay,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-overlay,body.dark-mode .page-container.view-quiz-responses-page .podium-overlay{background:#020617b8}.dark-mode .page-container.view-quiz-responses-page .podium-name,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-name,body.dark-mode .page-container.view-quiz-responses-page .podium-name{color:var(--vqr-body)}.dark-mode .page-container.view-quiz-responses-page .podium-joint-label,[data-dark-mode=true] .page-container.view-quiz-responses-page .podium-joint-label,body.dark-mode .page-container.view-quiz-responses-page .podium-joint-label{background:#0f172ab8;border:1px solid var(--vqr-border);color:#dbeafe}.dark-mode .page-container.view-quiz-responses-page .spinner,[data-dark-mode=true] .page-container.view-quiz-responses-page .spinner,body.dark-mode .page-container.view-quiz-responses-page .spinner{border-color:#94a3b83d;border-top-color:var(--vqr-blue)}@media (max-width:992px){.dark-mode .page-container.view-quiz-responses-page .student-table td:first-child,.dark-mode .page-container.view-quiz-responses-page .student-table th:first-child,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table td:first-child,[data-dark-mode=true] .page-container.view-quiz-responses-page .student-table th:first-child,body.dark-mode .page-container.view-quiz-responses-page .student-table td:first-child,body.dark-mode .page-container.view-quiz-responses-page .student-table th:first-child{background-color:#111827}}.view-my-scores-page{--vms-teal:#08aaa5;--vms-cyan:#15b9dc;--vms-blue:#2878f0;--vms-blue-deep:#057d7b;--vms-purple:#7158e8;--vms-green:#10b981;--vms-orange:#f59e0b;--vms-red:#e44b5f}.vms-workspace{min-height:100vh}.vms-main{display:flex;flex-direction:column;gap:18px}.vms-hero{align-items:center;background:radial-gradient(circle at 78% 18%,#7158e82b,#0000 13rem),radial-gradient(circle at 94% 94%,#15b9dc38,#0000 14rem),linear-gradient(112deg,#eefaff,#edf8ff 52%,#f1edff);border:1px solid #2878f024;border-radius:18px;box-shadow:0 12px 28px #17558914;display:flex;gap:28px;justify-content:space-between;min-height:164px;overflow:hidden;padding:27px 30px;position:relative}.vms-hero:after,.vms-hero:before{border:1px solid #2878f01f;border-radius:50%;content:"";position:absolute}.vms-hero:before{height:220px;right:34px;top:-112px;width:220px}.vms-hero:after{bottom:-112px;height:150px;right:126px;width:150px}.vms-hero-copy{position:relative;z-index:1}.vms-eyebrow{color:var(--vms-blue-deep);font-size:10px;font-weight:850;letter-spacing:.14em;margin:0;text-transform:uppercase}.vms-hero h1{color:#071d3b;font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;line-height:1.08;margin:5px 0 7px}.vms-hero-copy>p:nth-of-type(2){color:#506783;font-size:14px;margin:0}.vms-hero-art{flex:0 0 180px;height:112px;position:relative;width:180px;z-index:1}.vms-hero-art>span{background:linear-gradient(145deg,var(--vms-cyan),var(--vms-blue) 54%,var(--vms-purple));border-radius:24px;box-shadow:0 18px 35px #2878f047,inset 0 1px 0 #ffffff59;color:#fff;height:82px;left:49px;place-items:center;top:16px;transform:rotate(-5deg);width:82px}.vms-hero-art>span,.vms-orbit{display:grid;position:absolute}.vms-orbit{background:#ffffffe6;border-radius:12px;box-shadow:0 8px 20px #19487624;height:36px;place-items:center;width:36px}.vms-orbit-one{color:var(--vms-orange);right:7px;top:0;transform:rotate(8deg)}.vms-orbit-two{bottom:3px;color:var(--vms-teal);left:2px;transform:rotate(-8deg)}.vms-orbit-three{bottom:1px;color:var(--vms-purple);right:14px;transform:rotate(6deg)}.details-heading>button,.vms-assessments-link,.vms-learning-card button{align-items:center;background:#ffffffad;border:1px solid #079b9838;border-radius:10px;color:var(--vms-blue-deep);cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:8px;justify-content:center;min-height:34px;padding:7px 11px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.vms-assessments-link{margin-top:15px}.details-heading>button:hover,.vms-assessments-link:hover,.vms-learning-card button:hover{background:#079b9826;box-shadow:0 8px 18px #079b981a;transform:translateY(-1px)}.vms-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.vms-metric-card{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:15px;box-shadow:var(--sd-shadow);display:flex;gap:13px;min-height:100px;min-width:0;overflow:hidden;padding:16px;position:relative}.vms-metric-card:after{background:currentColor;border-radius:50%;bottom:-30px;content:"";height:64px;opacity:.07;position:absolute;right:-28px;width:64px}.vms-metric-icon{align-items:center;border-radius:13px;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;width:44px}.vms-metric-card.tone-blue{border-top-color:#08aaa573;color:#078b9a}.vms-metric-card.tone-green{border-top-color:#10b9817a;color:#07895f}.vms-metric-card.tone-orange{border-top-color:#f59e0b80;color:#d27608}.vms-metric-card.tone-purple{border-top-color:#7158e87a;color:#6650d5}.tone-blue .vms-metric-icon{background:linear-gradient(145deg,#d8fbf8,#dff7ff)}.tone-green .vms-metric-icon{background:linear-gradient(145deg,#ddfaec,#d9fff0)}.tone-orange .vms-metric-icon{background:linear-gradient(145deg,#fff0d4,#fff7e8)}.tone-purple .vms-metric-icon{background:linear-gradient(145deg,#eae5ff,#edf2ff)}.vms-metric-card strong{color:var(--sd-text);display:block;font-size:24px;line-height:1}.vms-metric-card h2{color:var(--sd-text);font-size:12px;margin:5px 0 0}.vms-metric-card p{color:var(--sd-muted);font-size:9px;margin:2px 0 0}.expanded-details,.vms-results-panel{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:17px;box-shadow:var(--sd-shadow);padding:20px}.details-heading,.vms-results-heading{align-items:center;display:flex;gap:18px;justify-content:space-between}.vms-results-heading{align-items:flex-end;margin-bottom:16px}.vms-learning-card h2,.vms-results-heading h2{color:var(--sd-text);font-size:17px;margin:0}.vms-learning-card p,.vms-results-heading p{color:var(--sd-muted);font-size:11px;margin:4px 0 0}.vms-filter-toolbar{align-items:center;background:var(--sd-surface-soft);border:1px solid var(--sd-border);border-radius:13px;display:flex;gap:10px;justify-content:space-between;margin-bottom:22px;padding:9px}.vms-filters,.vms-status-tabs{align-items:center;display:flex;gap:6px}.vms-status-tabs button{align-items:center;background:#0000;border:0;border-radius:9px;color:var(--sd-muted);cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:6px;min-height:34px;padding:7px 10px}.vms-status-tabs button span{background:#7180961f;border-radius:999px;font-size:8px;min-width:18px;padding:2px 5px}.vms-status-tabs button:hover{background:#08aaa50f;color:var(--vms-blue-deep)}.vms-status-tabs button.active{background:linear-gradient(135deg,var(--vms-teal),var(--vms-blue));box-shadow:0 7px 16px #2878f033;color:#fff}.vms-status-tabs button.active span{background:#fff3}.vms-search-field{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:9px;color:var(--sd-muted);display:flex;gap:7px;height:34px;padding:0 9px;width:205px}.vms-search-field input{background:#0000;border:0;color:var(--sd-body);font-size:10px;min-width:0;outline:0;width:100%}.vms-filters select{font:inherit;padding:7px 28px 7px 9px}.archive-toggle-label,.vms-filters select{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:9px;color:var(--sd-body);font-size:10px;height:34px}.archive-toggle-label{align-items:center;cursor:pointer;display:inline-flex;font-weight:750;gap:7px;justify-content:center;line-height:1;min-height:34px;padding:0 10px;white-space:nowrap}.archive-toggle-label:hover{border-color:#08aaa552;color:var(--vms-blue-deep)}.archive-toggle-label.active{background:linear-gradient(135deg,var(--vms-purple),var(--vms-blue));border-color:#0000;box-shadow:0 7px 16px #7158e82e;color:#fff}.quiz-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-card{background:linear-gradient(145deg,var(--sd-surface),var(--sd-surface-soft));border:1px solid var(--sd-border);border-radius:15px;border-top:3px solid var(--vms-purple);box-shadow:0 5px 16px rgba(15,23,42,.045);min-width:0;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quiz-card:after{background:var(--vms-purple);border-radius:50%;content:"";height:70px;opacity:.07;pointer-events:none;position:absolute;right:-37px;top:-40px;width:70px}.quiz-card.result-marked{border-top-color:var(--vms-green)}.quiz-card.result-marked:after{background:var(--vms-green)}.quiz-card.result-pending{border-top-color:var(--vms-orange)}.quiz-card.result-pending:after{background:var(--vms-orange)}.quiz-card:hover{border-color:#079b9847;box-shadow:0 12px 26px #0f172a14;transform:translateY(-2px)}.quiz-card.archived{opacity:.74}.quiz-card-topline{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;min-height:25px}.archive-indicator,.vms-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:800;gap:5px;padding:5px 8px}.vms-status-pill.is-marked{background:#e4f8ef;color:#07875d}.vms-status-pill.is-pending{background:#fff0da;color:#c56b05}.archive-indicator{background:#edf2f7;color:#617187}.quiz-card-main{align-items:center;display:flex;gap:14px}.vms-score-ring{--score-progress:0deg;background:conic-gradient(from 210deg,var(--vms-teal),var(--vms-blue) var(--score-progress),#e7eef2 0);border-radius:50%;box-shadow:0 7px 18px #2878f01f;display:grid;flex:0 0 84px;height:84px;place-items:center;position:relative;width:84px}.vms-score-ring:after{background:var(--sd-surface);border-radius:inherit;content:"";inset:8px;position:absolute}.vms-score-ring.is-pending{background:conic-gradient(#bcc8d4 90deg,#e7eef2 0)}.vms-score-ring>div{text-align:center;z-index:1}.vms-score-ring strong{color:var(--sd-text);display:block;font-size:18px;line-height:1}.vms-score-ring span{color:var(--sd-muted);font-size:9px}.quiz-card-copy{min-width:0}.quiz-card-kicker{color:var(--vms-blue-deep);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quiz-title{color:var(--sd-text);font-size:16px;margin:2px 0 1px;overflow-wrap:anywhere}.quiz-card-copy>p{margin:0}.quiz-card-copy>p,.quiz-card-meta{color:var(--sd-muted);font-size:10px}.quiz-card-meta{display:flex;flex-direction:column;gap:4px;margin-top:9px}.quiz-card-meta span{align-items:center;display:flex;gap:5px}.quiz-card-meta svg{color:var(--vms-blue)}.button-container{grid-gap:6px;border-top:1px solid var(--sd-border);display:grid;gap:6px;grid-template-columns:1fr auto auto;margin-top:15px;padding-top:13px}.action-button,.archive-button{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:8px;color:var(--sd-body);cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:5px;justify-content:center;min-height:34px;padding:7px 9px}.action-button.view{background:linear-gradient(135deg,var(--vms-teal),var(--vms-blue));border-color:#0000;box-shadow:0 7px 16px #2878f02b;color:#fff}.action-button:hover,.archive-button:hover{border-color:#079b9866}.archive-button.archive{color:#69798d}.archive-button.unarchive{color:var(--vms-blue-deep)}.empty-state,.loading-state{align-items:center;color:var(--sd-muted);display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:36px 20px;text-align:center}.loading-spinner{animation:vms-spin .8s linear infinite;border:3px solid #079b9829;border-radius:50%;border-top:3px solid var(--vms-blue);height:32px;width:32px}.loading-state p{font-size:12px;margin:12px 0 0}.empty-state svg{color:var(--vms-blue)}.empty-state h3{color:var(--sd-text);font-size:16px;margin:10px 0 2px}.empty-state p{font-size:12px}@keyframes vms-spin{to{transform:rotate(1turn)}}.expanded-details{scroll-margin-top:76px}.details-heading{margin-bottom:16px}.details-heading .details-title{color:var(--sd-text);font-size:22px;letter-spacing:-.025em;line-height:1.16;margin:0}.question-panels{display:flex;flex-direction:column;gap:9px}.question-panel{background:var(--sd-surface-soft);border:1px solid var(--sd-border);border-left:3px solid var(--vms-purple);border-radius:12px;overflow:hidden}.question-panel.panel-full-marks{border-left-color:var(--vms-green)}.question-panel.panel-pending{border-left-color:var(--vms-orange)}.panel-header{align-items:center;background:#0000;border:0;color:var(--sd-body);cursor:pointer;display:flex;gap:14px;justify-content:space-between;min-height:58px;padding:12px 14px;text-align:left;width:100%}.panel-header:hover{background:#2878f00d}.panel-question-preview{align-items:center;display:flex;font-size:12px;gap:9px;min-width:0}.panel-question-preview>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.question-number{align-items:center;background:linear-gradient(145deg,#d8fbf8,#e2f4ff);border-radius:9px;color:#087f91;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:850;height:31px;justify-content:center;width:31px}.panel-header-right{align-items:center;display:flex;flex:0 0 auto;gap:9px}.mark-badge{border-radius:999px;font-size:10px;font-weight:800;padding:5px 9px}.mark-badge.full{background:#e3f8ed;color:#07875d}.mark-badge.partial{background:#eeeaff;color:#654bd0}.mark-badge.zero{background:#ffe9ed;color:#c94a5a}.mark-badge.pending{background:#fff0da;color:#c56b05}.panel-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}.detail-section{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:10px;min-width:0;padding:14px}.feedback-section{grid-column:1/-1}.section-title{color:var(--sd-text);font-size:12px;margin:0 0 8px}.section-content{color:var(--sd-body);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.user-answer{white-space:pre-wrap}.question-image-container{background:var(--sd-surface-soft);border:1px solid var(--sd-border);border-radius:9px;cursor:zoom-in;margin-top:10px;overflow:hidden;padding:0;width:100%}.question-image{display:block;max-height:340px;object-fit:contain;width:100%}.feedback-parsed{display:flex;flex-direction:column;gap:8px}.feedback-paragraph{margin:0}.feedback-score-row{align-items:center;border-top:1px solid var(--sd-border);display:flex;gap:12px;justify-content:space-between;padding-top:9px}.feedback-score-label{font-weight:750}.feedback-score-value{background:#e3f8ed;border-radius:999px;color:#07875d;font-weight:800;padding:4px 8px}.collapsible-sections-container{display:flex;flex-direction:column;gap:7px;grid-column:1/-1}.collapsible-section{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:9px;overflow:hidden}.collapsible-toggle{align-items:center;background:#0000;border:0;color:var(--sd-body);cursor:pointer;display:flex;font-size:11px;font-weight:750;gap:12px;justify-content:space-between;min-height:40px;padding:9px 12px;text-align:left;width:100%}.collapsible-toggle.open,.collapsible-toggle:hover{background:#6558c70f;color:var(--vms-purple)}.collapsible-content{border-top:1px solid var(--sd-border);color:var(--sd-body);font-size:12px;line-height:1.65;padding:13px;white-space:pre-wrap}.submission-info{color:var(--sd-muted);font-size:10px;grid-column:1/-1;text-align:right}.vms-learning-card{grid-gap:14px;align-items:center;background:radial-gradient(circle at 92% 24%,#7158e833,#0000 12rem),linear-gradient(110deg,#15b9dc1a,#08aaa51a 44%,#7158e81c);border:1px solid #7158e82b;border-radius:16px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:100px;overflow:hidden;padding:19px 22px;position:relative}.vms-learning-icon{align-items:center;background:linear-gradient(145deg,var(--vms-cyan),var(--vms-purple));border-radius:13px;box-shadow:0 9px 20px #7158e838;color:#fff;display:inline-flex;height:46px;justify-content:center;width:46px}.vms-footer{color:var(--sd-muted);font-size:10px;padding:0 24px 22px;text-align:center}.image-modal{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020c1bc7;display:grid;inset:0;padding:30px;place-items:center;position:fixed;z-index:1000}.modal-content{max-height:90vh;max-width:min(1000px,94vw);position:relative}.modal-image{border-radius:12px;box-shadow:0 25px 70px #00000059;display:block;max-height:86vh;max-width:100%;object-fit:contain}.close-modal{background:#fff;border:1px solid #ffffff4d;border-radius:50%;color:#10233d;cursor:pointer;font-size:23px;height:36px;line-height:1;position:absolute;right:-14px;top:-14px;width:36px;z-index:1}.vms-page.sd-dark .vms-hero{background:radial-gradient(circle at 78% 18%,#7158e833,#0000 13rem),radial-gradient(circle at 94% 94%,#15b9dc29,#0000 14rem),linear-gradient(112deg,#10283a,#11263a 52%,#1b2143);border-color:#4ab5df2e}.vms-page.sd-dark .vms-hero h1{color:#e7f2ff}.vms-page.sd-dark .vms-hero-copy>p:nth-of-type(2){color:#9fb5ca}.sd-dark .vms-orbit{background:#1b2e47}.sd-dark .tone-blue .vms-metric-icon{background:#08aaa52e;color:#58d5d0}.sd-dark .tone-green .vms-metric-icon{background:#10b98129;color:#67e0a9}.sd-dark .tone-orange .vms-metric-icon{background:#f59e0b29;color:#ffc16d}.sd-dark .tone-purple .vms-metric-icon{background:#7158e833;color:#b8adff}.sd-dark .quiz-card-kicker,.sd-dark .vms-eyebrow{color:#55d3cc}.sd-dark .vms-score-ring{background:conic-gradient(from 210deg,#21c9bf,#458cf4 var(--score-progress),#25354b 0)}.sd-dark .vms-score-ring.is-pending{background:conic-gradient(#6e7e92 90deg,#25354b 0)}.sd-dark .feedback-score-value,.sd-dark .mark-badge.full,.sd-dark .vms-status-pill.is-marked{background:#10b98126;color:#68dda6}.sd-dark .mark-badge.pending,.sd-dark .vms-status-pill.is-pending{background:#f59e0b24;color:#ffc16e}.sd-dark .archive-indicator{background:#233249;color:#aec0d2}.sd-dark .mark-badge.partial{background:#6558c72e;color:#b8aff3}.sd-dark .mark-badge.zero{background:#e44b5f29;color:#ff9cac}.sd-dark .vms-learning-icon{background:#079b9829;color:#5ed0ca}.sd-dark .details-heading>button,.sd-dark .vms-assessments-link,.sd-dark .vms-learning-card button{background:#079b9824;border-color:#38bdb740;color:#5ed0ca}.sd-dark .vms-learning-card{background:radial-gradient(circle at 92% 24%,#7158e838,#0000 12rem),linear-gradient(110deg,#15b9dc1f,#08aaa51c 44%,#7158e824)}.sd-dark .archive-toggle-label,.sd-dark .vms-filters select,.sd-dark .vms-search-field{background:var(--sd-surface);border-color:var(--sd-border)}.sd-dark .archive-toggle-label.active{background:linear-gradient(135deg,var(--vms-purple),var(--vms-blue));border-color:#0000;color:#fff}.sd-dark .question-number{background:#15b9dc24;color:#63d9e8}@media (max-width:1180px){.quiz-grid,.vms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vms-filter-toolbar{align-items:stretch;flex-direction:column}.vms-filters{justify-content:flex-end}}@media (max-width:760px){.vms-hero{min-height:148px;padding:23px}.vms-hero-art{flex-basis:145px;transform:scale(.88);transform-origin:right center;width:145px}.vms-results-heading{align-items:flex-start;flex-direction:column}.vms-status-tabs{overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.vms-status-tabs button{flex:0 0 auto}.vms-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%}.vms-search-field{width:auto}.panel-details,.quiz-grid{grid-template-columns:1fr}.collapsible-sections-container,.feedback-section,.submission-info{grid-column:1}}@media (max-width:560px){.vms-main{gap:13px}.vms-hero{align-items:flex-start;min-height:180px;padding:20px}.vms-hero-copy{max-width:calc(100% - 46px)}.vms-hero-copy>p:nth-of-type(2){font-size:12px}.vms-hero-art{flex-basis:64px;height:64px;margin-top:2px;width:64px}.vms-hero-art>span{border-radius:17px;height:54px;left:5px;top:0;width:54px}.vms-orbit{display:none}.vms-metrics{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.vms-metric-card{gap:9px;min-height:87px;padding:12px}.vms-metric-icon{border-radius:11px;flex-basis:37px;height:37px;width:37px}.vms-metric-card strong{font-size:21px}.vms-metric-card h2{font-size:10px}.vms-metric-card p{display:none}.expanded-details,.vms-results-panel{border-radius:13px;padding:14px}.vms-filter-toolbar{padding:7px}.vms-status-tabs{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.vms-status-tabs button{justify-content:center}.vms-filters{grid-template-columns:1fr 1fr}.vms-search-field{grid-column:1/-1}.archive-toggle-label{justify-content:center}.quiz-card-main{align-items:flex-start}.vms-score-ring{flex-basis:72px;height:72px;width:72px}.button-container{grid-template-columns:1fr 1fr}.action-button.view{grid-column:1/-1}.panel-header,.panel-question-preview{align-items:flex-start}.panel-question-preview>span:nth-child(2){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.mark-badge{white-space:nowrap}.vms-learning-card{grid-template-columns:auto minmax(0,1fr);padding:15px}.vms-learning-card button{grid-column:1/-1;width:100%}}@media (max-width:390px){.vms-metrics{grid-template-columns:1fr}.vms-hero{min-height:210px}.vms-hero-art{display:none}.vms-hero-copy{max-width:100%}.vms-filters,.vms-status-tabs{grid-template-columns:1fr}.vms-search-field{grid-column:1}.archive-toggle-label,.vms-filters select{width:100%}.quiz-card-main{flex-direction:column}.button-container{grid-template-columns:1fr}.action-button.view{grid-column:1}.panel-header{gap:8px}.panel-question-preview>span:nth-child(2){max-width:125px}}@media (prefers-reduced-motion:reduce){.details-heading>button,.quiz-card,.vms-assessments-link,.vms-learning-card button{transition:none}}.ma-page{--ma-teal:#08aaa5;--ma-teal-deep:#057d7b;--ma-cyan:#15b9dc;--ma-blue:#2878f0;--ma-purple:#7158e8;--ma-green:#10b981;--ma-orange:#f59e0b;--ma-red:#e44b5f}.ma-workspace{min-height:100vh}.ma-main{display:flex;flex-direction:column;gap:18px}.ma-hero{align-items:center;background:radial-gradient(circle at 78% 18%,#7158e82b,#0000 13rem),radial-gradient(circle at 94% 94%,#15b9dc38,#0000 14rem),linear-gradient(112deg,#eefaff,#edf8ff 52%,#f1edff);border:1px solid #2878f024;border-radius:18px;box-shadow:0 12px 28px #17558914;display:flex;gap:28px;justify-content:space-between;min-height:164px;overflow:hidden;padding:27px 30px;position:relative}.ma-hero:after,.ma-hero:before{border:1px solid #2878f01f;border-radius:50%;content:"";position:absolute}.ma-hero:before{height:220px;right:34px;top:-112px;width:220px}.ma-hero:after{bottom:-112px;height:150px;right:126px;width:150px}.ma-hero-copy{position:relative;z-index:1}.ma-kicker,.ma-section-label{color:var(--ma-teal-deep);font-size:10px;font-weight:850;letter-spacing:.14em;margin:0;text-transform:uppercase}.ma-hero h1{color:#071d3b;font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;line-height:1.08;margin:5px 0 7px}.ma-hero-copy>p:last-child{color:#506783;font-size:14px;margin:0}.ma-hero-art{flex:0 0 180px;height:112px;position:relative;width:180px;z-index:1}.ma-hero-art>span{background:linear-gradient(145deg,var(--ma-cyan),var(--ma-blue) 54%,var(--ma-purple));border-radius:24px;box-shadow:0 18px 35px #2878f047,inset 0 1px 0 #ffffff59;color:#fff;height:82px;left:49px;place-items:center;top:16px;transform:rotate(-5deg);width:82px}.ma-hero-art>span,.ma-orbit{display:grid;position:absolute}.ma-orbit{background:#ffffffe6;border-radius:12px;box-shadow:0 8px 20px #19487624;height:36px;place-items:center;width:36px}.ma-orbit-one{color:var(--ma-orange);right:7px;top:0;transform:rotate(8deg)}.ma-orbit-two{bottom:3px;color:var(--ma-teal);left:2px;transform:rotate(-8deg)}.ma-orbit-three{bottom:1px;color:var(--ma-purple);right:14px;transform:rotate(6deg)}.ma-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.ma-metric{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:15px;box-shadow:var(--sd-shadow);display:flex;gap:13px;min-height:100px;min-width:0;overflow:hidden;padding:16px;position:relative}.ma-metric:after{background:currentColor;border-radius:50%;bottom:-30px;content:"";height:64px;opacity:.07;position:absolute;right:-28px;width:64px}.ma-metric>span{border-radius:13px;display:grid;flex:0 0 44px;height:44px;place-items:center;width:44px}.ma-metric-total{border-top-color:#08aaa573;color:#078b9a}.ma-metric-completed{border-top-color:#10b9817a;color:#07895f}.ma-metric-progress{border-top-color:#f59e0b80;color:#d27608}.ma-metric-new{border-top-color:#7158e87a;color:#6650d5}.ma-metric-total>span{background:linear-gradient(145deg,#d8fbf8,#dff7ff)}.ma-metric-completed>span{background:linear-gradient(145deg,#ddfaec,#d9fff0)}.ma-metric-progress>span{background:linear-gradient(145deg,#fff0d4,#fff7e8)}.ma-metric-new>span{background:linear-gradient(145deg,#eae5ff,#edf2ff)}.ma-metric strong{color:var(--sd-text);display:block;font-size:24px;line-height:1}.ma-metric h2{color:var(--sd-text);font-size:12px;margin:5px 0 0}.ma-metric p{color:var(--sd-muted);font-size:9px;margin:2px 0 0}.ma-assessment-panel{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:17px;box-shadow:var(--sd-shadow);padding:20px}.ma-panel-heading,.ma-section-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.ma-panel-heading{margin-bottom:16px}.ma-panel-heading h2,.ma-section-heading h2{color:var(--sd-text);font-size:17px;margin:0}.ma-panel-heading p{color:var(--sd-muted);font-size:11px;margin:4px 0 0}.ma-panel-heading>span,.ma-section-heading>span{background:#08aaa51a;border-radius:999px;color:var(--ma-teal-deep);flex:0 0 auto;font-size:10px;font-weight:800;padding:5px 9px}.ma-filter-toolbar{align-items:center;background:var(--sd-surface-soft);border:1px solid var(--sd-border);border-radius:13px;display:flex;gap:10px;justify-content:space-between;margin-bottom:22px;padding:9px}.ma-filter-actions,.ma-status-tabs{align-items:center;display:flex;gap:6px}.ma-status-tabs button{align-items:center;background:#0000;border:0;border-radius:9px;color:var(--sd-muted);cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:6px;min-height:34px;padding:7px 10px}.ma-status-tabs button span{background:#7180961f;border-radius:999px;font-size:8px;min-width:18px;padding:2px 5px}.ma-status-tabs button:hover{background:#08aaa50f;color:var(--ma-teal-deep)}.ma-status-tabs button.active{background:linear-gradient(135deg,var(--ma-teal),var(--ma-blue));box-shadow:0 7px 16px #2878f033;color:#fff}.ma-status-tabs button.active span{background:#fff3}.ma-search-field{align-items:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:9px;color:var(--sd-muted);display:flex;gap:7px;min-height:34px;padding:0 9px;width:225px}.ma-search-field input{background:#0000;border:0;color:var(--sd-body);font-size:10px;min-width:0;outline:0;width:100%}.ma-search-field input::placeholder{color:var(--sd-muted)}.ma-filter-actions select{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:9px;color:var(--sd-body);font:inherit;font-size:10px;min-height:34px;padding:7px 28px 7px 9px}.ma-section-heading{margin:0 0 12px}.ma-section-heading .ma-section-label{margin-bottom:4px}.ma-list{display:flex;flex-direction:column;gap:10px}.ma-card{grid-gap:15px;align-items:center;background:linear-gradient(135deg,var(--sd-surface),var(--sd-surface-soft));border:1px solid var(--sd-border);border-left:3px solid var(--ma-purple);border-radius:13px;box-shadow:0 5px 16px rgba(15,23,42,.045);display:grid;gap:15px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:16px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ma-card:hover{border-color:#2878f047;box-shadow:0 10px 23px rgba(15,23,42,.075);transform:translateY(-1px)}.ma-card-in_progress{border-left-color:var(--ma-orange)}.ma-card-completed{border-left-color:var(--ma-green)}.ma-card-overdue{border-left-color:var(--ma-red)}.ma-card-icon{background:linear-gradient(145deg,#ece8ff,#e7f0ff);border-radius:13px;color:var(--ma-purple);display:grid;height:44px;place-items:center;width:44px}.ma-card-in_progress .ma-card-icon{background:linear-gradient(145deg,#fff0d8,#fff7e7);color:#d47708}.ma-card-completed .ma-card-icon{background:linear-gradient(145deg,#dcf9ec,#e5fff3);color:#07895f}.ma-card-overdue .ma-card-icon{background:linear-gradient(145deg,#ffe4e9,#fff0f2);color:#cc4054}.ma-card-body{min-width:0}.ma-card-heading{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.ma-card-title-wrap{min-width:0}.ma-subject{color:var(--ma-teal-deep);font-size:9px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.ma-card h3{color:var(--sd-text);font-size:14px;margin:2px 0 3px;overflow-wrap:anywhere}.ma-teacher{color:var(--sd-muted);font-size:10px;margin:0;overflow-wrap:anywhere}.ma-status{border-radius:999px;flex:0 0 auto;font-size:9px;font-weight:850;padding:5px 8px}.ma-status-not_started{background:#ebe7ff;color:#5945c7}.ma-status-in_progress{background:#fff0d8;color:#bd6504}.ma-status-completed{background:#dff8eb;color:#078459}.ma-status-overdue{background:#ffe5e9;color:#c53b4f}.ma-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:9px}.ma-due,.ma-learning-badge{align-items:center;color:var(--sd-muted);display:inline-flex;font-size:10px;font-weight:700;gap:5px}.ma-due svg{color:var(--ma-blue)}.ma-due.overdue,.ma-due.overdue svg{color:var(--ma-red)}.ma-learning-badge{background:#15b9dc1c;border-radius:7px;color:#087f91;padding:4px 7px}.ma-instructions{background:rgba(40,120,240,.045);border-radius:9px;margin-top:10px;padding:10px 11px}.ma-instructions p{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sd-body);display:-webkit-box;font-size:10px;line-height:1.55;margin:0;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.ma-instructions p.expanded{display:block;overflow:visible}.ma-text-button{background:#0000;border:0;color:var(--ma-teal-deep);cursor:pointer;font-size:9px;font-weight:850;margin-top:6px;padding:0}.ma-availability{align-items:flex-start;border-radius:9px;display:flex;font-size:9px;gap:8px;margin-top:9px;padding:9px 10px}.ma-availability>span{display:flex;flex-direction:column;gap:2px}.ma-availability svg{flex:0 0 auto}.ma-availability.error{background:#fff0f2;color:#a82f42}.ma-availability.warning{background:#fff6e5;color:#a95a05}.ma-card-actions{align-self:center}.ma-primary-action,.ma-state button{align-items:center;background:linear-gradient(135deg,var(--ma-teal),var(--ma-blue));border:0;border-radius:10px;box-shadow:0 8px 18px #2878f030;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:800;gap:6px;justify-content:center;min-height:38px;padding:9px 13px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;white-space:nowrap}.ma-card-completed .ma-primary-action{background:linear-gradient(135deg,#0aae80,var(--ma-teal))}.ma-primary-action:hover:not(:disabled),.ma-state button:hover{box-shadow:0 11px 22px #2878f040;transform:translateY(-1px)}.ma-primary-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.ma-inline-error{align-items:center;background:#e44b5f14;border:1px solid #e44b5f40;border-radius:10px;color:#b53145;display:flex;font-size:10px;gap:14px;justify-content:space-between;margin-bottom:16px;padding:11px 13px}.ma-inline-error button{background:#0000;border:0;color:inherit;cursor:pointer;font-weight:850;padding:0}.ma-section-empty{align-items:center;background:var(--sd-surface-soft);border:1px dashed var(--sd-border);border-radius:12px;color:var(--sd-muted);display:flex;flex-direction:column;font-size:11px;gap:8px;justify-content:center;min-height:112px;padding:24px;text-align:center}.ma-section-empty svg{color:var(--ma-teal)}.ma-completed-section{margin-top:22px}.ma-completed-toggle{align-items:center;background:linear-gradient(110deg,rgba(16,185,129,.055),#08aaa50a);border:1px solid var(--sd-border);border-radius:11px;color:var(--sd-body);cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:58px;padding:12px 14px;text-align:left;width:100%}.ma-completed-toggle>span:first-child{display:flex;flex-direction:column;gap:3px}.ma-completed-toggle strong{color:var(--sd-text);font-size:12px}.ma-completed-toggle>span:last-child{color:var(--ma-teal-deep);font-size:11px;font-weight:850}.ma-completed-list{margin-top:10px}.ma-state{align-items:center;color:var(--sd-muted);display:flex;flex-direction:column;justify-content:center;min-height:270px;padding:45px 20px;text-align:center}.ma-state>svg{color:var(--ma-teal)}.ma-state h2{color:var(--sd-text);font-size:17px;margin:10px 0 5px}.ma-state p{font-size:11px;margin:0 0 17px;max-width:540px}.ma-state-error>svg{color:var(--ma-red)}.ma-spinner{animation:ma-spin .8s linear infinite;border:3px solid #08aaa529;border-radius:50%;border-top:3px solid var(--ma-teal);height:34px;width:34px}@keyframes ma-spin{to{transform:rotate(1turn)}}.ma-motivation-card{grid-gap:14px;align-items:center;background:radial-gradient(circle at 92% 24%,#7158e833,#0000 12rem),linear-gradient(110deg,#15b9dc1a,#08aaa51a 44%,#7158e81c);border:1px solid #7158e82b;border-radius:16px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);min-height:100px;overflow:hidden;padding:19px 22px;position:relative}.ma-motivation-card>span{background:linear-gradient(145deg,var(--ma-cyan),var(--ma-purple));border-radius:13px;box-shadow:0 9px 20px #7158e838;color:#fff;display:grid;height:46px;place-items:center;width:46px}.ma-motivation-card h2{color:var(--sd-text);font-size:16px;margin:0}.ma-motivation-card p{color:var(--sd-muted);font-size:11px;margin:4px 0 0}.ma-motivation-shape{border:18px solid #ffffff52;border-radius:50%;bottom:-65px;height:120px;position:absolute;right:-38px;width:120px}.ma-footer{color:var(--sd-muted);font-size:10px;padding:0 24px 22px;text-align:center}.ma-page.sd-dark .ma-hero{background:radial-gradient(circle at 78% 18%,#7158e833,#0000 13rem),radial-gradient(circle at 94% 94%,#15b9dc29,#0000 14rem),linear-gradient(112deg,#10283a,#11263a 52%,#1b2143);border-color:#4ab5df2e}.ma-page.sd-dark .ma-hero h1{color:#e7f2ff}.ma-page.sd-dark .ma-hero-copy>p:last-child{color:#9fb5ca}.ma-page.sd-dark .ma-kicker,.ma-page.sd-dark .ma-section-label,.ma-page.sd-dark .ma-subject{color:#55d3cc}.ma-page.sd-dark .ma-orbit{background:#1b2e47}.ma-page.sd-dark .ma-metric-total>span{background:#08aaa52e;color:#58d5d0}.ma-page.sd-dark .ma-metric-completed>span{background:#10b98129;color:#67e0a9}.ma-page.sd-dark .ma-metric-progress>span{background:#f59e0b29;color:#ffc16d}.ma-page.sd-dark .ma-metric-new>span{background:#7158e833;color:#b8adff}.ma-page.sd-dark .ma-card-icon{background:#7158e82e;color:#b8adff}.ma-page.sd-dark .ma-card-in_progress .ma-card-icon{background:#f59e0b26;color:#ffc16d}.ma-page.sd-dark .ma-card-completed .ma-card-icon{background:#10b98126;color:#67e0a9}.ma-page.sd-dark .ma-card-overdue .ma-card-icon{background:#e44b5f29;color:#ff98a8}.ma-page.sd-dark .ma-status-not_started{background:#7158e830;color:#b8adff}.ma-page.sd-dark .ma-status-in_progress{background:#f59e0b26;color:#ffc16d}.ma-page.sd-dark .ma-status-completed{background:#10b98126;color:#67e0a9}.ma-page.sd-dark .ma-status-overdue{background:#e44b5f29;color:#ff98a8}.ma-page.sd-dark .ma-learning-badge{background:#15b9dc24;color:#63d9e8}.ma-page.sd-dark .ma-availability.error{background:#e44b5f21;color:#ff9dab}.ma-page.sd-dark .ma-availability.warning{background:#f59e0b21;color:#ffc16d}.ma-page.sd-dark .ma-completed-toggle{background:linear-gradient(110deg,#10b9811a,#08aaa50f)}.ma-page.sd-dark .ma-completed-toggle>span:last-child{color:#61d1ca}.ma-page.sd-dark .ma-motivation-card{background:radial-gradient(circle at 92% 24%,#7158e838,#0000 12rem),linear-gradient(110deg,#15b9dc1f,#08aaa51c 44%,#7158e824)}@media (max-width:1180px){.ma-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-filter-toolbar{align-items:stretch;flex-direction:column}.ma-filter-actions{justify-content:flex-end}}@media (max-width:760px){.ma-hero{min-height:148px;padding:23px}.ma-hero-art{flex-basis:145px;transform:scale(.88);transform-origin:right center;width:145px}.ma-status-tabs{overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.ma-status-tabs button{flex:0 0 auto}.ma-filter-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.ma-search-field{width:auto}.ma-card{align-items:start;grid-template-columns:auto minmax(0,1fr)}.ma-card-actions{grid-column:1/-1;width:100%}.ma-primary-action{width:100%}}@media (max-width:560px){.ma-main{gap:13px}.ma-hero{align-items:flex-start;min-height:180px;padding:20px}.ma-hero-copy{max-width:calc(100% - 46px)}.ma-hero-copy>p:last-child{font-size:12px}.ma-hero-art{flex-basis:64px;height:64px;margin-top:2px;width:64px}.ma-hero-art>span{border-radius:17px;height:54px;left:5px;top:0;width:54px}.ma-orbit{display:none}.ma-metrics{gap:8px}.ma-metric{gap:9px;min-height:87px;padding:12px}.ma-metric>span{border-radius:11px;flex-basis:37px;height:37px;width:37px}.ma-metric strong{font-size:21px}.ma-metric h2{font-size:10px}.ma-metric p{display:none}.ma-assessment-panel{border-radius:13px;padding:14px}.ma-panel-heading{align-items:flex-start}.ma-panel-heading>span{display:none}.ma-filter-toolbar{padding:7px}.ma-status-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.ma-status-tabs button{justify-content:center}.ma-filter-actions{grid-template-columns:1fr}.ma-filter-actions select{width:100%}.ma-card{gap:10px;grid-template-columns:38px minmax(0,1fr);padding:13px}.ma-card-icon{border-radius:11px;height:38px;width:38px}.ma-card-heading{flex-direction:column;gap:7px}.ma-status{align-self:flex-start}.ma-card-meta{gap:7px}.ma-card-meta,.ma-inline-error{align-items:flex-start;flex-direction:column}.ma-motivation-card{align-items:flex-start;padding:16px}.ma-motivation-card>span{height:40px;width:40px}}@media (max-width:390px){.ma-metrics{grid-template-columns:1fr}.ma-hero{min-height:210px}.ma-hero-art{display:none}.ma-hero-copy{max-width:100%}.ma-card{grid-template-columns:1fr}.ma-card-icon{display:none}.ma-card-actions{grid-column:1}}@media (prefers-reduced-motion:reduce){.ma-spinner{animation:none}.ma-card,.ma-primary-action,.ma-state button{transition:none}}.slc-page{background:radial-gradient(circle at 12% 8%,#2dd4bf21,#0000 30%),radial-gradient(circle at 88% 4%,#3b82f621,#0000 32%),linear-gradient(180deg,#f7fafc,#edf5f8);color:#172033;min-height:100vh;padding:42px 20px 64px}.slc-page,.slc-page *,.slc-page :after,.slc-page :before{box-sizing:border-box}.slc-shell{margin:0 auto;width:min(920px,100%)}.slc-action-card,.slc-content-card,.slc-hero,.slc-state-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #94a3b83d;box-shadow:0 22px 60px #0f172a17}.slc-hero{border-radius:26px;overflow:hidden;padding:42px 44px 38px;position:relative}.slc-hero:after{background:linear-gradient(145deg,#14b8a629,#3b82f614);border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-62px;top:-76px;width:220px}.slc-action-eyebrow,.slc-kicker{color:#0f766e;font-size:.76rem;font-weight:800;letter-spacing:.13em;margin:0 0 9px;text-transform:uppercase}.slc-hero h1,.slc-state-card h1{color:#0f2742;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.035em;line-height:1.08;margin:0;position:relative;z-index:1}.slc-hero>p:last-child,.slc-state-card>p:last-child{color:#52647a;font-size:1.02rem;line-height:1.7;margin:16px 0 0;max-width:650px;position:relative;z-index:1}.slc-back-button{background:#f8fafce0;border:1px solid #cbd5e1;border-radius:11px;color:#334155;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;margin:0 0 30px;padding:9px 13px;position:relative;z-index:2}.slc-content-card{border-radius:24px;margin-top:22px;padding:42px 44px}.slc-block-list{grid-gap:20px;display:grid;gap:20px}.slc-block{min-width:0}.slc-heading-block{padding-top:8px}.slc-heading-block:first-child{padding-top:0}.slc-heading-block h2{color:#123557;font-size:clamp(1.55rem,3vw,2rem);line-height:1.25;margin:0}.slc-heading-block h3{color:#174d6e;font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.35;margin:0}.slc-text-block p{color:#334155;font-size:1rem;line-height:1.8;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.slc-link-block a{align-items:center;background:linear-gradient(135deg,#f0fdfa,#eff6ff);border:1px solid #bae6fd;border-radius:15px;color:#075985;display:flex;font-weight:750;gap:18px;justify-content:space-between;padding:17px 19px;text-decoration:none}.slc-image-block{background:#f8fafc;border:1px solid #dbe5ee;border-radius:18px;margin:4px 0;padding:14px}.slc-image-block img{background:#eef2f7;border-radius:12px;display:block;max-height:680px;object-fit:contain;width:100%}.slc-image-block figcaption{color:#64748b;font-size:.9rem;line-height:1.55;padding:12px 4px 1px}.slc-resource-block{grid-gap:16px;align-items:center;background:#f8fafc;border:1px solid #dbe5ee;border-radius:16px;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;padding:18px}.slc-resource-icon{background:linear-gradient(145deg,#0f766e,#2563eb);border-radius:13px;color:#fff;display:grid;font-size:.7rem;font-weight:900;height:46px;letter-spacing:.05em;place-items:center;width:46px}.slc-resource-label{color:#1e293b;font-weight:800;margin:0;overflow-wrap:anywhere}.slc-resource-help{color:#64748b;font-size:.82rem;margin:4px 0 0}.slc-resource-block>a{color:#0369a1;font-weight:800;text-underline-offset:3px}.slc-action-card{align-items:center;border-radius:20px;display:flex;gap:26px;justify-content:space-between;margin-top:22px;padding:28px 30px}.slc-bottom-sentinel{height:1px;width:100%}.slc-action-card h2{color:#15334f;font-size:1.25rem;margin:0}.slc-action-card>div>p:last-child{color:#64748b;font-size:.9rem;margin:7px 0 0}.slc-action-card .slc-gate-help{color:#475569;font-size:.84rem;font-weight:700;margin:9px 0 0}.slc-action-card .slc-completion-error{color:#b91c1c;font-size:.87rem;font-weight:700;line-height:1.5;margin:10px 0 0}.slc-primary-button,.slc-secondary-button{border-radius:12px;cursor:pointer;font:inherit;font-weight:800;min-height:46px;padding:11px 20px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.slc-primary-button{background:linear-gradient(135deg,#0f766e,#2563eb);border:0;box-shadow:0 10px 24px #0f766e38;color:#fff}.slc-primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.slc-primary-button.is-saving{align-items:center;display:inline-flex;gap:9px;justify-content:center}.slc-primary-button.is-saving:before{animation:slc-spin .8s linear infinite;border:2px solid #ffffff6b;border-radius:50%;border-top-color:#fff;content:"";height:15px;width:15px}.slc-secondary-button{background:#fff;border:1px solid #cbd5e1;color:#334155}.slc-back-button:hover,.slc-primary-button:hover,.slc-secondary-button:hover{transform:translateY(-1px)}.slc-page :is(button,a):focus-visible{outline:3px solid #0ea5e96b;outline-offset:3px}.slc-state-card{border-radius:25px;margin:min(12vh,90px) auto 0;padding:48px 44px;text-align:center;width:min(650px,100%)}.slc-state-card h1{font-size:clamp(1.75rem,4vw,2.45rem)}.slc-state-card>p:last-child{margin-left:auto;margin-right:auto}.slc-loading-indicator{height:72px;margin:0 auto 25px;position:relative;width:72px}.slc-loading-ring{animation:slc-spin 1s linear infinite;border-color:#0ea5e9 #14b8a6 #0ea5e929 #0ea5e929;border-radius:50%;border-style:solid;border-width:5px;inset:0;position:absolute}.slc-loading-core{animation:slc-pulse 1.5s ease-in-out infinite;background:linear-gradient(145deg,#2dd4bf,#3b82f6);border-radius:50%;inset:20px;position:absolute}.slc-error-icon{background:#fee2e2;border-radius:50%;color:#b91c1c;display:grid;font-size:1.45rem;font-weight:900;height:56px;margin:0 auto 21px;place-items:center;width:56px}.slc-error-card .slc-kicker{color:#b91c1c}.slc-error-card .slc-error-reassurance{color:#475569;font-size:.88rem;margin-top:13px}.slc-state-actions{display:flex;gap:12px;justify-content:center;margin-top:27px}@keyframes slc-spin{to{transform:rotate(1turn)}}@keyframes slc-pulse{0%,to{opacity:.72;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.dark-mode .slc-page,[data-dark-mode=true] .slc-page,body.dark-mode .slc-page{background:radial-gradient(circle at 12% 8%,#2dd4bf1c,#0000 30%),radial-gradient(circle at 88% 4%,#3b82f624,#0000 32%),#08111f;color:#e5edf7}.dark-mode .slc-page :is(.slc-hero,.slc-content-card,.slc-action-card,.slc-state-card),[data-dark-mode=true] .slc-page :is(.slc-hero,.slc-content-card,.slc-action-card,.slc-state-card),body.dark-mode .slc-page :is(.slc-hero,.slc-content-card,.slc-action-card,.slc-state-card){background:#0f172af2;border-color:#94a3b838;box-shadow:0 24px 70px #00000059}.dark-mode .slc-page :is(.slc-hero h1,.slc-state-card h1,.slc-heading-block h2,.slc-heading-block h3,.slc-action-card h2),[data-dark-mode=true] .slc-page :is(.slc-hero h1,.slc-state-card h1,.slc-heading-block h2,.slc-heading-block h3,.slc-action-card h2),body.dark-mode .slc-page :is(.slc-hero h1,.slc-state-card h1,.slc-heading-block h2,.slc-heading-block h3,.slc-action-card h2){color:#eaf4ff}.dark-mode .slc-page :is(.slc-hero>p:last-child,.slc-state-card>p:last-child,.slc-text-block p,.slc-action-card>div>p:last-child,.slc-resource-help,.slc-image-block figcaption,.slc-error-reassurance),[data-dark-mode=true] .slc-page :is(.slc-hero>p:last-child,.slc-state-card>p:last-child,.slc-text-block p,.slc-action-card>div>p:last-child,.slc-resource-help,.slc-image-block figcaption,.slc-error-reassurance),body.dark-mode .slc-page :is(.slc-hero>p:last-child,.slc-state-card>p:last-child,.slc-text-block p,.slc-action-card>div>p:last-child,.slc-resource-help,.slc-image-block figcaption,.slc-error-reassurance){color:#b7c5d6}.dark-mode .slc-page .slc-gate-help,[data-dark-mode=true] .slc-page .slc-gate-help,body.dark-mode .slc-page .slc-gate-help{color:#a9bad0}.dark-mode .slc-page .slc-completion-error,[data-dark-mode=true] .slc-page .slc-completion-error,body.dark-mode .slc-page .slc-completion-error{color:#fca5a5}.dark-mode .slc-page :is(.slc-image-block,.slc-resource-block),[data-dark-mode=true] .slc-page :is(.slc-image-block,.slc-resource-block),body.dark-mode .slc-page :is(.slc-image-block,.slc-resource-block){background:#1e293bcc;border-color:#94a3b833}.dark-mode .slc-resource-label,[data-dark-mode=true] .slc-resource-label,body.dark-mode .slc-resource-label{color:#e2e8f0}.dark-mode .slc-page :is(.slc-secondary-button,.slc-back-button),[data-dark-mode=true] .slc-page :is(.slc-secondary-button,.slc-back-button),body.dark-mode .slc-page :is(.slc-secondary-button,.slc-back-button){background:#1e293be6;border-color:#475569;color:#e2e8f0}@media (max-width:680px){.slc-page{padding:18px 12px 36px}.slc-content-card,.slc-hero,.slc-state-card{border-radius:19px;padding:28px 20px}.slc-action-card{align-items:stretch;flex-direction:column;padding:23px 20px}.slc-primary-button{width:100%}.slc-resource-block{grid-template-columns:auto minmax(0,1fr)}.slc-resource-block>a{grid-column:1/-1;padding-top:4px}.slc-state-actions{align-items:stretch;flex-direction:column}}@media (prefers-reduced-motion:reduce){.slc-back-button,.slc-loading-core,.slc-loading-ring,.slc-primary-button,.slc-primary-button.is-saving:before,.slc-secondary-button{animation:none;transition:none}}:root{--primary-blue:#3498db;--primary-dark-blue:#2980b9;--success-green:#2ecc71;--danger-red:#e74c3c;--light-bg:#f8f9fa;--white:#fff;--text-dark:#ebebeb;--text-light:#7f8c8d;--border-light:#ecf0f1;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:0.3s ease}.typing-test-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafbfc;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem 1rem}.typing-test-header{animation:fadeInDown .6s ease-out;margin-bottom:2.5rem;text-align:center}.typing-test-header h1{color:#ebebeb;color:var(--text-dark);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.typing-test-header p{color:#7f8c8d;color:var(--text-light);font-size:1.1rem;font-weight:400;margin:0 auto;max-width:500px}.typing-test-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.typing-test-card{animation:slideInUp .6s ease-out;background:#fff;background:var(--white);border:1px solid #ecf0f1;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);padding:2.5rem}.typing-test-card h2{color:#ebebeb;color:var(--text-dark);font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-align:center}.timer-container{margin-bottom:2.5rem;text-align:center}.timer-display{align-items:center;color:#3498db;color:var(--primary-blue);display:flex;font-family:Inter,Roboto Mono,monospace;font-size:4rem;font-weight:700;justify-content:center;letter-spacing:-2px;margin-bottom:1rem;min-height:80px}.progress-bar-container{background:#ecf0f1;background:var(--border-light);border-radius:3px;height:6px;margin-top:1.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3498db,#2980b9);background:linear-gradient(90deg,var(--primary-blue),var(--primary-dark-blue));transition:width .3s linear}.stats-grid{grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#f5f7fa,#f0f4f8);border:1px solid #ecf0f1;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .3s ease;transition:all var(--transition)}.stat-card:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-4px)}.stat-value{color:#3498db;color:var(--primary-blue);font-family:Inter,Roboto Mono,monospace;font-size:2.2rem}.stat-label{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.word-container{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #e0e6ed;border-radius:12px;border-radius:var(--radius-md);color:#ebebeb;color:var(--text-dark);display:flex;flex-wrap:wrap;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1.05rem;gap:.75rem;height:200px;justify-content:flex-start;line-height:2;margin-bottom:2rem;overflow:hidden;padding:2rem;-webkit-user-select:none;user-select:none}.word{border-radius:4px;display:inline-block;padding:.35rem .6rem;transition:all .2s ease}.word.completed{background:#2ecc711f;color:#fff}.word.current{background:#78acfb;border:1px solid #90caf9;box-shadow:0 2px 6px #3498db33;color:#ebebeb;color:var(--text-dark);font-weight:600}.char{position:relative;transition:all .1s ease}.char.correct{color:#fff;font-weight:600}.char.incorrect{color:#c62828;font-weight:600;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.char.cursor{animation:blink 1s infinite;background:#3498db;background:var(--primary-blue);border-radius:2px;color:#fff;color:var(--white)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}.typing-input{background:#fff;background:var(--white);border:2px solid #d9e1e8;border-radius:12px;border-radius:var(--radius-md);color:#ebebeb;color:var(--text-dark);font-family:Inter,Roboto Mono,monospace;font-size:1rem;height:50px;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease;transition:all var(--transition);width:100%}.typing-input:focus{border-color:#3498db;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3498db1a;outline:none}.typing-input:disabled{background:#000e24;color:#7f8c8d;color:var(--text-light);cursor:not-allowed}.typing-input::placeholder{color:#9ca3af}.btn-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.btn,.btn-group{justify-content:center}.btn{border-radius:12px;border-radius:var(--radius-md);font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;text-transform:capitalize;transition:all .3s ease;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;background:var(--white);border:2px solid #3498db;border:2px solid var(--primary-blue);color:#3498db;color:var(--primary-blue)}.btn-secondary:hover:not(:disabled){background:#3498db14;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.result-section{animation:slideInUp .6s ease-out}.result-card{background:linear-gradient(135deg,#f5f7fa,#f0f4f8);border:1px solid #ecf0f1;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);padding:2rem;text-align:center}.result-card h3{color:#ebebeb;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.result-item{background:#fff;background:var(--white);border:1px solid #ecf0f1;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem}.result-item-value{color:#3498db;color:var(--primary-blue);font-family:Inter,Roboto Mono,monospace;font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-item-label{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-container{animation:slideInUp .8s ease-out;background:#fff;background:var(--white);border:1px solid #ecf0f1;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);padding:2.5rem}.leaderboard-header{border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--border-light);color:#ebebeb;color:var(--text-dark);font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead{background:linear-gradient(135deg,#f5f7fa,#f0f4f8)}.leaderboard-table th{border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--border-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-table td,.leaderboard-table th{color:#ebebeb;color:var(--text-dark);padding:1rem;text-align:center}.leaderboard-table td{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--border-light)}.leaderboard-table tbody tr{transition:all .3s ease;transition:all var(--transition)}.leaderboard-table tbody tr:hover{background:#3498db0d;box-shadow:0 2px 8px #0000000d}.leaderboard-table tbody tr.user-row{background:#3498db14;font-weight:600}.rank,.wpm-value{color:#3498db;color:var(--primary-blue);font-size:1.1rem;font-weight:700}.wpm-value{font-family:Inter,Roboto Mono,monospace}.loading{color:#7f8c8d;color:var(--text-light);font-weight:500;padding:2rem;text-align:center}.countdown-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.countdown-number{animation:scaleIn 1s ease-out;color:#fff;color:var(--white);font-family:Inter,Roboto Mono,monospace;font-size:120px;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.typing-test-container{padding:1rem .5rem}.typing-test-header h1{font-size:1.8rem}.leaderboard-container,.typing-test-card{padding:1.5rem}.stats-grid{gap:1rem}.results-grid,.stats-grid{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn{width:100%}.timer-display{font-size:3rem}.word-container{font-size:.95rem;height:150px;padding:1.5rem}.leaderboard-table td,.leaderboard-table th{font-size:.85rem;padding:.75rem .5rem}.countdown-number{font-size:80px}}@media (max-width:480px){.typing-test-header h1{font-size:1.5rem}.typing-test-header p{font-size:.95rem}.stats-grid{gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.8rem}.result-item-value{font-size:1.6rem}.typing-input{font-size:16px;height:45px}.timer-display{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #3498db;outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-color-scheme:dark){.typing-test-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.leaderboard-container,.typing-test-card{background:#0f3460;border-color:#ffffff1a}.leaderboard-header,.typing-test-card h2,.typing-test-header h1{color:#f4f4f4}.typing-test-header p{color:#eaeaea}.word-container{background:#0f3460;border-color:#ffffff1a;color:#ecf0f1}.result-card,.stat-card{background:#ffffff0d;border-color:#ffffff1a}.result-item,.typing-input{background:#0f3460;border-color:#ffffff1a}.typing-input{color:#000b0e}.typing-input::placeholder{color:#95a5a6}.leaderboard-table thead{background:#ffffff0d}.leaderboard-table td,.leaderboard-table th{border-color:#ffffff1a;color:#ecf0f1}.leaderboard-table tbody tr.user-row{background:#3498db33}}.qr-page{background:#002e5d;background:linear-gradient(135deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:20px}.qr-container{background:#fffffff7;border-radius:20px;box-shadow:0 16px 48px #00000026;margin:20px auto;max-width:1300px;padding:2.5rem}.qr-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px;padding:0 0 20px;position:relative}.qr-header-left{display:flex;flex-direction:column;gap:4px}.qr-title{color:#002e5d;font-size:1.85rem;font-weight:700;letter-spacing:.3px;margin:0}.qr-subtitle{color:#64748b;font-size:.95rem;font-weight:500;margin:0}.qr-subtitle strong{color:#002e5d}.qr-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.qr-back-btn{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 3px 10px #002e5d40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;transition:all .2s}.qr-back-btn:hover{box-shadow:0 6px 16px #002e5d59;transform:translateY(-2px)}.qr-export-btn{background:#f0e6f6;border:none;border-radius:10px;box-shadow:0 2px 6px #6b2d8a26;color:#6b2d8a;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;transition:all .2s}.qr-export-btn:hover{background:#e4d4f0;box-shadow:0 4px 10px #6b2d8a40;transform:translateY(-1px)}.qr-export-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.qr-section{margin-bottom:36px}.qr-section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#002e5d;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 18px;padding-bottom:12px}.qr-table-wrap{border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.qr-table{border-collapse:collapse;font-size:.9rem;width:100%}.qr-table thead{background:linear-gradient(135deg,#002e5d,#2774ae);color:#fff}.qr-table thead th{font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:14px 18px;text-align:left;white-space:nowrap}.qr-table tbody tr{transition:background .12s}.qr-table tbody tr:nth-child(2n){background:#f8fafc}.qr-table tbody tr:hover{background:#eef4fb}.qr-table tbody td{border-bottom:1px solid #eef1f6;padding:13px 18px;vertical-align:middle}.qr-username-link{color:#002e5d;cursor:pointer;font-weight:600;text-decoration:none;transition:color .15s}.qr-username-link:hover{color:#2774ae;text-decoration:underline}.qr-percentage{font-weight:700}.qr-percentage.high{color:#059669}.qr-percentage.mid{color:#d97706}.qr-percentage.low{color:#dc2626}.qr-difficulty-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;padding:20px 24px;transition:box-shadow .2s}.qr-difficulty-card:hover{box-shadow:0 4px 14px #002e5d14}.qr-difficulty-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.qr-difficulty-question{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.qr-difficulty-badge{border-radius:50px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;padding:5px 14px;white-space:nowrap}.qr-difficulty-badge.easy{background:#059669}.qr-difficulty-badge.moderate{background:#d97706}.qr-difficulty-badge.hard{background:#dc2626}.qr-bar-container{background:#e2e8f0;border-radius:6px;height:10px;margin:10px 0 6px;overflow:hidden}.qr-bar-fill{border-radius:6px;height:100%;transition:width .4s ease}.qr-bar-fill.easy{background:#059669}.qr-bar-fill.moderate{background:#d97706}.qr-bar-fill.hard{background:#dc2626}.qr-difficulty-stats{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;justify-content:space-between}.qr-difficulty-stats strong{color:#334155}.qr-question-image{border-radius:8px;display:block;margin:10px auto;max-height:300px;max-width:100%}.qr-question-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 2px 8px #0000000a;cursor:pointer;margin-bottom:16px;padding:20px 24px;transition:transform .2s,box-shadow .2s}.qr-question-card:hover{box-shadow:0 6px 18px #002e5d1a;transform:translateY(-2px)}.qr-question-top{align-items:center;display:flex;gap:16px;justify-content:space-between}.qr-question-info{flex:1 1}.qr-question-text{color:#1e293b;font-size:.95rem;line-height:1.4;margin:0 0 6px}.qr-question-mark{color:#64748b;font-size:.82rem}.qr-toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.qr-toggle-btn.collapsed{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 2px 6px #002e5d33;color:#fff}.qr-toggle-btn.expanded{background:#e0f2fe;color:#0369a1}.qr-answer-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:16px}.qr-answer-panel strong{color:#002e5d;font-size:.85rem}.qr-answer-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin-top:8px;padding:12px;white-space:pre-wrap}.qr-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;color:#64748b;padding:2.5rem 1.5rem;text-align:center}.qr-loading{color:#2774ae;font-size:1.05rem;font-weight:500;padding:3rem 0;text-align:center}.qr-loading-spinner{animation:qr-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2774ae;display:inline-block;height:28px;margin-bottom:12px;width:28px}@keyframes qr-spin{to{transform:rotate(1turn)}}.qr-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:1rem;font-weight:500;padding:2.5rem;text-align:center}@media (max-width:768px){.qr-page{padding:12px}.qr-container{margin:10px auto;padding:1.5rem}.qr-title{font-size:1.4rem}.qr-header{flex-direction:column;text-align:center}.qr-header-actions{justify-content:center}.qr-difficulty-header,.qr-question-top{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.qr-container{padding:1rem}.qr-difficulty-stats{flex-direction:column}}.jt-page{background:#002e5d;background:linear-gradient(90deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh}.jt-page.dark-mode{background:linear-gradient(90deg,#001a35,#001a35 35%,#1a5a8a);color:#e2e8f0}.jt-wrapper{min-height:100vh}.jt-header{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 16px #0003;color:#fff;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.jt-header,.jt-header-left{align-items:center;display:flex}.jt-header-title{font-size:1.5rem;font-weight:700;margin:0}.jt-header-right{align-items:center;display:flex;gap:1rem}.jt-header-subtitle{font-size:.9rem;font-weight:400;opacity:.85}.jt-back-button{background-color:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s ease}.jt-back-button:hover{background-color:#ffffff40}.jt-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:980px;padding:2rem}.jt-card{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:2rem}.dark-mode .jt-card{background:#1e293beb;box-shadow:0 8px 24px #00000059}.jt-card-title{border-bottom:2px solid #b8d4ed;color:#002e5d;font-size:1.5rem;font-weight:600;margin:0 0 .25rem;padding-bottom:.75rem}.dark-mode .jt-card-title{border-bottom-color:#334155;color:#60a5fa}.jt-card-instruction{color:#64748b;font-size:.9rem;line-height:1.5;margin:.75rem 0 1.5rem}.jt-form{gap:1.25rem}.jt-field,.jt-form{display:flex;flex-direction:column}.jt-field{gap:.4rem}.jt-label{color:#1e293b;font-size:.85rem;font-weight:600}.dark-mode .jt-label{color:#cbd5e1}.jt-input{background:#f8fafce6;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.jt-input:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae26}.jt-input::placeholder{color:#94a3b8}.dark-mode .jt-input{background:#0f172a99;border-color:#475569;color:#e2e8f0}.dark-mode .jt-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.jt-input:disabled{cursor:not-allowed;opacity:.6}.jt-message{animation:jtSlideDown .3s ease;border-radius:10px;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center}@keyframes jtSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jt-message-error{background:#dc26261f;border:1px solid #dc26264d;color:#dc2626}.jt-message-success{background:#16a34a1f;border:1px solid #16a34a4d;color:#16a34a}.jt-message-info{background:#2774ae1f;border:1px solid #2774ae4d;color:#2774ae}.dark-mode .jt-message-info{border-color:#93c5fd4d;color:#93c5fd}.jt-actions{display:flex;justify-content:flex-end}.jt-submit{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 4px 12px #002e5d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s;white-space:nowrap}.jt-submit:hover:not(.disabled){box-shadow:0 6px 18px #002e5d66;transform:translateY(-2px)}.jt-submit.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.jt-teachers-section{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:2rem}.dark-mode .jt-teachers-section{background:#1e293beb;box-shadow:0 8px 24px #00000059}.jt-section-header{align-items:flex-start;border-bottom:2px solid #b8d4ed;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.dark-mode .jt-section-header{border-bottom-color:#334155}.jt-section-title{color:#002e5d;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.dark-mode .jt-section-title{color:#60a5fa}.jt-section-subtitle{color:#64748b;font-size:.9rem;margin:0}.dark-mode .jt-activity-date,.dark-mode .jt-card-instruction,.dark-mode .jt-muted,.dark-mode .jt-section-subtitle{color:#94a3b8}.jt-activity-button,.jt-secondary-button{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s}.jt-secondary-button{background:#2774ae1f;color:#002e5d;padding:.65rem 1rem;white-space:nowrap}.dark-mode .jt-secondary-button{background:#60a5fa29;color:#bfdbfe}.jt-activity-button:hover,.jt-secondary-button:hover{transform:translateY(-1px)}.jt-empty-state{background:#f8fafccc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:1.25rem;text-align:center}.dark-mode .jt-empty-state{background:#0f172a73;border-color:#475569;color:#cbd5e1}.jt-teacher-list{grid-gap:1rem;display:grid;gap:1rem}.jt-teacher-card{background:#f8fafce6;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.dark-mode .jt-teacher-card{background:#0f172a8c;border-color:#334155}.jt-teacher-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.jt-teacher-name{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.dark-mode .jt-teacher-name{color:#f8fafc}.jt-activity-date,.jt-muted,.jt-teacher-meta{color:#64748b;font-size:.86rem;margin:0}.jt-teacher-summary{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.jt-class-tag,.jt-teacher-summary span{background:#2774ae1f;border-radius:999px;color:#002e5d;font-size:.78rem;font-weight:600;padding:.35rem .65rem}.dark-mode .jt-class-tag,.dark-mode .jt-teacher-summary span{background:#60a5fa29;color:#bfdbfe}.jt-teacher-classes{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.jt-detail-label{color:#334155;font-size:.8rem;font-weight:700;text-transform:uppercase}.dark-mode .jt-detail-label{color:#cbd5e1}.jt-class-tags{display:flex;flex-wrap:wrap;gap:.5rem}.jt-teacher-actions{display:flex;justify-content:flex-end;margin-top:1rem}.jt-activity-button{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 12px #002e5d38;color:#fff;padding:.6rem 1rem}.jt-activity-panel{grid-gap:.75rem;border-top:1px solid #e2e8f0;display:grid;gap:.75rem;margin-top:1rem;padding-top:1rem}.dark-mode .jt-activity-panel{border-top-color:#334155}.jt-activity-empty{color:#64748b;font-size:.9rem;padding:.25rem 0}.dark-mode .jt-activity-empty{color:#94a3b8}.jt-activity-row{align-items:center;background:#ffffffb8;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.85rem 1rem}.dark-mode .jt-activity-row{background:#0206175c;border-color:#334155}.jt-activity-title{color:#0f172a;font-size:.95rem;font-weight:700;margin:0 0 .2rem}.dark-mode .jt-activity-title{color:#e2e8f0}.jt-activity-title-button{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#002e5d;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;margin:0 0 .2rem;padding:0;text-align:left}.jt-activity-title-button:hover{color:#2774ae;text-decoration:underline}.jt-activity-title-button:focus-visible{border-radius:4px;outline:3px solid #2774ae4d;outline-offset:3px}.dark-mode .jt-activity-title-button{color:#93c5fd}.dark-mode .jt-activity-title-button:hover{color:#bfdbfe}.jt-activity-score{color:#002e5d;font-weight:800;text-align:right;white-space:nowrap}.dark-mode .jt-activity-score{color:#93c5fd}.jt-activity-score span{color:#64748b;display:block;font-size:.78rem;font-weight:600}.dark-mode .jt-activity-score span{color:#94a3b8}@media (max-width:768px){.jt-header{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-align:center}.jt-header-right{flex-direction:column;gap:.5rem}.jt-content{padding:1.25rem}.jt-header-title{font-size:1.3rem}.jt-actions{justify-content:stretch}.jt-submit{width:100%}.jt-activity-row,.jt-section-header,.jt-teacher-main{align-items:stretch;flex-direction:column}.jt-activity-button,.jt-secondary-button{width:100%}.jt-teacher-summary{justify-content:flex-start}.jt-activity-score{text-align:left}}@media (max-width:480px){.jt-header{padding:.75rem 1rem}.jt-content{padding:1rem}.jt-card,.jt-teachers-section{padding:1.25rem}}.view-students-container{background:#002e5d;background:linear-gradient(135deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:20px}.view-students-container.dark-mode{background:#0f172a;background:linear-gradient(135deg,#0f172a,#0f172a 35%,#1e293b)}.students-card{background:#fffffff7;border-radius:20px;box-shadow:0 16px 48px #00000026;margin:0 auto;max-width:1300px;overflow:hidden}.dark-mode .students-card{background:#0f172af7;box-shadow:0 16px 48px #0006}.students-header{align-items:center;background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 12px #002e5d33;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.students-header-left{align-items:center;display:flex;gap:1.25rem}.students-title{font-size:1.4rem;font-weight:700;letter-spacing:.3px;margin:0}.students-nav-back{background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease;white-space:nowrap}.students-nav-back:hover{background:#ffffff40;transform:translateY(-1px)}.students-subtitle{font-size:.9rem;font-weight:400;margin:0;opacity:.9}.students-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.add-student-header-button{background:#fff;border:1px solid #14b8a659;border-radius:10px;color:#0f766e;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:700;padding:.6rem 1rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap}.add-student-header-button:hover{background:#f0fdfa;border-color:#14b8a680;box-shadow:0 10px 22px #14b8a624;transform:translateY(-1px)}.teacher-code{background:#fff3;border-radius:6px;font-family:monospace;font-weight:600;letter-spacing:.5px;padding:2px 10px}.students-content{padding:2rem 2.5rem}.back-link{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 3px 10px #002e5d40;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.back-link:hover{box-shadow:0 5px 14px #002e5d59;transform:translateY(-1px)}.dark-mode .back-link{background:linear-gradient(135deg,#1e3a5f,#2774ae)}.class-section-card,.create-class-card,.empty-state,.error-message,.loading-container,.my-classes-section{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 2px 8px #0000000d}.dark-mode .class-section-card,.dark-mode .create-class-card,.dark-mode .empty-state,.dark-mode .error-message,.dark-mode .loading-container,.dark-mode .my-classes-section{background:#1e293bf2;border-color:#334155;box-shadow:0 2px 8px #0000004d;color:#e2e8f0}.create-class-card{margin-bottom:2rem;padding:2rem}.create-class-title{border-bottom:2px solid #e2e8f0;color:#002e5d;font-size:1.3rem;font-weight:700;margin:0 0 .25rem;padding-bottom:.75rem}.dark-mode .create-class-title{border-bottom-color:#334155;color:#60a5fa}.create-class-helper{color:#64748b;font-size:.9rem;margin:.75rem 0 1.5rem}.create-class-form{display:flex;flex-direction:column;gap:1rem}.create-class-inputs-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.create-class-field{display:flex;flex-direction:column;gap:.4rem}.create-class-label{color:#334155;font-size:.85rem;font-weight:600}.dark-mode .create-class-label{color:#cbd5e1}.label-optional{color:#94a3b8;font-weight:400}.create-class-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.create-class-input:focus{background:#fff;border-color:#2774ae;box-shadow:0 0 0 3px #2774ae1f}.dark-mode .create-class-input{background:#0f172a99;border-color:#475569;color:#e2e8f0}.dark-mode .create-class-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.create-class-preview{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-family:Courier New,monospace;font-size:.85rem;padding:.6rem 1rem}.dark-mode .create-class-preview{background:#0f172a80;border-color:#475569;color:#94a3b8}.create-class-actions{display:flex;justify-content:flex-end}.create-class-button{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 3px 10px #002e5d40;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 2rem;transition:all .2s;white-space:nowrap}.create-class-button:hover:not(.disabled){box-shadow:0 6px 16px #002e5d59;transform:translateY(-2px)}.create-class-button.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.create-class-message{animation:fadeSlide .3s ease;border-radius:10px;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:center}.create-class-success{background:#0596691a;border:1px solid #05966940;color:#059669}.create-class-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.my-classes-section{margin-bottom:2rem;padding:2rem}.my-classes-title{border-bottom:2px solid #e2e8f0;color:#002e5d;font-size:1.2rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.dark-mode .my-classes-title{border-bottom-color:#334155;color:#60a5fa}.classes-container{display:flex;flex-wrap:wrap;gap:.75rem}.class-tile{background:linear-gradient(135deg,#f0f7ff,#dbeafe);border:2px solid #0000;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#002e5d;cursor:pointer;font-size:.9rem;font-weight:600;padding:.85rem 1.5rem;transition:transform .2s,box-shadow .2s,border .15s;-webkit-user-select:none;user-select:none}.class-tile:hover{border-color:#bfdbfe;box-shadow:0 6px 16px #002e5d1f;transform:translateY(-3px)}.class-tile-active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#002e5d!important;box-shadow:0 4px 14px #002e5d33!important}.dark-mode .class-tile{background:linear-gradient(135deg,#1e3a5f,#1e40af);color:#93c5fd}.dark-mode .class-tile-active{background:linear-gradient(135deg,#1e3a5f,#1d4ed8);border-color:#60a5fa!important}.class-name{font-weight:600;margin-bottom:3px}.class-code{font-family:monospace;font-size:.8rem;font-weight:400;opacity:.7}.class-tile-count{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:50px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:6px;padding:2px 12px}.dark-mode .class-tile-count{background:#60a5fa40;color:#93c5fd}.class-expanded-panel{animation:expandIn .2s ease;background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 4px 14px #002e5d14;margin-top:1.25rem;overflow:hidden}.dark-mode .class-expanded-panel{background:#1e293bf2;border-color:#334155}.class-expanded-header{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dark-mode .class-expanded-header{background:#1e3a8a33;border-bottom-color:#334155}.students-grouped-container{display:flex;flex-direction:column;gap:1.25rem}.class-section-card{overflow:hidden;transition:box-shadow .2s}.class-section-card:hover{box-shadow:0 6px 18px #002e5d1a}.class-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .2s;-webkit-user-select:none;user-select:none}.class-section-header:hover{background:#002e5d08}.dark-mode .class-section-header:hover{background:#60a5fa0f}.class-section-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.class-section-name{color:#002e5d;font-size:1.1rem;font-weight:700;margin:0}.dark-mode .class-section-name{color:#60a5fa}.class-section-badge{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:50px;color:#fff;font-size:.8rem;font-weight:600;padding:3px 14px}.dark-mode .class-section-badge{background:#3b82f640;color:#93c5fd}.unassigned-badge{background:#f59e0b26!important;color:#d97706!important}.class-section-code{color:#64748b;font-family:monospace;font-size:.8rem}.class-section-actions{align-items:center;display:flex;gap:.75rem}.class-section-chevron{color:#94a3b8;font-size:.75rem;transition:transform .3s ease}.class-section-chevron.expanded{transform:rotate(180deg)}.class-section-body{animation:expandIn .25s ease;border-top:2px solid #e2e8f0;padding:.5rem 0}.dark-mode .class-section-body{border-top-color:#334155}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.delete-class-button{background:#0000;border:1px solid #dc26264d;border-radius:8px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:5px 14px;transition:all .2s}.delete-class-button:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-1px)}.students-table{border-collapse:collapse;width:100%}.students-table-header{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:0;color:#fff;display:grid;font-weight:600;grid-template-columns:2fr 3fr 1fr;overflow:hidden}.students-table-header .students-table-cell{color:#fff;font-size:.85rem;letter-spacing:.3px;padding:.85rem 1.5rem}.students-table-row{align-items:center;border-bottom:1px solid #eef1f6;display:grid;grid-template-columns:2fr 3fr 1fr;transition:background .12s}.students-table-row:hover{background:#eef4fb}.dark-mode .students-table-row.even{background:#1e293b4d}.dark-mode .students-table-row.odd{background:#33415533}.dark-mode .students-table-row:hover{background:#60a5fa14}.students-table-cell{font-size:.9rem;padding:.85rem 1.5rem}.students-name-col{font-weight:500}.students-email-col{color:#64748b}.dark-mode .students-email-col{color:#94a3b8}.students-actions-col{text-align:center}.student-row-with-remove{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1.5rem;transition:background .12s}.student-row-with-remove:hover{background:#002e5d08}.dark-mode .student-row-with-remove:hover{background:#60a5fa0f}.student-name-link{color:#002e5d;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s}.student-name-link:hover{color:#2774ae;text-decoration:underline}.dark-mode .student-name-link{color:#60a5fa}.remove-from-class-button{background:#0000;border:1px solid #dc26264d;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;margin-left:auto;padding:5px 14px;transition:all .2s}.remove-from-class-button:hover{background:#fef2f2;border-color:#dc2626}.student-row-compact .remove-from-class-button{margin-left:auto}.no-classes-message,.no-students{color:#64748b;font-size:.9rem;font-style:italic;margin:0;padding:1.25rem 1.5rem}.unassigned-students-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s}.dark-mode .unassigned-students-card{background:#1e293bf2;border-color:#334155;box-shadow:0 2px 8px #0000004d;color:#e2e8f0}.unassigned-students-card:hover{box-shadow:0 6px 18px #002e5d1a}.unassigned-student-row{align-items:center;border-bottom:1px solid #eef1f6;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1.5rem;transition:background .12s}.unassigned-student-row:last-child{border-bottom:none}.unassigned-student-row:hover{background:#f0f7ff}.dark-mode .unassigned-student-row{border-bottom-color:#33415580}.dark-mode .unassigned-student-row:hover{background:#60a5fa0f}.unassigned-student-info{display:flex;flex-direction:column;gap:3px;min-width:0}.unassigned-student-name{font-size:.95rem;font-weight:600}.unassigned-student-email{color:#64748b;font-size:.8rem}.dark-mode .unassigned-student-email{color:#94a3b8}.unassigned-assign-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.assign-class-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:.85rem;outline:none;padding:7px 12px;transition:border-color .2s}.assign-class-select:focus{border-color:#2774ae}.dark-mode .assign-class-select{background:#0f172a99;border-color:#475569;color:#e2e8f0}.assign-class-button{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:8px;box-shadow:0 2px 6px #002e5d33;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:7px 16px;transition:all .2s}.assign-class-button:hover:not(:disabled){box-shadow:0 4px 12px #002e5d4d;transform:translateY(-1px)}.assign-class-button:disabled{cursor:not-allowed;opacity:.5}.unassigned-header{border-left:4px solid #f59e0b}.assignment-message{animation:fadeSlide .3s ease;border-radius:10px;font-size:.9rem;font-weight:500;margin-top:1.25rem;padding:.85rem 1.25rem}.assignment-success{background:#0596691a;border-left:4px solid #059669;color:#059669}.assignment-error{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.assignment-info{background:#002e5d14;border-left:4px solid #002e5d;color:#002e5d}.loading-container{color:#2774ae;font-weight:500;padding:3rem}.spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;height:32px;width:32px}.error-message{background:#fef2f2;border-left:4px solid #dc2626;margin-bottom:2rem;padding:1.25rem 1.5rem}.empty-state{border:2px dashed #cbd5e1;padding:2.5rem 1.5rem}.empty-state p{font-size:1rem;margin:.25rem 0}.empty-state-sub{font-size:.9rem!important;opacity:.7}@media (max-width:768px){.view-students-container{padding:12px}.students-content{padding:1.5rem}.students-header{padding:.85rem 1rem;text-align:center}.students-header,.students-header-left{flex-direction:column;gap:.5rem}.students-header-actions{justify-content:center}.students-title{font-size:1.2rem}.students-nav-back{font-size:.8rem;padding:.4rem .8rem}.create-class-inputs-row{grid-template-columns:1fr}.create-class-actions{justify-content:stretch}.create-class-button{width:100%}.class-section-info{gap:.5rem}.unassigned-student-row{align-items:flex-start;flex-direction:column}.unassigned-assign-controls{width:100%}.class-section-actions{gap:.5rem}}@media (max-width:480px){.students-content,.students-header{padding:1rem}.create-class-card,.my-classes-section{padding:1.25rem}.class-section-header{padding:1rem}.student-row-with-remove{padding:.6rem 1rem}}.view-students-container{--vs-light-surface:#fff;--vs-light-panel:#f8fafc;--vs-light-border:#94a3b847;--vs-light-border-strong:#94a3b861;--vs-light-text:#0f172a;--vs-light-body:#334155;--vs-light-muted:#64748b;--vs-light-accent:#14b8a6;--vs-light-blue:#0ea5e9;background:radial-gradient(circle at top left,#14b8a61f,#0000 34rem),radial-gradient(circle at bottom right,#0ea5e91a,#0000 30rem),linear-gradient(180deg,#f8fafc,#eef5f8 48%,#f8fafc);color:var(--vs-light-body)}.students-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #94a3b83d;box-shadow:0 24px 64px #0f172a1f}.students-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #94a3b838;box-shadow:0 10px 28px #0f172a14}.students-header,.students-title{color:var(--vs-light-text)}.students-subtitle{color:var(--vs-light-muted);opacity:1}.students-nav-back{background:#fff;border:1px solid var(--vs-light-border);box-shadow:0 6px 16px #0f172a0f;color:#334155}.students-nav-back:hover{background:#f8fafc;border-color:#14b8a659;box-shadow:0 12px 24px #0f172a14,0 0 18px #14b8a61a;color:#0f766e}.class-section-code,.create-class-preview,.teacher-code{background:#f8fafc;border:1px solid #14b8a63d;color:#0f766e}.class-expanded-panel,.class-section-card,.create-class-card,.empty-state,.error-message,.loading-container,.my-classes-section,.unassigned-students-card{background:var(--vs-light-surface);border:1px solid var(--vs-light-border);box-shadow:0 14px 34px #0f172a14}.class-expanded-panel,.class-section-card,.class-tile,.create-class-card,.my-classes-section,.unassigned-students-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.class-expanded-panel:hover,.class-section-card:hover,.create-class-card:hover,.my-classes-section:hover,.unassigned-students-card:hover{border-color:#14b8a659;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a}.class-section-name,.create-class-title,.my-classes-title{border-bottom-color:#94a3b838;color:var(--vs-light-text)}.class-section-code,.create-class-helper,.empty-state,.empty-state-sub,.no-classes-message,.no-students,.students-email-col,.unassigned-student-email{color:var(--vs-light-muted)}.create-class-label{color:#1e293b}.assign-class-select,.create-class-input{background:#fff;border-color:var(--vs-light-border-strong);box-shadow:0 1px 2px #0f172a0a;color:var(--vs-light-text)}.create-class-input::placeholder{color:#94a3b8}.assign-class-select:hover,.create-class-input:hover{border-color:#0ea5e96b}.assign-class-select:focus,.create-class-input:focus{background:#fff;border-color:var(--vs-light-blue);box-shadow:0 0 0 4px #0ea5e91f}.assign-class-button,.back-link,.create-class-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 10px 22px #14b8a62e;color:#fff}.assign-class-button:hover:not(:disabled),.back-link:hover,.create-class-button:hover:not(.disabled){box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a624}.assign-class-button:disabled,.create-class-button.disabled{background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1}.class-tile{background:#fff;border:1px solid var(--vs-light-border);box-shadow:0 10px 24px #0f172a12;color:var(--vs-light-text)}.class-tile:hover{border-color:#14b8a659;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a}.class-tile-active{background:linear-gradient(180deg,#f0fdfa,#fff);border-color:#14b8a68c!important;box-shadow:0 14px 30px #0f172a1a,0 0 18px #14b8a621!important}.class-section-badge,.class-tile-count{background:#14b8a61f;border:1px solid #14b8a647;color:#0f766e}.unassigned-badge{background:#fffbeb!important;border-color:#fde68a!important;color:#b45309!important}.class-expanded-header,.class-section-header{background:linear-gradient(90deg,#f8fafc,#eef9fb)}.class-expanded-header{border-bottom-color:#94a3b833}.class-section-header:hover,.student-row-with-remove:hover,.unassigned-student-row:hover{background:#f0fdfa}.class-section-body{border-top-color:#94a3b838}.students-table-header{background:linear-gradient(135deg,#0f8aa5,#0ea5e9)}.students-table-row{border-bottom-color:#94a3b82e}.students-table-row.even{background:#fff}.students-table-row.odd{background:#f8fafc}.students-table-row:hover{background:#f0fdfa}.student-name-link{color:#0f766e}.student-name-link:hover{color:#0ea5e9}.delete-class-button,.remove-from-class-button{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.delete-class-button:hover,.remove-from-class-button:hover{background:#fee2e2;border-color:#fca5a5}.assignment-success,.create-class-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.assignment-error,.create-class-error,.error-message{background:#fef2f2;border-color:#fecaca;color:#991b1b}.assignment-info{background:#eff6ff;border-left-color:#0ea5e9;color:#1d4ed8}.spinner{border-color:#dbeafe;border-top-color:var(--vs-light-blue)}.dark-mode .view-students-container,.view-students-container.dark-mode,[data-dark-mode=true] .view-students-container,body.dark-mode .view-students-container{--vs-dark-surface:#172033;--vs-dark-panel:#1f2937;--vs-dark-inner:#111827;--vs-dark-border:#94a3b83d;--vs-dark-border-strong:#94a3b85c;--vs-dark-text:#f8fafc;--vs-dark-body:#cbd5e1;--vs-dark-muted:#94a3b8;--vs-dark-accent:#14b8a6;--vs-dark-blue:#38bdf8;background:radial-gradient(circle at top left,#14b8a621,#0000 34rem),radial-gradient(circle at bottom right,#38bdf814,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a);color:var(--vs-dark-body)}.dark-mode .view-students-container .students-card,.view-students-container.dark-mode .students-card,[data-dark-mode=true] .view-students-container .students-card,body.dark-mode .view-students-container .students-card{background:#0f172ab8;border:1px solid var(--vs-dark-border);box-shadow:0 24px 64px #00000057}.dark-mode .view-students-container .students-header,.view-students-container.dark-mode .students-header,[data-dark-mode=true] .view-students-container .students-header,body.dark-mode .view-students-container .students-header{background:linear-gradient(135deg,#0f172af5,#0f8aa5e0);border-bottom:1px solid #94a3b833;box-shadow:0 12px 30px #00000042;color:var(--vs-dark-text)}.dark-mode .view-students-container .class-section-name,.dark-mode .view-students-container .create-class-title,.dark-mode .view-students-container .my-classes-title,.dark-mode .view-students-container .students-title,.view-students-container.dark-mode .class-section-name,.view-students-container.dark-mode .create-class-title,.view-students-container.dark-mode .my-classes-title,.view-students-container.dark-mode .students-title,[data-dark-mode=true] .view-students-container .class-section-name,[data-dark-mode=true] .view-students-container .create-class-title,[data-dark-mode=true] .view-students-container .my-classes-title,[data-dark-mode=true] .view-students-container .students-title,body.dark-mode .view-students-container .class-section-name,body.dark-mode .view-students-container .create-class-title,body.dark-mode .view-students-container .my-classes-title,body.dark-mode .view-students-container .students-title{color:var(--vs-dark-text)}.view-students-container.dark-mode .class-section-code,.view-students-container.dark-mode .create-class-helper,.view-students-container.dark-mode .empty-state,.view-students-container.dark-mode .empty-state-sub,.view-students-container.dark-mode .no-classes-message,.view-students-container.dark-mode .no-students,.view-students-container.dark-mode .students-email-col,.view-students-container.dark-mode .students-subtitle,.view-students-container.dark-mode .unassigned-student-email{color:var(--vs-dark-muted);opacity:1}.view-students-container.dark-mode .class-expanded-panel,.view-students-container.dark-mode .class-section-card,.view-students-container.dark-mode .create-class-card,.view-students-container.dark-mode .empty-state,.view-students-container.dark-mode .error-message,.view-students-container.dark-mode .loading-container,.view-students-container.dark-mode .my-classes-section,.view-students-container.dark-mode .unassigned-students-card{background:linear-gradient(180deg,var(--vs-dark-surface) 0,#151e31 100%);border-color:var(--vs-dark-border);box-shadow:0 18px 42px #00000047;color:var(--vs-dark-body)}.view-students-container.dark-mode .class-expanded-panel:hover,.view-students-container.dark-mode .class-section-card:hover,.view-students-container.dark-mode .class-tile:hover,.view-students-container.dark-mode .create-class-card:hover,.view-students-container.dark-mode .my-classes-section:hover,.view-students-container.dark-mode .unassigned-students-card:hover{border-color:#14b8a66b;box-shadow:0 16px 36px #00000052,0 0 24px #14b8a61f}.view-students-container.dark-mode .assign-class-select,.view-students-container.dark-mode .create-class-input{background:var(--vs-dark-inner);border-color:var(--vs-dark-border-strong);box-shadow:inset 0 1px 0 #ffffff05;color:var(--vs-dark-text)}.view-students-container.dark-mode .create-class-input::placeholder{color:#64748b}.view-students-container.dark-mode .assign-class-select:focus,.view-students-container.dark-mode .create-class-input:focus{background:var(--vs-dark-inner);border-color:var(--vs-dark-blue);box-shadow:0 0 0 4px #38bdf824}.view-students-container.dark-mode .assign-class-select option{background:var(--vs-dark-inner);color:var(--vs-dark-text)}.view-students-container.dark-mode .class-section-code,.view-students-container.dark-mode .create-class-preview,.view-students-container.dark-mode .teacher-code{background:#0f172a99;border-color:var(--vs-dark-border);color:#99f6e4}.view-students-container.dark-mode .students-nav-back{background:#0f172ac7;border:1px solid var(--vs-dark-border-strong);color:#dbeafe}.view-students-container.dark-mode .students-nav-back:hover{background:#14b8a61f;border-color:#14b8a675;box-shadow:0 10px 22px #14b8a61a;color:var(--vs-dark-text)}.view-students-container.dark-mode .add-student-header-button{background:#0f172ac7;border-color:#14b8a66b;color:#99f6e4}.view-students-container.dark-mode .add-student-header-button:hover{background:#14b8a61f;border-color:#14b8a68f;color:var(--vs-dark-text)}.view-students-container.dark-mode .assign-class-button,.view-students-container.dark-mode .back-link,.view-students-container.dark-mode .create-class-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 12px 24px #14b8a62e;color:#fff}.view-students-container.dark-mode .class-tile{background:#0f172ab8;border:1px solid var(--vs-dark-border);box-shadow:0 12px 26px #0003;color:var(--vs-dark-body)}.view-students-container.dark-mode .class-tile-active{background:#14b8a61f;border-color:#14b8a68c!important}.view-students-container.dark-mode .class-section-badge,.view-students-container.dark-mode .class-tile-count{background:#14b8a62e;border:1px solid #14b8a657;color:#99f6e4}.view-students-container.dark-mode .unassigned-badge{background:#d977062e!important;border-color:#fbbf2461!important;color:#fde68a!important}.view-students-container.dark-mode .class-expanded-header,.view-students-container.dark-mode .class-section-header{background:linear-gradient(90deg,#0f172ad6,#182235f0);border-color:var(--vs-dark-border)}.view-students-container.dark-mode .class-section-header:hover,.view-students-container.dark-mode .student-row-with-remove:hover,.view-students-container.dark-mode .unassigned-student-row:hover{background:#14b8a61a}.view-students-container.dark-mode .students-table-header{background:linear-gradient(135deg,#0f8aa5,#0f172a)}.view-students-container.dark-mode .class-section-body,.view-students-container.dark-mode .students-table-row,.view-students-container.dark-mode .unassigned-student-row{border-color:#94a3b82e}.view-students-container.dark-mode .students-table-row.even{background:#0f172a7a}.view-students-container.dark-mode .students-table-row.odd{background:#1e293b73}.view-students-container.dark-mode .students-table-row:hover{background:#14b8a61a}.view-students-container.dark-mode .student-name-link{color:#67e8f9}.view-students-container.dark-mode .delete-class-button,.view-students-container.dark-mode .remove-from-class-button{background:#7f1d1d38;border-color:#f8717161;color:#fecaca}.view-students-container.dark-mode .delete-class-button:hover,.view-students-container.dark-mode .remove-from-class-button:hover{background:#991b1b57;border-color:#f871718a}.view-students-container.dark-mode .assignment-success,.view-students-container.dark-mode .create-class-success{background:#16653438;border-color:#86efac59;color:#bbf7d0}.view-students-container.dark-mode .assignment-error,.view-students-container.dark-mode .create-class-error,.view-students-container.dark-mode .error-message{background:#7f1d1d38;border-color:#f8717159;color:#fecaca}.view-students-container.dark-mode .assignment-info{background:#2563eb2e;border-left-color:#38bdf8;color:#bfdbfe}.view-students-container.dark-mode .spinner{border-color:#94a3b83d;border-top-color:var(--vs-dark-blue)}.student-search-card{background:#fff;background:var(--vs-light-surface,#fff);border:1px solid #94a3b847;border:1px solid var(--vs-light-border,#94a3b847);border-left:4px solid #14b8a6ad;border-radius:16px;box-shadow:0 14px 34px #0f172a14;margin-bottom:2rem;padding:1.5rem}.student-search-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.student-search-title{color:#0f172a;color:var(--vs-light-text,#0f172a);font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.student-search-helper{color:#64748b;color:var(--vs-light-muted,#64748b);font-size:.88rem;margin:0}.student-search-clear{background:#fff;border:1px solid #94a3b847;border:1px solid var(--vs-light-border,#94a3b847);border-radius:999px;color:#0f766e;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:.82rem;font-weight:700;padding:.45rem .85rem;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.student-search-clear:hover{background:#f0fdfa;border-color:#14b8a673;color:#0ea5e9;transform:translateY(-1px)}.student-search-input-wrap{margin-top:.25rem}.student-search-input{background:#fff;border:2px solid #94a3b861;border:2px solid var(--vs-light-border-strong,#94a3b861);border-radius:12px;box-shadow:0 1px 2px #0f172a0a;box-sizing:border-box;color:#0f172a;color:var(--vs-light-text,#0f172a);font-family:inherit;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.student-search-input::placeholder{color:#94a3b8}.student-search-input:hover{border-color:#0ea5e96b}.student-search-input:focus{border-color:#0ea5e9;border-color:var(--vs-light-blue,#0ea5e9);box-shadow:0 0 0 4px #0ea5e91f}.student-search-results{grid-gap:.75rem;display:grid;gap:.75rem;margin-top:1rem}.student-search-result-card{align-items:center;background:#f8fafc;border:1px solid #94a3b83d;border-radius:14px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.student-search-result-main{min-width:0}.student-search-result-name{color:#0f172a;color:var(--vs-light-text,#0f172a);font-size:1rem;font-weight:700;margin:0 0 .25rem}.student-search-result-classes,.student-search-result-meta{color:#64748b;color:var(--vs-light-muted,#64748b);font-size:.86rem;margin:.15rem 0 0;overflow-wrap:anywhere}.student-search-result-classes{color:#0f766e;font-weight:600}.student-search-profile-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);border:none;border-radius:10px;box-shadow:0 10px 22px #14b8a62e;color:#fff;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:.85rem;font-weight:700;padding:.65rem 1rem;transition:box-shadow .2s ease,transform .2s ease}.student-search-profile-button:hover{box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a624;transform:translateY(-1px)}.student-row-actions,.student-search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.reset-password-button{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:.8rem;font-weight:700;padding:.5rem .85rem;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.reset-password-button:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af;transform:translateY(-1px)}.reset-password-modal-backdrop{align-items:center;background:#0f172a94;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:1000}.reset-password-modal{background:#fff;border:1px solid #94a3b847;border-radius:16px;box-shadow:0 24px 64px #0f172a3d;color:#1e293b;max-width:520px;padding:1.5rem;width:min(100%,520px)}.reset-password-modal-title{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0 0 .65rem}.reset-password-modal-note,.reset-password-modal-text{color:#475569;font-size:.92rem;line-height:1.55;margin:0 0 1rem}.reset-password-modal-note{color:#64748b;font-size:.84rem;margin-top:.85rem}.reset-password-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.88rem;font-weight:600;margin-bottom:1rem;padding:.75rem .9rem}.temporary-password-box{align-items:center;background:#f8fafc;border:1px solid #94a3b852;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;padding:.8rem}.temporary-password-box code{color:#0f172a;font-size:1rem;font-weight:700;overflow-wrap:anywhere}.copy-password-button,.reset-password-close-button,.reset-password-confirm-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:.86rem;font-weight:700;padding:.65rem 1rem;transition:box-shadow .2s ease,opacity .2s ease,transform .2s ease}.copy-password-button:hover,.reset-password-close-button:hover,.reset-password-confirm-button:hover:not(:disabled){box-shadow:0 10px 22px #14b8a62e;transform:translateY(-1px)}.reset-password-cancel-button:disabled,.reset-password-confirm-button:disabled{cursor:not-allowed;opacity:.6}.reset-password-cancel-button{background:#fff;border:1px solid #94a3b861;border-radius:10px;color:#334155;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:700;padding:.65rem 1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.reset-password-cancel-button:hover:not(:disabled){background:#f8fafc;border-color:#14b8a659;transform:translateY(-1px)}.reset-password-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.copy-password-message{color:#0f766e;font-size:.84rem;font-weight:700;margin:.65rem 0 0}.create-student-modal{max-width:620px;width:min(100%,620px)}.add-student-options{grid-gap:.75rem;display:grid;gap:.75rem}.add-student-option-button{background:#f8fafc;border:1px solid #94a3b84d;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.25rem;padding:1rem;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.add-student-option-button:hover:not(.disabled){background:#f0fdfa;border-color:#14b8a673;transform:translateY(-1px)}.add-student-option-button.disabled{cursor:not-allowed;opacity:.58}.add-student-option-title{font-size:.98rem;font-weight:800}.add-student-option-text{color:#64748b;font-size:.86rem;line-height:1.45}.create-student-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.create-student-class-select{width:100%}.created-student-summary{background:#f8fafc;border:1px solid #94a3b847;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem}.created-student-summary p{color:#334155;font-size:.9rem;margin:.2rem 0;overflow-wrap:anywhere}.bulk-import-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.bulk-upload-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:700;padding:.65rem 1rem;transition:box-shadow .2s ease,transform .2s ease}.bulk-upload-button:hover{box-shadow:0 10px 22px #14b8a62e;transform:translateY(-1px)}.bulk-upload-button input{display:none}.bulk-file-name{color:#64748b;font-size:.86rem;font-weight:600;margin:.5rem 0}.bulk-preview{margin-top:1rem}.bulk-preview-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.bulk-preview-summary strong{background:#f8fafc;border:1px solid #94a3b847;border-radius:999px;color:#334155;font-size:.84rem;padding:.45rem .75rem}.bulk-preview-table{border:1px solid #94a3b847;border-radius:12px;max-height:280px;overflow:auto}.bulk-preview-row{grid-gap:.5rem;border-bottom:1px solid #94a3b82e;display:grid;font-size:.8rem;gap:.5rem;grid-template-columns:3rem 1.2fr 1.6fr 1fr 1.5fr;padding:.65rem .75rem}.bulk-preview-row:last-child{border-bottom:none}.bulk-preview-row.header{background:#f8fafc;color:#334155;font-weight:800;position:-webkit-sticky;position:sticky;top:0}.bulk-preview-row.ready{background:#ecfdf5;color:#047857}.bulk-preview-row.invalid{background:#fef2f2;color:#991b1b}.bulk-preview-row span{min-width:0;overflow-wrap:anywhere}.student-search-empty{background:#f8fafc;border:1px dashed #94a3b86b;border-radius:12px;color:#64748b;color:var(--vs-light-muted,#64748b);font-size:.92rem;padding:1rem;text-align:center}.dark-mode .view-students-page .student-search-card,.view-students-page.dark-mode .student-search-card,[data-dark-mode=true] .view-students-page .student-search-card,[data-theme=dark] .view-students-page .student-search-card,body.dark-mode .view-students-page .student-search-card,html.dark-mode .view-students-page .student-search-card{background:linear-gradient(180deg,#172033,#151e31);background:linear-gradient(180deg,var(--vs-dark-surface,#172033) 0,#151e31 100%);border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d);border-left-color:#14b8a6;box-shadow:0 18px 42px #00000047;color:#cbd5e1;color:var(--vs-dark-body,#cbd5e1)}.dark-mode .view-students-page .student-search-result-name,.dark-mode .view-students-page .student-search-title,.view-students-page.dark-mode .student-search-result-name,.view-students-page.dark-mode .student-search-title,[data-dark-mode=true] .view-students-page .student-search-result-name,[data-dark-mode=true] .view-students-page .student-search-title,[data-theme=dark] .view-students-page .student-search-result-name,[data-theme=dark] .view-students-page .student-search-title,body.dark-mode .view-students-page .student-search-result-name,body.dark-mode .view-students-page .student-search-title,html.dark-mode .view-students-page .student-search-result-name,html.dark-mode .view-students-page .student-search-title{color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .student-search-empty,.dark-mode .view-students-page .student-search-helper,.dark-mode .view-students-page .student-search-result-meta,.view-students-page.dark-mode .student-search-empty,.view-students-page.dark-mode .student-search-helper,.view-students-page.dark-mode .student-search-result-meta,[data-dark-mode=true] .view-students-page .student-search-empty,[data-dark-mode=true] .view-students-page .student-search-helper,[data-dark-mode=true] .view-students-page .student-search-result-meta,[data-theme=dark] .view-students-page .student-search-empty,[data-theme=dark] .view-students-page .student-search-helper,[data-theme=dark] .view-students-page .student-search-result-meta,body.dark-mode .view-students-page .student-search-empty,body.dark-mode .view-students-page .student-search-helper,body.dark-mode .view-students-page .student-search-result-meta,html.dark-mode .view-students-page .student-search-empty,html.dark-mode .view-students-page .student-search-helper,html.dark-mode .view-students-page .student-search-result-meta{color:#94a3b8;color:var(--vs-dark-muted,#94a3b8)}.dark-mode .view-students-page .student-search-input,.view-students-page.dark-mode .student-search-input,[data-dark-mode=true] .view-students-page .student-search-input,[data-theme=dark] .view-students-page .student-search-input,body.dark-mode .view-students-page .student-search-input,html.dark-mode .view-students-page .student-search-input{background:#111827;background:var(--vs-dark-inner,#111827);border-color:#94a3b85c;border-color:var(--vs-dark-border-strong,#94a3b85c);color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .student-search-input::placeholder,.view-students-page.dark-mode .student-search-input::placeholder,[data-dark-mode=true] .view-students-page .student-search-input::placeholder,[data-theme=dark] .view-students-page .student-search-input::placeholder,body.dark-mode .view-students-page .student-search-input::placeholder,html.dark-mode .view-students-page .student-search-input::placeholder{color:#64748b}.dark-mode .view-students-page .student-search-input:focus,.view-students-page.dark-mode .student-search-input:focus,[data-dark-mode=true] .view-students-page .student-search-input:focus,[data-theme=dark] .view-students-page .student-search-input:focus,body.dark-mode .view-students-page .student-search-input:focus,html.dark-mode .view-students-page .student-search-input:focus{border-color:#38bdf8;border-color:var(--vs-dark-blue,#38bdf8);box-shadow:0 0 0 4px #38bdf824}.dark-mode .view-students-page .student-search-clear,.view-students-page.dark-mode .student-search-clear,[data-dark-mode=true] .view-students-page .student-search-clear,[data-theme=dark] .view-students-page .student-search-clear,body.dark-mode .view-students-page .student-search-clear,html.dark-mode .view-students-page .student-search-clear{background:#0f172ab8;border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d);color:#99f6e4}.dark-mode .view-students-page .reset-password-button,.view-students-page.dark-mode .reset-password-button,[data-dark-mode=true] .view-students-page .reset-password-button,[data-theme=dark] .view-students-page .reset-password-button,body.dark-mode .view-students-page .reset-password-button,html.dark-mode .view-students-page .reset-password-button{background:#2563eb2e;border-color:#60a5fa5c;color:#bfdbfe}.dark-mode .view-students-page .reset-password-button:hover,.view-students-page.dark-mode .reset-password-button:hover,[data-dark-mode=true] .view-students-page .reset-password-button:hover,[data-theme=dark] .view-students-page .reset-password-button:hover,body.dark-mode .view-students-page .reset-password-button:hover,html.dark-mode .view-students-page .reset-password-button:hover{background:#2563eb47;border-color:#60a5fa85;color:#dbeafe}.dark-mode .view-students-page .reset-password-modal,.view-students-page.dark-mode .reset-password-modal,[data-dark-mode=true] .view-students-page .reset-password-modal,[data-theme=dark] .view-students-page .reset-password-modal,body.dark-mode .view-students-page .reset-password-modal,html.dark-mode .view-students-page .reset-password-modal{background:linear-gradient(180deg,#172033,#151e31);background:linear-gradient(180deg,var(--vs-dark-surface,#172033) 0,#151e31 100%);border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d);color:#cbd5e1;color:var(--vs-dark-body,#cbd5e1)}.dark-mode .view-students-page .reset-password-modal-title,.dark-mode .view-students-page .temporary-password-box code,.view-students-page.dark-mode .reset-password-modal-title,.view-students-page.dark-mode .temporary-password-box code,[data-dark-mode=true] .view-students-page .reset-password-modal-title,[data-dark-mode=true] .view-students-page .temporary-password-box code,[data-theme=dark] .view-students-page .reset-password-modal-title,[data-theme=dark] .view-students-page .temporary-password-box code,body.dark-mode .view-students-page .reset-password-modal-title,body.dark-mode .view-students-page .temporary-password-box code,html.dark-mode .view-students-page .reset-password-modal-title,html.dark-mode .view-students-page .temporary-password-box code{color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .reset-password-modal-note,.dark-mode .view-students-page .reset-password-modal-text,.view-students-page.dark-mode .reset-password-modal-note,.view-students-page.dark-mode .reset-password-modal-text,[data-dark-mode=true] .view-students-page .reset-password-modal-note,[data-dark-mode=true] .view-students-page .reset-password-modal-text,[data-theme=dark] .view-students-page .reset-password-modal-note,[data-theme=dark] .view-students-page .reset-password-modal-text,body.dark-mode .view-students-page .reset-password-modal-note,body.dark-mode .view-students-page .reset-password-modal-text,html.dark-mode .view-students-page .reset-password-modal-note,html.dark-mode .view-students-page .reset-password-modal-text{color:#94a3b8;color:var(--vs-dark-muted,#94a3b8)}.dark-mode .view-students-page .temporary-password-box,.view-students-page.dark-mode .temporary-password-box,[data-dark-mode=true] .view-students-page .temporary-password-box,[data-theme=dark] .view-students-page .temporary-password-box,body.dark-mode .view-students-page .temporary-password-box,html.dark-mode .view-students-page .temporary-password-box{background:#111827;background:var(--vs-dark-inner,#111827);border-color:#94a3b85c;border-color:var(--vs-dark-border-strong,#94a3b85c)}.dark-mode .view-students-page .reset-password-cancel-button,.view-students-page.dark-mode .reset-password-cancel-button,[data-dark-mode=true] .view-students-page .reset-password-cancel-button,[data-theme=dark] .view-students-page .reset-password-cancel-button,body.dark-mode .view-students-page .reset-password-cancel-button,html.dark-mode .view-students-page .reset-password-cancel-button{background:#0f172ab8;border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d);color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .add-student-option-button,.dark-mode .view-students-page .created-student-summary,.view-students-page.dark-mode .add-student-option-button,.view-students-page.dark-mode .created-student-summary,[data-dark-mode=true] .view-students-page .add-student-option-button,[data-dark-mode=true] .view-students-page .created-student-summary,[data-theme=dark] .view-students-page .add-student-option-button,[data-theme=dark] .view-students-page .created-student-summary,body.dark-mode .view-students-page .add-student-option-button,body.dark-mode .view-students-page .created-student-summary,html.dark-mode .view-students-page .add-student-option-button,html.dark-mode .view-students-page .created-student-summary{background:#111827;background:var(--vs-dark-inner,#111827);border-color:#94a3b85c;border-color:var(--vs-dark-border-strong,#94a3b85c);color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .add-student-option-text,.dark-mode .view-students-page .bulk-file-name,.dark-mode .view-students-page .created-student-summary p,.view-students-page.dark-mode .add-student-option-text,.view-students-page.dark-mode .bulk-file-name,.view-students-page.dark-mode .created-student-summary p,[data-dark-mode=true] .view-students-page .add-student-option-text,[data-dark-mode=true] .view-students-page .bulk-file-name,[data-dark-mode=true] .view-students-page .created-student-summary p,[data-theme=dark] .view-students-page .add-student-option-text,[data-theme=dark] .view-students-page .bulk-file-name,[data-theme=dark] .view-students-page .created-student-summary p,body.dark-mode .view-students-page .add-student-option-text,body.dark-mode .view-students-page .bulk-file-name,body.dark-mode .view-students-page .created-student-summary p,html.dark-mode .view-students-page .add-student-option-text,html.dark-mode .view-students-page .bulk-file-name,html.dark-mode .view-students-page .created-student-summary p{color:#94a3b8;color:var(--vs-dark-muted,#94a3b8)}.dark-mode .view-students-page .bulk-preview-table,.view-students-page.dark-mode .bulk-preview-table,[data-dark-mode=true] .view-students-page .bulk-preview-table,[data-theme=dark] .view-students-page .bulk-preview-table,body.dark-mode .view-students-page .bulk-preview-table,html.dark-mode .view-students-page .bulk-preview-table{border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d)}.dark-mode .view-students-page .bulk-preview-row.header,.dark-mode .view-students-page .bulk-preview-summary strong,.view-students-page.dark-mode .bulk-preview-row.header,.view-students-page.dark-mode .bulk-preview-summary strong,[data-dark-mode=true] .view-students-page .bulk-preview-row.header,[data-dark-mode=true] .view-students-page .bulk-preview-summary strong,[data-theme=dark] .view-students-page .bulk-preview-row.header,[data-theme=dark] .view-students-page .bulk-preview-summary strong,body.dark-mode .view-students-page .bulk-preview-row.header,body.dark-mode .view-students-page .bulk-preview-summary strong,html.dark-mode .view-students-page .bulk-preview-row.header,html.dark-mode .view-students-page .bulk-preview-summary strong{background:#111827;background:var(--vs-dark-inner,#111827);border-color:#94a3b83d;border-color:var(--vs-dark-border,#94a3b83d);color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .bulk-preview-row.ready,.view-students-page.dark-mode .bulk-preview-row.ready,[data-dark-mode=true] .view-students-page .bulk-preview-row.ready,[data-theme=dark] .view-students-page .bulk-preview-row.ready,body.dark-mode .view-students-page .bulk-preview-row.ready,html.dark-mode .view-students-page .bulk-preview-row.ready{background:#16653438;color:#bbf7d0}.dark-mode .view-students-page .bulk-preview-row.invalid,.view-students-page.dark-mode .bulk-preview-row.invalid,[data-dark-mode=true] .view-students-page .bulk-preview-row.invalid,[data-theme=dark] .view-students-page .bulk-preview-row.invalid,body.dark-mode .view-students-page .bulk-preview-row.invalid,html.dark-mode .view-students-page .bulk-preview-row.invalid{background:#7f1d1d38;color:#fecaca}.dark-mode .view-students-page .student-search-clear:hover,.view-students-page.dark-mode .student-search-clear:hover,[data-dark-mode=true] .view-students-page .student-search-clear:hover,[data-theme=dark] .view-students-page .student-search-clear:hover,body.dark-mode .view-students-page .student-search-clear:hover,html.dark-mode .view-students-page .student-search-clear:hover{background:#14b8a61f;border-color:#14b8a675;color:#f8fafc;color:var(--vs-dark-text,#f8fafc)}.dark-mode .view-students-page .student-search-empty,.dark-mode .view-students-page .student-search-result-card,.view-students-page.dark-mode .student-search-empty,.view-students-page.dark-mode .student-search-result-card,[data-dark-mode=true] .view-students-page .student-search-empty,[data-dark-mode=true] .view-students-page .student-search-result-card,[data-theme=dark] .view-students-page .student-search-empty,[data-theme=dark] .view-students-page .student-search-result-card,body.dark-mode .view-students-page .student-search-empty,body.dark-mode .view-students-page .student-search-result-card,html.dark-mode .view-students-page .student-search-empty,html.dark-mode .view-students-page .student-search-result-card{background:#0f172a94;border-color:#94a3b838}.dark-mode .view-students-page .student-search-result-classes,.view-students-page.dark-mode .student-search-result-classes,[data-dark-mode=true] .view-students-page .student-search-result-classes,[data-theme=dark] .view-students-page .student-search-result-classes,body.dark-mode .view-students-page .student-search-result-classes,html.dark-mode .view-students-page .student-search-result-classes{color:#99f6e4}.dark-mode .view-students-page .student-search-profile-button,.view-students-page.dark-mode .student-search-profile-button,[data-dark-mode=true] .view-students-page .student-search-profile-button,[data-theme=dark] .view-students-page .student-search-profile-button,body.dark-mode .view-students-page .student-search-profile-button,html.dark-mode .view-students-page .student-search-profile-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 12px 24px #14b8a62e}@media (max-width:768px){.student-search-card{padding:1.25rem}.student-search-result-card{align-items:stretch;flex-direction:column}.student-search-profile-button{width:100%}}@media (max-width:480px){.student-search-header{flex-direction:column}.student-search-clear{width:100%}}:root{--primary-color:#2980b9;--primary-hover:#3498db;--primary-dark:#1a5889;--error-color:#e74c3c;--success-color:#2ecc71;--text-color:#333;--text-light:#666;--text-dark:#111;--bg-light:#f5f5f5;--bg-card:#fffffff2;--border-color:#ddd;--shadow-color:#0000001a;--transition-speed:0.3s;--border-radius:12px}.dark-mode{--primary-color:#3498db;--primary-hover:#5dade2;--primary-dark:#1a5889;--text-color:#e0e0e0;--text-light:#aaa;--text-dark:#fff;--bg-light:#121212;--bg-card:#1e1e1ef2;--border-color:#444;--shadow-color:#0000004d}.load-more-container{display:flex;justify-content:center;margin-top:2rem}.load-more-button{align-items:center;background-color:#2980b9;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.load-more-button:hover{background-color:#3498db;background-color:var(--primary-hover)}.load-more-button:disabled{background-color:#666;background-color:var(--text-light);cursor:not-allowed}.spinner.small{border-width:2px;height:16px;margin-right:0;width:16px}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;height:20px;margin-right:.5rem;width:20px;will-change:transform}.student-profile-container{background:linear-gradient(135deg,#2980b9,#2ecc71);color:#333;color:var(--text-color);font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease;will-change:background-color}.dark-mode.student-profile-container{background:linear-gradient(135deg,#1a5889,#27ae60)}.profile-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff40;min-height:100vh}.improved-header{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 12px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.improved-header,.nav-left,.nav-right{align-items:center;display:flex}.nav-right{gap:1rem}.nav-button{background-color:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s ease}.nav-button:hover{background-color:#ffffff40}.logo-container{align-items:center;display:flex;gap:.75rem}.logo-container img{border-radius:8px;height:36px;width:36px}.back-button{background-color:#fff3;border:none;font-size:.95rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.back-button:hover{background-color:#ffffff4d}.loading-container{background-color:#fffffff2;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);color:#666;color:var(--text-light);margin:2rem auto;max-width:400px;padding:3rem 0}.loading-container .spinner{border-color:#2980b9 #0000001a #0000001a;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.dark-mode .loading-container .spinner{border-color:#2980b9 #ffffff1a #ffffff1a;border-top-color:var(--primary-color)}.error-message{animation:fadeIn .3s ease-out;background-color:#e74c3c1a;border-left:4px solid #e74c3c;border-left:4px solid var(--error-color);border-radius:4px;color:#e74c3c;color:var(--error-color);font-size:.95rem;justify-content:center;margin:2rem auto;max-width:600px;padding:1rem;text-align:center}.error-message:before{content:"⚠️";font-size:1.2rem;margin-right:10px}.profile-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:2rem}.profile-card{animation:fadeIn .5s ease-out;background-color:#fffffff2;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);overflow:hidden;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.profile-card:hover{box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--shadow-color)}.card-header{align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.card-title{border-bottom:2px solid #2980b9;border-bottom:2px solid var(--primary-color);color:#2980b9;color:var(--primary-color);display:inline-block;font-size:1.5rem;font-weight:600;margin:0;padding-bottom:.5rem}.download-button{align-items:center;background-color:#2980b9;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #2980b94d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.download-button:hover{background-color:#3498db;background-color:var(--primary-hover);box-shadow:0 4px 8px #2980b966;transform:translateY(-2px)}.download-button:active{box-shadow:0 2px 4px #2980b94d;transform:translateY(0)}.download-icon{font-size:1.1rem}.basic-info{gap:2rem}.basic-info,.profile-avatar{align-items:center;display:flex}.profile-avatar{background-color:#2980b9;background-color:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;font-size:3rem;font-weight:600;height:100px;justify-content:center;width:100px}.profile-details{flex:1 1}.student-name{color:#111;color:var(--text-dark);font-size:2rem;margin:0 0 .5rem}.student-email{font-size:1.1rem;margin:0 0 .5rem}.student-email,.student-joined{color:#666;color:var(--text-light)}.student-joined{font-size:.9rem;margin:0 0 1rem}.teacher-codes{margin-top:1rem}.teacher-codes .label{font-weight:500;margin-right:.5rem}.code-badge{background-color:#2980b91a;border-radius:4px;color:#2980b9;color:var(--primary-color);display:inline-block;font-size:.9rem;font-weight:500;padding:.2rem .5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.stat-item{background-color:#ffffff80;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease;will-change:transform}.dark-mode .stat-item{background-color:#ffffff0d}.stat-item:hover{transform:translateY(-5px)}.stat-value{color:#2980b9;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-value.high{color:#2ecc71;color:var(--success-color)}.stat-value.medium{color:#f39c12}.stat-value.low{color:#e74c3c;color:var(--error-color)}.stat-label{font-size:.9rem;font-weight:500}.empty-stats,.stat-label{color:#666;color:var(--text-light)}.empty-stats{background-color:#00000005;border-radius:8px;padding:2rem;text-align:center}.dark-mode .empty-stats{background-color:#ffffff05}.insights-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-section{background-color:#ffffff80;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.dark-mode .insight-section{background-color:#ffffff0d}.insight-title{color:#111;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.insight-list{list-style-type:none;margin:0;padding:0}.insight-item{border-radius:8px;font-size:.95rem;margin-bottom:.75rem;padding:.75rem .75rem .75rem 2rem;position:relative}.insight-item:last-child{margin-bottom:0}.insight-item:before{left:.75rem;position:absolute;top:.75rem}.insight-item.strength{background-color:#2ecc711a;color:#27ae60}.insight-item.strength:before{color:#27ae60;content:"✓"}.insight-item.weakness{background-color:#e74c3c1a;color:#c0392b}.insight-item.weakness:before{color:#c0392b;content:"!"}.insight-item.suggestion{background-color:#3498db1a;color:#2980b9}.insight-item.suggestion:before{content:"💡"}.empty-insights{background-color:#00000005;border-radius:8px;color:#666;color:var(--text-light);padding:2rem;text-align:center}.dark-mode .empty-insights{background-color:#ffffff05}.quizzes-list{display:flex;flex-direction:column;gap:1rem}.quiz-item{background-color:#ffffff80;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.dark-mode .quiz-item{background-color:#ffffff0d}.quiz-header-row{align-items:center;background-color:#00000005;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background-color .2s ease}.dark-mode .quiz-header-row{background-color:#ffffff05}.quiz-header-row:hover{background-color:#0000000a}.dark-mode .quiz-header-row:hover{background-color:#ffffff0a}.quiz-info{flex:1 1}.quiz-code{color:#111;color:var(--text-dark);font-size:1.1rem;margin:0 0 .25rem}.quiz-results-link{border-radius:6px;color:#1a5889;color:var(--primary-dark);cursor:pointer;text-decoration:none;transition:color .2s ease,background-color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease,-webkit-text-decoration-color .2s ease}.quiz-results-link:hover{color:#2980b9;color:var(--primary-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.quiz-results-link:focus-visible{outline:3px solid #3498db59;outline-offset:3px}.dark-mode .quiz-results-link{color:#8bd3ff}.dark-mode .quiz-results-link:hover{color:#b9e6ff}.quiz-date{color:#666;color:var(--text-light);font-size:.85rem}.quiz-score-container{align-items:center;display:flex;gap:1rem}.quiz-score{border-radius:50px;display:inline-block;font-size:.9rem;font-weight:600;padding:.35rem .75rem}.quiz-score.high{background-color:#2ecc711a;color:#27ae60}.quiz-score.medium{background-color:#f39c121a;color:#f39c12}.quiz-score.low{background-color:#e74c3c1a;color:#c0392b}.expand-icon{color:#666;color:var(--text-light);font-size:.9rem;transition:transform .2s ease}.quiz-details{border-top:1px solid #ddd;border-top:1px solid var(--border-color);padding:1.5rem}.submissions-table{border-collapse:collapse;margin-top:.5rem;width:100%}.submissions-table td,.submissions-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left;vertical-align:top}.submissions-table th{background-color:#00000008;color:#111;color:var(--text-dark);font-weight:600}.dark-mode .submissions-table th{background-color:#ffffff0d}.submissions-table tr:last-child td{border-bottom:none}.question-cell{width:30%}.question-text{word-wrap:break-word;line-height:1.5;margin-bottom:.5rem;overflow-wrap:break-word;white-space:pre-wrap}.question-image-container{margin-top:.5rem}.question-image{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;max-height:200px;max-width:100%}.answer-cell{white-space:pre-line;width:25%}.feedback-cell{width:35%}.feedback-content{background-color:#3498db0d;border-radius:8px;font-size:.9rem;padding:.75rem;white-space:pre-line}.score-cell{text-align:center;width:10%}.score-badge{border-radius:50px;display:inline-block;font-size:.9rem;font-weight:600;min-width:60px;padding:.35rem .75rem;text-align:center}.score-badge.full{background-color:#d1e7dd;color:#0f5132}.score-badge.partial{background-color:#fff3cd;color:#664d03}.score-badge.zero{background-color:#f8d7da;color:#842029}.score-badge.pending{background-color:#e9ecef;color:#495057}.empty-quizzes{background-color:#00000005;border-radius:8px;color:#666;color:var(--text-light);padding:2rem;text-align:center}.dark-mode .empty-quizzes{background-color:#ffffff05}.profile-footer{background-color:#0009;color:#fff;font-size:.9rem;margin-top:2rem;padding:2rem;text-align:center}@media (max-width:992px){.profile-sections{padding:1.5rem}.insights-container{grid-template-columns:1fr}.profile-card,.quiz-item,.stat-item{transition:none}.profile-card:hover,.stat-item:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:none}}@media (max-width:768px){.improved-header{flex-direction:column;gap:.75rem;padding:1rem}.nav-right{justify-content:space-between;width:100%}.back-button,.nav-button{font-size:.85rem;padding:.5rem .8rem}.basic-info{flex-direction:column;gap:1rem;text-align:center}.profile-avatar{margin:0 auto}.stats-grid{grid-template-columns:1fr 1fr}.submissions-table{display:block;overflow-x:auto}.submissions-table td,.submissions-table th{font-size:.9rem;padding:.75rem}}@media (max-width:576px){.profile-sections{padding:1rem}.stats-grid{grid-template-columns:1fr}.quiz-header-row{align-items:flex-start;flex-direction:column;gap:.5rem}.quiz-score-container{justify-content:space-between;width:100%}}@media print{.student-profile-container{background-image:none}.profile-content{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fff}.improved-header,.profile-footer{display:none}.profile-card,.quiz-item{border:1px solid #ddd;box-shadow:none;margin-bottom:20px;page-break-inside:avoid}.quiz-details{display:block!important}.expand-icon{display:none}}.extra-time-container{background-color:#fff8eb80;border:1px solid #ff98001a;border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1.25rem;transition:all .3s ease}.dark-mode .extra-time-container{background-color:#ff98000d;border-color:#ff980033}.extra-time-container:hover{box-shadow:0 4px 12px #0000000f}.extra-time-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.extra-time-icon{color:#f39c12;font-size:1.1rem}.extra-time-label{color:#111;color:var(--text-dark);font-size:1rem;font-weight:600}.extra-time-description{color:#666;color:var(--text-light);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.extra-time-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.extra-time-input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;font-weight:500;padding:.6rem;text-align:center;transition:all .2s ease;width:80px}.extra-time-input:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c1233;outline:none}.extra-time-symbol{color:#666;color:var(--text-light);font-size:1rem;font-weight:500}.update-time-button{align-items:center;background-color:#f39c12;border:none;border-radius:8px;box-shadow:0 2px 4px #f39c124d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.update-time-button:hover{background-color:#e67e22;box-shadow:0 4px 8px #f39c1266;transform:translateY(-1px)}.update-time-button:active{box-shadow:0 2px 4px #f39c124d;transform:translateY(0)}.success-message{align-items:center;animation:fadeInSlide .4s ease-out;background-color:#2ecc711a;border-left:3px solid #27ae60;border-radius:8px;color:#27ae60;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.extra-time-container{padding:1rem}.extra-time-input-group{align-items:flex-start;flex-direction:column;gap:1rem}.extra-time-input-wrapper{align-items:center;display:flex;gap:.5rem;width:100%}.update-time-button{justify-content:center;width:100%}}.student-profile-page{background:radial-gradient(620px 420px at -10% -16%,#60a5fa2e,#0000 72%),radial-gradient(620px 420px at 108% 8%,#2774ae29,#0000 74%),linear-gradient(135deg,#eef6ff,#dbeafe 45%,#eff6ff);color:#172033}.student-profile-page .profile-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafcb3}.student-profile-page .improved-header{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 12px 28px #002e5d2e}.student-profile-page .profile-card{background:#fffffff5;border:1px solid #2774ae1f;box-shadow:0 16px 36px #0f40701f}.student-profile-page .card-title{border-bottom-color:#2774ae;color:#002e5d}.student-profile-page :is(.stat-item,.insight-section,.quiz-item){background:#f8fafcd6;border:1px solid #94a3b838}.student-profile-page .quiz-header-row{background:#eff6ffb8}.student-profile-page .quiz-header-row:hover{background:#dbeafedb}.student-profile-page .quiz-details{background:#ffffff94}.student-profile-page .submissions-table{border:1px solid #94a3b838;border-radius:12px;overflow:hidden;table-layout:fixed}.student-profile-page .submissions-table th{background:#eaf4ff;color:#0f2f4f}.student-profile-page .submissions-table td{background:#ffffffbd}.student-profile-page .answer-cell,.student-profile-page .feedback-content,.student-profile-page .question-cell .question-text{overflow-wrap:anywhere}.student-profile-page .question-cell .question-text{background:#f0f7ff;border:1px solid #2774ae24;border-radius:10px;color:#1e293b;padding:.85rem}.student-profile-page .answer-cell{color:#334155;line-height:1.55}.student-profile-page .feedback-content{background:#f0f7ff;border:1px solid #2774ae29;border-left:4px solid #2774ae;color:#1e3a5f;line-height:1.6}.student-profile-page .feedback-cell{color:#64748b}.student-profile-page :is(.empty-stats,.empty-insights,.empty-quizzes,.loading-container){border:1px solid #94a3b833}.dark-mode .student-profile-page,.student-profile-page.dark-mode,[data-dark-mode=true] .student-profile-page,[data-theme=dark] .student-profile-page,body.dark-mode .student-profile-page,html.dark-mode .student-profile-page{--sp-dark-bg:#0f172a;--sp-dark-header:linear-gradient(135deg,#0b1220,#1e3a5f);--sp-dark-surface:#0f172af5;--sp-dark-surface-2:#1e293beb;--sp-dark-surface-3:#334155ad;--sp-dark-border:#94a3b83d;--sp-dark-border-strong:#60a5fa57;--sp-dark-text:#e5edf7;--sp-dark-muted:#b6c3d4;--sp-dark-heading:#bfdbfe;--sp-dark-shadow:0 18px 44px #00000061;background:radial-gradient(540px 380px at -10% -14%,#2563eb1f,#0000 72%),linear-gradient(135deg,#050b16,#071a33 52%,#0b223d);color:var(--sp-dark-text)}.dark-mode .student-profile-page .profile-content,.student-profile-page.dark-mode .profile-content,[data-dark-mode=true] .student-profile-page .profile-content,[data-theme=dark] .student-profile-page .profile-content,body.dark-mode .student-profile-page .profile-content,html.dark-mode .student-profile-page .profile-content{background:#02061757}.dark-mode .student-profile-page .improved-header,.student-profile-page.dark-mode .improved-header,[data-dark-mode=true] .student-profile-page .improved-header,[data-theme=dark] .student-profile-page .improved-header,body.dark-mode .student-profile-page .improved-header,html.dark-mode .student-profile-page .improved-header{background:var(--sp-dark-header);border-bottom:1px solid var(--sp-dark-border);box-shadow:var(--sp-dark-shadow)}.dark-mode .student-profile-page :is(.profile-card,.loading-container),.student-profile-page.dark-mode :is(.profile-card,.loading-container),[data-dark-mode=true] .student-profile-page :is(.profile-card,.loading-container),[data-theme=dark] .student-profile-page :is(.profile-card,.loading-container),body.dark-mode .student-profile-page :is(.profile-card,.loading-container),html.dark-mode .student-profile-page :is(.profile-card,.loading-container){background:var(--sp-dark-surface);border:1px solid var(--sp-dark-border);box-shadow:var(--sp-dark-shadow);color:var(--sp-dark-text)}.dark-mode .student-profile-page :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label),.student-profile-page.dark-mode :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label),[data-dark-mode=true] .student-profile-page :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label),[data-theme=dark] .student-profile-page :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label),body.dark-mode .student-profile-page :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label),html.dark-mode .student-profile-page :is(.student-name,.card-title,.insight-title,.quiz-code,.extra-time-label){color:var(--sp-dark-heading)}.dark-mode .student-profile-page :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p),.student-profile-page.dark-mode :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p),[data-dark-mode=true] .student-profile-page :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p),[data-theme=dark] .student-profile-page :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p),body.dark-mode .student-profile-page :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p),html.dark-mode .student-profile-page :is(.student-email,.student-joined,.stat-label,.quiz-date,.extra-time-description,.extra-time-symbol,.empty-stats,.empty-insights,.empty-quizzes,.loading-container p){color:var(--sp-dark-muted)}.dark-mode .student-profile-page :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container),.student-profile-page.dark-mode :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container),[data-dark-mode=true] .student-profile-page :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container),[data-theme=dark] .student-profile-page :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container),body.dark-mode .student-profile-page :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container),html.dark-mode .student-profile-page :is(.stat-item,.insight-section,.quiz-item,.empty-stats,.empty-insights,.empty-quizzes,.extra-time-container){background:var(--sp-dark-surface-2);border:1px solid var(--sp-dark-border);box-shadow:0 10px 28px #0000003d}.dark-mode .student-profile-page .quiz-header-row,.student-profile-page.dark-mode .quiz-header-row,[data-dark-mode=true] .student-profile-page .quiz-header-row,[data-theme=dark] .student-profile-page .quiz-header-row,body.dark-mode .student-profile-page .quiz-header-row,html.dark-mode .student-profile-page .quiz-header-row{background:var(--sp-dark-surface-3);color:var(--sp-dark-text)}.dark-mode .student-profile-page .quiz-header-row:hover,.student-profile-page.dark-mode .quiz-header-row:hover,[data-dark-mode=true] .student-profile-page .quiz-header-row:hover,[data-theme=dark] .student-profile-page .quiz-header-row:hover,body.dark-mode .student-profile-page .quiz-header-row:hover,html.dark-mode .student-profile-page .quiz-header-row:hover{background:#475569c7}.dark-mode .student-profile-page .quiz-details,.student-profile-page.dark-mode .quiz-details,[data-dark-mode=true] .student-profile-page .quiz-details,[data-theme=dark] .student-profile-page .quiz-details,body.dark-mode .student-profile-page .quiz-details,html.dark-mode .student-profile-page .quiz-details{background:#0f172ab8;border-top-color:var(--sp-dark-border)}.dark-mode .student-profile-page .submissions-table,.student-profile-page.dark-mode .submissions-table,[data-dark-mode=true] .student-profile-page .submissions-table,[data-theme=dark] .student-profile-page .submissions-table,body.dark-mode .student-profile-page .submissions-table,html.dark-mode .student-profile-page .submissions-table{border-color:var(--sp-dark-border)}.dark-mode .student-profile-page .submissions-table th,.student-profile-page.dark-mode .submissions-table th,[data-dark-mode=true] .student-profile-page .submissions-table th,[data-theme=dark] .student-profile-page .submissions-table th,body.dark-mode .student-profile-page .submissions-table th,html.dark-mode .student-profile-page .submissions-table th{background:#111827;border-bottom-color:var(--sp-dark-border);color:#bfdbfe}.dark-mode .student-profile-page .submissions-table td,.student-profile-page.dark-mode .submissions-table td,[data-dark-mode=true] .student-profile-page .submissions-table td,[data-theme=dark] .student-profile-page .submissions-table td,body.dark-mode .student-profile-page .submissions-table td,html.dark-mode .student-profile-page .submissions-table td{background:#0f172a80;border-bottom-color:var(--sp-dark-border);color:var(--sp-dark-text)}.dark-mode .student-profile-page .question-cell .question-text,.student-profile-page.dark-mode .question-cell .question-text,[data-dark-mode=true] .student-profile-page .question-cell .question-text,[data-theme=dark] .student-profile-page .question-cell .question-text,body.dark-mode .student-profile-page .question-cell .question-text,html.dark-mode .student-profile-page .question-cell .question-text{background:#142d4f80;border-color:#60a5fa42;color:#dbeafe}.dark-mode .student-profile-page .answer-cell,.student-profile-page.dark-mode .answer-cell,[data-dark-mode=true] .student-profile-page .answer-cell,[data-theme=dark] .student-profile-page .answer-cell,body.dark-mode .student-profile-page .answer-cell,html.dark-mode .student-profile-page .answer-cell{color:#e5e7eb}.dark-mode .student-profile-page .feedback-cell,.student-profile-page.dark-mode .feedback-cell,[data-dark-mode=true] .student-profile-page .feedback-cell,[data-theme=dark] .student-profile-page .feedback-cell,body.dark-mode .student-profile-page .feedback-cell,html.dark-mode .student-profile-page .feedback-cell{color:#cbd5e1}.dark-mode .student-profile-page .feedback-content,.student-profile-page.dark-mode .feedback-content,[data-dark-mode=true] .student-profile-page .feedback-content,[data-theme=dark] .student-profile-page .feedback-content,body.dark-mode .student-profile-page .feedback-content,html.dark-mode .student-profile-page .feedback-content{background:#142d4fb8;border:1px solid #60a5fa42;border-left:4px solid #22d3ee;color:#dbeafe}.dark-mode .student-profile-page :is(.extra-time-input),.student-profile-page.dark-mode :is(.extra-time-input),[data-dark-mode=true] .student-profile-page :is(.extra-time-input),[data-theme=dark] .student-profile-page :is(.extra-time-input),body.dark-mode .student-profile-page :is(.extra-time-input),html.dark-mode .student-profile-page :is(.extra-time-input){background:#111827;border-color:var(--sp-dark-border);color:var(--sp-dark-text)}.dark-mode .student-profile-page .quiz-score.high,.dark-mode .student-profile-page .score-badge.full,.student-profile-page.dark-mode .quiz-score.high,.student-profile-page.dark-mode .score-badge.full,[data-dark-mode=true] .student-profile-page .quiz-score.high,[data-dark-mode=true] .student-profile-page .score-badge.full,[data-theme=dark] .student-profile-page .quiz-score.high,[data-theme=dark] .student-profile-page .score-badge.full,body.dark-mode .student-profile-page .quiz-score.high,body.dark-mode .student-profile-page .score-badge.full,html.dark-mode .student-profile-page .quiz-score.high,html.dark-mode .student-profile-page .score-badge.full{background:#22c55e2e;border:1px solid #22c55e52;color:#86efac}.dark-mode .student-profile-page .quiz-score.medium,.dark-mode .student-profile-page .score-badge.partial,.student-profile-page.dark-mode .quiz-score.medium,.student-profile-page.dark-mode .score-badge.partial,[data-dark-mode=true] .student-profile-page .quiz-score.medium,[data-dark-mode=true] .student-profile-page .score-badge.partial,[data-theme=dark] .student-profile-page .quiz-score.medium,[data-theme=dark] .student-profile-page .score-badge.partial,body.dark-mode .student-profile-page .quiz-score.medium,body.dark-mode .student-profile-page .score-badge.partial,html.dark-mode .student-profile-page .quiz-score.medium,html.dark-mode .student-profile-page .score-badge.partial{background:#f59e0b2e;border:1px solid #f59e0b57;color:#fcd34d}.dark-mode .student-profile-page .quiz-score.low,.dark-mode .student-profile-page .score-badge.zero,.student-profile-page.dark-mode .quiz-score.low,.student-profile-page.dark-mode .score-badge.zero,[data-dark-mode=true] .student-profile-page .quiz-score.low,[data-dark-mode=true] .student-profile-page .score-badge.zero,[data-theme=dark] .student-profile-page .quiz-score.low,[data-theme=dark] .student-profile-page .score-badge.zero,body.dark-mode .student-profile-page .quiz-score.low,body.dark-mode .student-profile-page .score-badge.zero,html.dark-mode .student-profile-page .quiz-score.low,html.dark-mode .student-profile-page .score-badge.zero{background:#ef44442e;border:1px solid #ef444457;color:#fca5a5}.dark-mode .student-profile-page .score-badge.pending,.student-profile-page.dark-mode .score-badge.pending,[data-dark-mode=true] .student-profile-page .score-badge.pending,[data-theme=dark] .student-profile-page .score-badge.pending,body.dark-mode .student-profile-page .score-badge.pending,html.dark-mode .student-profile-page .score-badge.pending{background:#94a3b824;border:1px solid #94a3b847;color:#cbd5e1}@media (max-width:768px){.student-profile-page .quiz-details{overflow-x:auto}.student-profile-page .submissions-table{min-width:760px}}:root{--ar-primary:#2774ae;--ar-primary-dark:#1a5a8f;--ar-primary-deeper:#002e5d;--ar-primary-bg:#eff6ff;--ar-primary-border:#bfdbfe;--ar-success:#16a34a;--ar-success-light:#dcfce7;--ar-success-border:#86efac;--ar-warning:#d97706;--ar-warning-light:#fffbeb;--ar-warning-border:#fcd34d;--ar-danger:#dc2626;--ar-danger-light:#fee2e2;--ar-grey-50:#f9fafb;--ar-grey-100:#f3f4f6;--ar-grey-200:#e5e7eb;--ar-grey-300:#d1d5db;--ar-grey-400:#9ca3af;--ar-grey-500:#6b7280;--ar-grey-700:#374151;--ar-grey-900:#111827;--ar-card-shadow:0 1px 3px #00000012,0 4px 14px #0000000d;--ar-radius-sm:6px;--ar-radius:10px;--ar-radius-lg:14px;--ar-transition:0.18s ease}.auto-report-container{color:#111827;color:var(--ar-grey-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1100px;min-height:100vh;padding:28px 24px 56px}.page-header{margin-bottom:28px}.page-header-content{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.page-header-text h1{align-items:center;color:#111827;color:var(--ar-grey-900);display:flex;font-size:27px;font-weight:700;gap:12px;letter-spacing:-.4px;margin:0 0 5px}.page-header-text h1 svg{color:#2774ae;color:var(--ar-primary);flex-shrink:0}.page-subtitle{color:#6b7280;color:var(--ar-grey-500);font-size:15px;font-weight:400;line-height:1.5;margin:0}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-container h1{color:#2c3e50;margin:0}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--ar-radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:7px;line-height:1.4;outline:none;padding:10px 20px;text-decoration:none;transition:all .18s ease;transition:all var(--ar-transition);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background-color:#2774ae;background-color:var(--ar-primary);color:#fff}.btn-primary:hover{background-color:#1a5a8f;background-color:var(--ar-primary-dark)}.btn-secondary{background-color:#f3f4f6;background-color:var(--ar-grey-100);border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);color:#374151;color:var(--ar-grey-700)}.btn-secondary:hover{background-color:#e5e7eb;background-color:var(--ar-grey-200);border-color:#d1d5db;border-color:var(--ar-grey-300)}.btn-generate{background-color:#16a34a;background-color:var(--ar-success);border-radius:6px;border-radius:var(--ar-radius-sm);color:#fff;font-size:15px;padding:12px 28px}.btn-generate:hover:not(:disabled){background-color:#15803d}.btn-generate.btn-loading,.btn-generate:disabled{background-color:#d1d5db;background-color:var(--ar-grey-300);color:#6b7280;color:var(--ar-grey-500);cursor:not-allowed;transform:none}.btn-back{background-color:#2774ae;background-color:var(--ar-primary);color:#fff;flex-shrink:0;font-size:14px;padding:9px 18px}.btn-back:hover{background-color:#002e5d;background-color:var(--ar-primary-deeper)}.btn-export{align-items:center;border:none;border-radius:6px;border-radius:var(--ar-radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .18s ease;transition:all var(--ar-transition)}.btn-export:active{transform:translateY(1px)}.btn-copy{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);border-radius:6px;border-radius:var(--ar-radius-sm);color:#374151;color:var(--ar-grey-700);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .18s ease;transition:all var(--ar-transition);white-space:nowrap}.btn-copy:hover{background:#f9fafb;background:var(--ar-grey-50);border-color:#d1d5db;border-color:var(--ar-grey-300)}.btn-copy-success{background:#dcfce7!important;background:var(--ar-success-light)!important;border-color:#86efac!important;border-color:var(--ar-success-border)!important;color:#16a34a!important;color:var(--ar-success)!important}.dashboard-button{background-color:#2774ae;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s}.dashboard-button:hover{background-color:#002e5d}.back-button,.copy-button,.download-button,.generate-button,.next-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s,transform .1s}.next-button{background-color:#2774ae;color:#fff}.next-button:hover{background-color:#002e5d}.back-button{background-color:#95a5a6;color:#fff;margin-right:10px}.back-button:hover{background-color:#7f8c8d}.generate-button{background-color:#2ecc71;color:#fff}.generate-button:hover{background-color:#27ae60}.generate-button:disabled{background-color:#95a5a6;cursor:not-allowed}.copy-button{background-color:#f39c12;color:#fff;font-size:14px;padding:8px 16px}.copy-button:hover{background-color:#e67e22}.progress-indicator{display:flex;justify-content:space-between;margin-bottom:28px;padding:0 4px;position:relative}.progress-bar-track{background:#e5e7eb;background:var(--ar-grey-200);border-radius:3px;height:3px;left:56px;position:absolute;right:56px;top:23px;z-index:1}.progress-bar-fill{background:linear-gradient(90deg,#2774ae,#5ba3d5);background:linear-gradient(90deg,var(--ar-primary),#5ba3d5);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-step{flex-direction:column;position:relative;width:25%;z-index:2}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background-color:#e5e7eb;background-color:var(--ar-grey-200);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;box-shadow:0 0 0 2px var(--ar-grey-200);color:#6b7280;color:var(--ar-grey-500);font-size:15px;font-weight:700;height:46px;justify-content:center;margin-bottom:9px;transition:all .3s ease;width:46px}.step-label{color:#9ca3af;color:var(--ar-grey-400);font-size:12px;font-weight:500;line-height:1.3;text-align:center}.progress-step.active .step-circle{background-color:#2774ae;background-color:var(--ar-primary);box-shadow:0 0 0 3px #2774ae38;color:#fff}.progress-step.completed .step-circle{background-color:#16a34a;background-color:var(--ar-success);box-shadow:0 0 0 3px #16a34a2e;color:#fff}.progress-step.active .step-label{color:#2774ae;color:var(--ar-primary);font-weight:700}.progress-step.completed .step-label{color:#16a34a;color:var(--ar-success);font-weight:600}.step-container{background-color:#fff;border:1px solid #f3f4f6;border:1px solid var(--ar-grey-100);border-radius:14px;border-radius:var(--ar-radius-lg);box-shadow:0 1px 3px #00000012,0 4px 14px #0000000d;box-shadow:var(--ar-card-shadow);margin-bottom:28px;padding:32px}.step-container>h2{border-bottom:1px solid #eee;color:#2c3e50;margin-bottom:25px;margin-top:0;padding-bottom:15px}.step-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ar-grey-100);gap:16px;padding-bottom:22px}.step-icon{align-items:center;border-radius:10px;border-radius:var(--ar-radius);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.step-icon-1{background:#eff6ff;color:#2774ae;color:var(--ar-primary)}.step-icon-2{background:#f0fdf4;color:#16a34a}.step-icon-3{background:#faf5ff;color:#7c3aed}.step-icon-4{background:#fff7ed;color:#ea580c}.step-header h2{border:none;color:#111827;color:var(--ar-grey-900);font-size:19px;font-weight:700;margin:0 0 4px;padding:0}.step-description{color:#6b7280;color:var(--ar-grey-500);font-size:14px;line-height:1.55;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#374151;color:var(--ar-grey-700);font-size:14px;margin-bottom:6px}.label-hint{color:#9ca3af;color:var(--ar-grey-400);font-size:13px;font-weight:400}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:auto;appearance:auto;background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);border-radius:6px;border-radius:var(--ar-radius-sm);box-sizing:border-box;color:#111827;color:var(--ar-grey-900);font-family:inherit;font-size:15px;padding:10px 13px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--ar-transition),box-shadow var(--ar-transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2774ae;border-color:var(--ar-primary);box-shadow:0 0 0 3px #2774ae1c;outline:none}.form-group textarea{line-height:1.55;min-height:90px;resize:vertical}.names-textarea{min-height:76px}.field-hint{color:#9ca3af;color:var(--ar-grey-400);font-size:12px;line-height:1.4;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.error-message{color:var(--ar-danger);font-size:13px;font-weight:500;gap:6px;margin-top:8px}.button-group,.error-message{align-items:center;display:flex}.button-group{gap:12px;justify-content:space-between;margin-top:28px}.button-group-right{justify-content:flex-end}.button-group-center{justify-content:center}.settings-card{background:#f9fafb;background:var(--ar-grey-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);border-radius:10px;border-radius:var(--ar-radius);margin-bottom:24px;overflow:hidden}.settings-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ar-grey-200);color:#374151;color:var(--ar-grey-700);display:flex;gap:10px;padding:14px 20px}.settings-card-header svg{flex-shrink:0}.settings-card-header h3{color:#111827;color:var(--ar-grey-900);font-size:14px;font-weight:700;margin:0}.settings-card-body{padding:20px}.settings-label{color:#374151;color:var(--ar-grey-700);display:block;font-size:14px;font-weight:600;margin-bottom:14px}.settings-hint{color:#6b7280;color:var(--ar-grey-500);display:block;font-size:13px;font-weight:400;line-height:1.45;margin-top:3px}.char-limit-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--ar-grey-200);border-radius:20px;color:#374151;color:var(--ar-grey-700);cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:8px 20px;transition:all .18s ease;transition:all var(--ar-transition)}.preset-btn:hover{background:#eff6ff;background:var(--ar-primary-bg);border-color:#2774ae;border-color:var(--ar-primary);color:#2774ae;color:var(--ar-primary)}.preset-btn-active{background:#2774ae!important;background:var(--ar-primary)!important;border-color:#2774ae!important;border-color:var(--ar-primary)!important;box-shadow:0 2px 8px #2774ae47;color:#fff!important}.preset-btn-active:hover{background:#1a5a8f!important;background:var(--ar-primary-dark)!important;border-color:#1a5a8f!important;border-color:var(--ar-primary-dark)!important}.char-limit-summary{align-items:center;background:#eff6ff;background:var(--ar-primary-bg);border:1px solid #bfdbfe;border:1px solid var(--ar-primary-border);border-radius:6px;border-radius:var(--ar-radius-sm);color:#1a5a8f;color:var(--ar-primary-dark);display:flex;font-size:14px;gap:8px;line-height:1.4;margin-top:8px;padding:11px 16px}.char-limit-summary svg{color:#2774ae;color:var(--ar-primary);flex-shrink:0}.generation-info-bar{align-items:center;background:#f9fafb;background:var(--ar-grey-50);border:1px solid #e5e7eb;border:1px solid var(--ar-grey-200);border-radius:6px;border-radius:var(--ar-radius-sm);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:12px 20px}.generation-info-item{display:flex;flex-direction:column;gap:1px;padding:0 20px}.generation-info-item:first-child{padding-left:0}.generation-info-divider{background:#e5e7eb;background:var(--ar-grey-200);flex-shrink:0;height:30px;width:1px}.info-label{color:#9ca3af;color:var(--ar-grey-400);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.info-value{color:#111827;color:var(--ar-grey-900);font-size:15px;font-weight:700}.student-name-edit{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--ar-grey-200);margin-top:28px;padding-top:22px}.student-name-edit h3{align-items:center;color:#374151;color:var(--ar-grey-700);display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 16px}.name-edit-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.name-edit-item{margin-bottom:0}.student-details-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:28px}.student-card{background-color:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);border-radius:10px;border-radius:var(--ar-radius);box-shadow:0 1px 4px #0000000a;padding:20px;transition:box-shadow .18s ease,border-color .18s ease;transition:box-shadow var(--ar-transition),border-color var(--ar-transition)}.student-card:hover{border-color:#d1d5db;border-color:var(--ar-grey-300);box-shadow:0 1px 3px #00000012,0 4px 14px #0000000d;box-shadow:var(--ar-card-shadow)}.student-card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ar-grey-100);display:flex;gap:12px;margin-bottom:16px;padding-bottom:13px}.student-avatar{align-items:center;background:linear-gradient(135deg,#2774ae,#5ba3d5);background:linear-gradient(135deg,var(--ar-primary),#5ba3d5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.student-card-header h3{border:none;color:#111827;color:var(--ar-grey-900);font-size:15px;font-weight:700;margin:0;padding:0}.student-card>h3{border-bottom:1px solid #eee;color:#2c3e50;font-size:16px;margin-bottom:16px;margin-top:0;padding-bottom:10px}.level-badge{background:#f3f4f6;background:var(--ar-grey-100);border-radius:10px;color:#6b7280;color:var(--ar-grey-500);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;margin-top:5px;padding:2px 9px;text-transform:uppercase}.generating-notice{animation:arFadeIn .3s ease;margin-top:16px}.generating-notice-inner{align-items:center;background:#eff6ff;background:var(--ar-primary-bg);border:1px solid #bfdbfe;border:1px solid var(--ar-primary-border);border-radius:6px;border-radius:var(--ar-radius-sm);color:#1a5a8f;color:var(--ar-primary-dark);display:flex;font-size:14px;gap:10px;line-height:1.45;padding:13px 18px}.spinner{animation:arSpin .72s linear infinite;border:2.5px solid #ffffff59;border-top-color:#fff;display:inline-block;flex-shrink:0;height:17px;vertical-align:middle;width:17px}.spinner-sm{border-color:#2774ae #2774ae40 #2774ae40;border-top-color:var(--ar-primary);height:15px;width:15px}@keyframes arSpin{to{transform:rotate(1turn)}}@keyframes arFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.reports-container{margin-bottom:24px}.report-card{background-color:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--ar-grey-200);border-radius:10px;border-radius:var(--ar-radius);box-shadow:0 1px 4px #0000000a;margin-bottom:18px;padding:24px;transition:box-shadow .18s ease;transition:box-shadow var(--ar-transition)}.report-card:hover{box-shadow:0 1px 3px #00000012,0 4px 14px #0000000d;box-shadow:var(--ar-card-shadow)}.report-card-warning{background:#fffbeb;background:var(--ar-warning-light);border-color:#fcd34d;border-color:var(--ar-warning-border)}.report-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ar-grey-100);display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:13px}.report-student-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.report-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:42px;justify-content:center;width:42px}.report-student-name{border:none!important;color:#111827!important;color:var(--ar-grey-900)!important;font-size:16px!important;font-weight:700!important;margin:0 0 4px!important;padding:0!important}.report-level-badge{background:#f3f4f6;background:var(--ar-grey-100);border-radius:10px;color:#6b7280;color:var(--ar-grey-500);display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.report-card>h3{color:#2c3e50;margin-bottom:15px;margin-top:0}.report-text{color:#374151;color:var(--ar-grey-700);font-size:15px;line-height:1.75;margin:0 0 16px;white-space:pre-line}.report-card-footer{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--ar-grey-100);display:flex;justify-content:flex-end;padding-top:10px}.char-count{align-items:center;color:#9ca3af;color:var(--ar-grey-400);display:flex;font-size:12px;font-weight:500;gap:5px}.char-count-warning{color:#d97706;color:var(--ar-warning)}.report-char-info{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.targets-note{color:#9ca3af;color:var(--ar-grey-400);font-size:11px;font-style:italic}.report-card>.copy-button{position:absolute;right:15px;top:15px}.empty-state{color:#9ca3af;color:var(--ar-grey-400);flex-direction:column;padding:64px 24px}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:#f3f4f6;background:var(--ar-grey-100);border-radius:50%;color:#d1d5db;color:var(--ar-grey-300);height:76px;margin-bottom:16px;width:76px}.empty-state p{color:#6b7280;color:var(--ar-grey-500);font-size:15px;line-height:1.55;margin:0;max-width:360px}.download-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 20px}.csv-button{background-color:#16a34a;color:#fff}.csv-button:hover{background-color:#15803d}.pdf-button{background-color:#dc2626;color:#fff}.pdf-button:hover{background-color:#b91c1c}@media (max-width:900px){.form-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.auto-report-container{padding:16px 16px 40px}.page-header-text h1{font-size:22px}.step-container{padding:20px}.step-header{flex-direction:column;gap:10px}.progress-indicator{flex-wrap:wrap;gap:12px}.progress-step{margin-bottom:8px;width:50%}.progress-bar-track{display:none}.form-row,.student-details-container{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.btn-back{width:auto}.download-options{align-items:center;flex-direction:column}.btn-export{justify-content:center;max-width:320px;width:100%}.generation-info-bar{flex-wrap:wrap;gap:12px;padding:12px 14px}.generation-info-divider{display:none}.generation-info-item{align-items:center;flex-direction:row;gap:6px;padding:0}.info-label:after{content:":"}.report-card-header{flex-direction:column;gap:12px}.btn-copy{align-self:flex-start}.char-limit-presets{gap:6px}.preset-btn{font-size:13px;padding:7px 14px}}@media (max-width:480px){.progress-step{align-items:center;flex-direction:row;gap:10px;width:100%}.step-circle{flex-shrink:0;font-size:13px;height:36px;margin-bottom:0;width:36px}.step-label{font-size:13px;text-align:left}.page-header-content{align-items:flex-start;flex-direction:column;gap:12px}.btn-back{width:auto}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.auto-report-container{--ar-page:#f8fafc;--ar-page-2:#eef5fb;--ar-surface:#fff;--ar-surface-soft:#f8fafc;--ar-surface-muted:#f1f5f9;--ar-border-soft:#94a3b847;--ar-border-strong:#94a3b861;--ar-heading:#0f172a;--ar-text:#334155;--ar-muted:#64748b;--ar-placeholder:#94a3b8;--ar-accent:#14b8a6;--ar-accent-blue:#0ea5e9;--ar-shadow-premium:0 18px 45px #0f172a17;--ar-shadow-soft:0 10px 26px #0f172a12;--ar-shadow-hover:0 22px 52px #0f172a21,0 0 22px #14b8a614;background:radial-gradient(circle at top left,#14b8a61f,#0000 30rem),radial-gradient(circle at top right,#0ea5e91a,#0000 28rem),linear-gradient(180deg,var(--ar-page) 0,var(--ar-page-2) 100%);color:var(--ar-text);max-width:none;padding:32px 24px 56px}.auto-report-container>*{margin-left:auto;margin-right:auto;max-width:1120px}.auto-report-container .page-header{background:linear-gradient(135deg,#024161f5,#077a9ff5);border:1px solid #ffffff38;border-radius:18px;box-shadow:0 20px 48px #0f172a29;margin-bottom:28px;padding:24px 26px}.auto-report-container .page-header-text h1{color:#fff;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:0}.auto-report-container .page-header-text h1 svg,.auto-report-container .page-subtitle{color:#ffffffdb}.auto-report-container .btn-back{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;box-shadow:none;color:#fff}.auto-report-container .btn-back:hover{background:#ffffff47;box-shadow:0 8px 20px #0f172a29;transform:translateY(-1px)}.auto-report-container .empty-state,.auto-report-container .generating-notice-inner,.auto-report-container .generation-info-bar,.auto-report-container .progress-indicator,.auto-report-container .report-card,.auto-report-container .settings-card,.auto-report-container .step-container,.auto-report-container .student-card{background:linear-gradient(180deg,#fffffffc,#f8fafcfa);border:1px solid var(--ar-border-soft);box-shadow:var(--ar-shadow-premium)}.auto-report-container .progress-indicator{border-radius:16px;padding:18px 20px 14px}.auto-report-container .step-container{border-radius:18px;padding:34px}.auto-report-container .report-card:hover,.auto-report-container .step-container:hover,.auto-report-container .student-card:hover{border-color:#14b8a657;box-shadow:var(--ar-shadow-hover)}.auto-report-container .report-card-footer,.auto-report-container .report-card-header,.auto-report-container .step-header,.auto-report-container .student-card-header,.auto-report-container .student-name-edit{border-color:#94a3b838}.auto-report-container .info-value,.auto-report-container .report-student-name,.auto-report-container .settings-card-header h3,.auto-report-container .step-header h2,.auto-report-container .student-card-header h3,.auto-report-container .student-card>h3,.auto-report-container .student-name-edit h3{color:var(--ar-heading)!important}.auto-report-container .char-count,.auto-report-container .empty-state p,.auto-report-container .field-hint,.auto-report-container .info-label,.auto-report-container .label-hint,.auto-report-container .settings-hint,.auto-report-container .step-description,.auto-report-container .targets-note{color:var(--ar-muted)}.auto-report-container .form-group label,.auto-report-container .settings-label{color:#1e293b}.auto-report-container .form-group input,.auto-report-container .form-group select,.auto-report-container .form-group textarea{background:var(--ar-surface);border:1px solid #94a3b859;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;color:var(--ar-heading)}.auto-report-container .form-group input::placeholder,.auto-report-container .form-group textarea::placeholder{color:var(--ar-placeholder)}.auto-report-container .form-group input:hover,.auto-report-container .form-group select:hover,.auto-report-container .form-group textarea:hover{border-color:var(--ar-border-strong)}.auto-report-container .btn-copy:focus-visible,.auto-report-container .btn:focus-visible,.auto-report-container .form-group input:focus,.auto-report-container .form-group select:focus,.auto-report-container .form-group textarea:focus,.auto-report-container .preset-btn:focus-visible{border-color:#14b8a6b3;box-shadow:0 0 0 4px #14b8a624;outline:none}.auto-report-container .btn-generate,.auto-report-container .btn-primary,.auto-report-container .preset-btn-active{background:linear-gradient(135deg,var(--ar-accent),var(--ar-accent-blue))!important;border:0;box-shadow:0 14px 28px #0ea5e93d;color:#fff!important}.auto-report-container .btn-generate:hover:not(:disabled),.auto-report-container .btn-primary:hover,.auto-report-container .preset-btn-active:hover{box-shadow:0 18px 36px #0ea5e94d;filter:brightness(1.03);transform:translateY(-1px)}.auto-report-container .btn-copy,.auto-report-container .btn-secondary,.auto-report-container .preset-btn{background:var(--ar-surface);border:1px solid var(--ar-border-soft);border-radius:999px;box-shadow:0 8px 18px #0f172a0f;color:var(--ar-text)}.auto-report-container .btn-copy:hover,.auto-report-container .btn-secondary:hover,.auto-report-container .preset-btn:hover{background:#ecfeff;border-color:#14b8a661;color:#0f766e}.auto-report-container .btn-loading,.auto-report-container .btn:disabled{box-shadow:none;filter:grayscale(.18);opacity:.72}.auto-report-container .char-limit-summary,.auto-report-container .generating-notice-inner,.auto-report-container .generation-info-bar,.auto-report-container .settings-card{background:var(--ar-surface-soft);border-color:var(--ar-border-soft);color:var(--ar-text)}.auto-report-container .settings-card-header{background:var(--ar-surface);border-color:var(--ar-border-soft);color:var(--ar-accent)}.auto-report-container .char-limit-summary,.auto-report-container .empty-state-icon,.auto-report-container .level-badge,.auto-report-container .report-level-badge,.auto-report-container .step-icon{background:#14b8a61a;border:1px solid #14b8a633;color:#0f766e}.auto-report-container .progress-bar-fill,.auto-report-container .progress-step.active .step-circle,.auto-report-container .progress-step.completed .step-circle,.auto-report-container .report-avatar,.auto-report-container .student-avatar{background:linear-gradient(135deg,var(--ar-accent),var(--ar-accent-blue))}.auto-report-container .step-circle{background:var(--ar-surface-muted);border-color:var(--ar-surface);box-shadow:0 0 0 2px var(--ar-border-soft)}.auto-report-container .progress-bar-track{background:#94a3b838}.auto-report-container .report-text{background:var(--ar-surface-soft);border:1px solid #94a3b838;border-radius:14px;color:var(--ar-text);padding:18px}.auto-report-container .report-card-warning{background:#fffbeb;border-color:#f59e0b73}.auto-report-container .error-message{background:#ef444414;border:1px solid #ef44442e;border-radius:10px;color:#b91c1c;padding:8px 11px;width:-webkit-fit-content;width:fit-content}.auto-report-container .csv-button{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 24px #22c55e38}.auto-report-container .pdf-button{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 12px 24px #ef444433}.dark-mode .auto-report-container,[data-dark-mode=true] .auto-report-container,body.dark-mode .auto-report-container{--ar-page:#0f172a;--ar-page-2:#111827;--ar-surface:#172033;--ar-surface-soft:#111827;--ar-surface-muted:#1f2937;--ar-border-soft:#94a3b838;--ar-border-strong:#94a3b857;--ar-heading:#f8fafc;--ar-text:#e5e7eb;--ar-muted:#94a3b8;--ar-placeholder:#64748b;--ar-shadow-premium:0 22px 48px #00000057;--ar-shadow-soft:0 14px 30px #0000003d;--ar-shadow-hover:0 24px 56px #0000006b,0 0 24px #14b8a61f;background:radial-gradient(circle at top left,#14b8a61c,#0000 30rem),radial-gradient(circle at top right,#0ea5e91a,#0000 28rem),linear-gradient(180deg,#0f172a,#111827 58%,#0f172a);color:var(--ar-text)}.dark-mode .auto-report-container .page-header,[data-dark-mode=true] .auto-report-container .page-header,body.dark-mode .auto-report-container .page-header{background:linear-gradient(135deg,#0f172a,#164e63);border-color:#94a3b838;box-shadow:0 20px 48px #00000057}.dark-mode .auto-report-container .empty-state,.dark-mode .auto-report-container .generating-notice-inner,.dark-mode .auto-report-container .generation-info-bar,.dark-mode .auto-report-container .progress-indicator,.dark-mode .auto-report-container .report-card,.dark-mode .auto-report-container .settings-card,.dark-mode .auto-report-container .step-container,.dark-mode .auto-report-container .student-card,[data-dark-mode=true] .auto-report-container .empty-state,[data-dark-mode=true] .auto-report-container .generating-notice-inner,[data-dark-mode=true] .auto-report-container .generation-info-bar,[data-dark-mode=true] .auto-report-container .progress-indicator,[data-dark-mode=true] .auto-report-container .report-card,[data-dark-mode=true] .auto-report-container .settings-card,[data-dark-mode=true] .auto-report-container .step-container,[data-dark-mode=true] .auto-report-container .student-card,body.dark-mode .auto-report-container .empty-state,body.dark-mode .auto-report-container .generating-notice-inner,body.dark-mode .auto-report-container .generation-info-bar,body.dark-mode .auto-report-container .progress-indicator,body.dark-mode .auto-report-container .report-card,body.dark-mode .auto-report-container .settings-card,body.dark-mode .auto-report-container .step-container,body.dark-mode .auto-report-container .student-card{background:linear-gradient(180deg,#172033fa,#111827fa);border-color:var(--ar-border-soft);box-shadow:var(--ar-shadow-premium)}.dark-mode .auto-report-container .info-value,.dark-mode .auto-report-container .report-student-name,.dark-mode .auto-report-container .settings-card-header h3,.dark-mode .auto-report-container .step-header h2,.dark-mode .auto-report-container .student-card-header h3,.dark-mode .auto-report-container .student-card>h3,.dark-mode .auto-report-container .student-name-edit h3,[data-dark-mode=true] .auto-report-container .info-value,[data-dark-mode=true] .auto-report-container .report-student-name,[data-dark-mode=true] .auto-report-container .settings-card-header h3,[data-dark-mode=true] .auto-report-container .step-header h2,[data-dark-mode=true] .auto-report-container .student-card-header h3,[data-dark-mode=true] .auto-report-container .student-card>h3,[data-dark-mode=true] .auto-report-container .student-name-edit h3,body.dark-mode .auto-report-container .info-value,body.dark-mode .auto-report-container .report-student-name,body.dark-mode .auto-report-container .settings-card-header h3,body.dark-mode .auto-report-container .step-header h2,body.dark-mode .auto-report-container .student-card-header h3,body.dark-mode .auto-report-container .student-card>h3,body.dark-mode .auto-report-container .student-name-edit h3{color:var(--ar-heading)!important}.dark-mode .auto-report-container .form-group label,.dark-mode .auto-report-container .settings-label,[data-dark-mode=true] .auto-report-container .form-group label,[data-dark-mode=true] .auto-report-container .settings-label,body.dark-mode .auto-report-container .form-group label,body.dark-mode .auto-report-container .settings-label{color:#e5e7eb}.dark-mode .auto-report-container .form-group input,.dark-mode .auto-report-container .form-group select,.dark-mode .auto-report-container .form-group textarea,[data-dark-mode=true] .auto-report-container .form-group input,[data-dark-mode=true] .auto-report-container .form-group select,[data-dark-mode=true] .auto-report-container .form-group textarea,body.dark-mode .auto-report-container .form-group input,body.dark-mode .auto-report-container .form-group select,body.dark-mode .auto-report-container .form-group textarea{background:#0f172ab8;border-color:#94a3b847;color:var(--ar-heading)}.dark-mode .auto-report-container .form-group select option,[data-dark-mode=true] .auto-report-container .form-group select option,body.dark-mode .auto-report-container .form-group select option{background:#111827;color:#f8fafc}.dark-mode .auto-report-container .char-limit-summary,.dark-mode .auto-report-container .report-text,.dark-mode .auto-report-container .settings-card-header,[data-dark-mode=true] .auto-report-container .char-limit-summary,[data-dark-mode=true] .auto-report-container .report-text,[data-dark-mode=true] .auto-report-container .settings-card-header,body.dark-mode .auto-report-container .char-limit-summary,body.dark-mode .auto-report-container .report-text,body.dark-mode .auto-report-container .settings-card-header{background:#0f172a99;border-color:#94a3b838;color:var(--ar-text)}.dark-mode .auto-report-container .btn-copy,.dark-mode .auto-report-container .btn-secondary,.dark-mode .auto-report-container .preset-btn,[data-dark-mode=true] .auto-report-container .btn-copy,[data-dark-mode=true] .auto-report-container .btn-secondary,[data-dark-mode=true] .auto-report-container .preset-btn,body.dark-mode .auto-report-container .btn-copy,body.dark-mode .auto-report-container .btn-secondary,body.dark-mode .auto-report-container .preset-btn{background:#111827;border-color:#94a3b84d;box-shadow:none;color:#e5e7eb}.dark-mode .auto-report-container .btn-copy:hover,.dark-mode .auto-report-container .btn-secondary:hover,.dark-mode .auto-report-container .preset-btn:hover,[data-dark-mode=true] .auto-report-container .btn-copy:hover,[data-dark-mode=true] .auto-report-container .btn-secondary:hover,[data-dark-mode=true] .auto-report-container .preset-btn:hover,body.dark-mode .auto-report-container .btn-copy:hover,body.dark-mode .auto-report-container .btn-secondary:hover,body.dark-mode .auto-report-container .preset-btn:hover{background:#1f2937;border-color:#14b8a66b;color:#ccfbf1}.dark-mode .auto-report-container .empty-state-icon,.dark-mode .auto-report-container .level-badge,.dark-mode .auto-report-container .report-level-badge,.dark-mode .auto-report-container .step-circle,[data-dark-mode=true] .auto-report-container .empty-state-icon,[data-dark-mode=true] .auto-report-container .level-badge,[data-dark-mode=true] .auto-report-container .report-level-badge,[data-dark-mode=true] .auto-report-container .step-circle,body.dark-mode .auto-report-container .empty-state-icon,body.dark-mode .auto-report-container .level-badge,body.dark-mode .auto-report-container .report-level-badge,body.dark-mode .auto-report-container .step-circle{background:#14b8a61f;border-color:#14b8a63d;color:#99f6e4}.dark-mode .auto-report-container .report-card-warning,[data-dark-mode=true] .auto-report-container .report-card-warning,body.dark-mode .auto-report-container .report-card-warning{background:#78350f3d;border-color:#f59e0b66}.dark-mode .auto-report-container .error-message,[data-dark-mode=true] .auto-report-container .error-message,body.dark-mode .auto-report-container .error-message{background:#7f1d1d38;border-color:#f8717159;color:#fecaca}.dark-mode .auto-report-container .spinner-sm,[data-dark-mode=true] .auto-report-container .spinner-sm,body.dark-mode .auto-report-container .spinner-sm{border-color:#14b8a638;border-top-color:var(--ar-accent)}@media (max-width:768px){.auto-report-container{padding:18px 14px 40px}.auto-report-container .page-header{border-radius:14px;padding:20px}.auto-report-container .step-container{padding:22px}.auto-report-container .progress-indicator{padding:16px}}.auto-report-container.question-manager-container{margin:0 auto;max-width:100%;padding:30px}.auto-report-container.question-manager-container>.cq-navbar{margin:-30px -30px 25px;max-width:none!important;width:auto}.auto-report-container .cq-navbar-title{align-items:center;display:flex;gap:.6rem}.auto-report-navbar-icon{color:currentColor;flex-shrink:0}.auto-report-container .auto-report-intro{color:var(--ar-muted);font-size:.95rem;line-height:1.5;margin:-6px auto 24px}.dark-mode .auto-report-container .auto-report-intro,[data-dark-mode=true] .auto-report-container .auto-report-intro,body.dark-mode .auto-report-container .auto-report-intro{color:#94a3b8}.auto-report-container .progress-indicator{grid-gap:0;align-items:start;box-sizing:border-box;display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 26px;max-width:820px;overflow:hidden;padding:18px 22px 14px;width:100%}.auto-report-container .progress-step{min-width:0;width:auto}.auto-report-container .progress-bar-track{left:92px;right:92px;top:40px}.auto-report-container .step-circle{margin-bottom:8px}.auto-report-container .step-label{overflow-wrap:anywhere;padding:0 4px;width:100%}@media (max-width:768px){.auto-report-container.question-manager-container{padding:18px 14px 40px}.auto-report-container.question-manager-container>.cq-navbar{margin:-18px -14px 20px}.auto-report-container .auto-report-intro{margin-bottom:18px;margin-top:-2px}.auto-report-container .progress-indicator{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;padding:16px;row-gap:14px}.auto-report-container .progress-step{margin-bottom:0;width:auto}.auto-report-container .progress-bar-track{display:none}}:root{--primary-color:#1f6f9f;--secondary-color:#19a7b8;--success-color:#15803d;--warning-color:#c27803;--danger-color:#dc2626;--light-bg:#f6f9fb;--card-bg:#fff;--border-color:#d9e4ea;--text-color:#172a3a;--text-light:#64748b;--divider-color:#e8eef3;--focus-ring:#19a7b82e;--soft-shadow:0 18px 50px #1f35471a;--small-shadow:0 8px 22px #1f354714}.paper-submission-container,.paper-submission-container *{box-sizing:border-box}body.paper-submission-open{background:radial-gradient(circle at top left,#19a7b81f,#0000 34rem),linear-gradient(180deg,#f6fbfc,#eef5f8 46%,#f8fafc);background-attachment:fixed}.paper-submission-container{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1080px;min-height:100vh;padding:36px 24px 56px}.paper-submission-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:22px}.paper-submission-title{min-width:0}.paper-submission-kicker{align-items:center;color:#1f6f9f;color:var(--primary-color);display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.paper-submission-header h1{color:#172a3a;color:var(--text-color);font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:0;line-height:1.08;margin:0 0 8px}.paper-submission-header p{color:#64748b;color:var(--text-light);font-size:16px;line-height:1.5;margin:0;max-width:620px}.back-button{background-color:#ffffffc2;border:1px solid #94a3b861;border-radius:8px;box-shadow:none;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.back-button:hover{background-color:#fff;border-color:#1f6f9f59;box-shadow:0 8px 22px #1f354714;box-shadow:var(--small-shadow);color:#1f6f9f;color:var(--primary-color)}.back-button:active{transform:translateY(0)}.divider{border:none;border-top:1px solid #94a3b83d;margin:0 0 22px}.paper-submission-main{display:flex;flex-direction:column;gap:24px}.step-indicator{align-items:stretch;background:#ffffffb8;border:1px solid #d9e4eae6;border-radius:12px;box-shadow:0 10px 28px #1f35470f;margin-bottom:8px;padding:8px}.step-dot,.step-indicator{display:flex;gap:8px;justify-content:center}.step-dot{align-items:center;background-color:initial;border:1px solid #0000;border-radius:8px;box-shadow:none;color:#64748b;color:var(--text-light);cursor:default;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;min-height:54px;min-width:0;padding:8px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-dot:not(:disabled){cursor:pointer}.step-dot:disabled{opacity:1}.action-button:focus-visible,.back-button:focus-visible,.choose-button:focus-visible,.icon-button:focus-visible,.phone-upload-button:focus-visible,.primary-button:focus-visible,.remove-button:focus-visible,.remove-chip:focus-visible,.secondary-button:focus-visible,.sort-button:focus-visible,.step-dot:focus-visible{outline:3px solid #19a7b82e;outline:3px solid var(--focus-ring);outline-offset:2px}.step-dot.completed{color:#1f6f9f;color:var(--primary-color)}.step-dot.current{background:#fff;border-color:#19a7b86b;box-shadow:0 8px 20px #19a7b81f;color:#172a3a;color:var(--text-color)}.step-number{align-items:center;background:#edf4f7;border-radius:50%;color:#64748b;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:26px;justify-content:center;width:26px}.step-dot.completed .step-number{background:#dff8f2;color:#047857}.step-dot.current .step-number{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-step{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--card-bg);border:1px solid #d9e4eaf2;border-radius:14px;box-shadow:0 18px 50px #1f35471a;box-shadow:var(--soft-shadow);padding:clamp(24px,4vw,36px)}.assessment-route--existing,.batch-step{--route-accent:#0f8aa5;--route-accent-soft:#eefbfc;--route-accent-border:#bdebf1;--route-accent-text:#0d6477;--route-shadow-rgb:15,138,165}.assessment-route--scanned{--route-accent:#b7791f;--route-accent-soft:#fff8eb;--route-accent-border:#f3d7a1;--route-accent-text:#7a4b12;--route-shadow-rgb:183,121,31}.assessment-route--single{--route-accent:#7c5cc4;--route-accent-soft:#f6f2ff;--route-accent-border:#d8c9ff;--route-accent-text:#5a3fa0;--route-shadow-rgb:124,92,196}.step-header{border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);display:flex;flex-direction:column;margin-bottom:28px;padding-bottom:18px}.step-header h2{color:#172a3a;color:var(--text-color);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:0;margin:0 0 8px}.step-header p{color:#64748b;color:var(--text-light);font-size:16px;line-height:1.5;margin:0}.form-group{margin-bottom:22px}.form-group label{color:#172a3a;color:var(--text-color);display:block;font-size:15px;font-weight:600;margin-bottom:10px}.form-group input[type=number],.form-group input[type=text]{background-color:#fbfdfe;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;color:#172a3a;color:var(--text-color);font-size:15px;padding:12px 14px;transition:all .3s ease;width:100%}.form-group input[type=number]:hover,.form-group input[type=text]:hover{border-color:#cbd5e0}.form-group input[type=number]:focus,.form-group input[type=text]:focus{background-color:#fff;border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 0 0 4px #19a7b82e;box-shadow:0 0 0 4px var(--focus-ring);outline:none}.custom-react-select .react-select__control{background-color:#fbfdfe;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;box-shadow:none;cursor:pointer;min-height:48px;transition:all .3s ease}.custom-react-select .react-select__control:hover{border-color:#cbd5e0}.custom-react-select .react-select__control--is-focused{background-color:#fff;border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 0 0 4px #19a7b82e;box-shadow:0 0 0 4px var(--focus-ring)}.custom-react-select .react-select__control--is-disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.custom-react-select .react-select__value-container{padding:8px 16px}.custom-react-select .react-select__placeholder{color:#64748b;color:var(--text-light);font-size:15px}.custom-react-select .react-select__single-value{color:#172a3a;color:var(--text-color);font-size:15px}.custom-react-select .react-select__menu{border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 16px 36px #0f172a29;margin-top:8px;z-index:10000}.custom-react-select .react-select__option{cursor:pointer;font-size:15px;padding:12px 16px;transition:all .2s ease}.custom-react-select .react-select__option--is-focused{background-color:#f0f7ff;color:#172a3a;color:var(--text-color)}.custom-react-select .react-select__option--is-selected{background:#1f6f9f;background:var(--primary-color);color:#fff}.manual-entry-row{align-items:flex-end;display:flex;gap:12px}.manual-entry-row input{background-color:#f9fafc;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-size:15px;padding:12px 16px;transition:all .3s ease}.manual-entry-row input:focus{background-color:#fff;border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 0 0 4px #19a7b82e;box-shadow:0 0 0 4px var(--focus-ring);outline:none}.student-list-section{background-color:#f8fbfc;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;margin-top:28px;padding:22px}.student-list-section h3{align-items:center;color:#172a3a;color:var(--text-color);display:flex;font-size:18px;font-weight:700;gap:12px;margin:0 0 20px}.limit-warning{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:20px;color:#9a3412;display:inline-block;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px}.empty-state{color:#64748b;color:var(--text-light);font-size:15px;margin:0;padding:30px 20px;text-align:center}.empty-panel,.form-alert,.select-empty-state,.teacher-note{border-radius:10px;line-height:1.5}.teacher-note{align-items:flex-start;background:#eff8fb;border:1px solid #c9edf3;color:#075985;display:flex;font-size:14px;gap:10px;margin-bottom:22px;padding:12px 14px}.teacher-note-icon{align-items:center;background:#d9f4f8;border-radius:50%;color:#1f6f9f;color:var(--primary-color);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;height:20px;justify-content:center;width:20px}.empty-panel{background:#f7fbff;border:1px solid #dbeafe;margin-bottom:28px;padding:28px;text-align:center}.empty-panel h3{color:#1f6f9f;color:var(--primary-color);font-size:18px;margin:0 0 8px}.empty-panel p{color:#64748b;margin:0 0 6px}.empty-panel .empty-panel-muted{color:#8796a8;font-size:14px;margin-bottom:0}.select-empty-state{background-color:#f8fafc;border:1px solid #d9e4ea;border:1px solid var(--border-color);color:#64748b;color:var(--text-light);padding:16px;text-align:center}.form-alert{font-size:14px;margin-top:12px;padding:12px 14px}.form-alert.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.student-chips{display:flex;flex-wrap:wrap;gap:10px}.student-chip{align-items:center;animation:chipIn .3s cubic-bezier(.4,0,.2,1);background:#eef9fb;border:1px solid #bde7ef;border-radius:24px;box-shadow:none;color:#1f6f9f;color:var(--primary-color);display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.remove-chip{align-items:center;background:#1f6f9f1a;border:none;border-radius:50%;color:#1f6f9f;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-chip:hover{background:#1f6f9f2e;transform:scale(1.1)}.selection-summary{background-color:#eff8fb;border:1px solid #c9edf3;border-left:4px solid #19a7b8;border-left:4px solid var(--secondary-color);border-radius:10px;margin:20px 0;padding:14px 16px}.selection-summary p{color:#172a3a;color:var(--text-color);font-size:15px;margin:0}.upload-card{background-color:#f8fbfc;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:24px}.assessment-route--existing .upload-card,.assessment-route--scanned .upload-card,.assessment-route--single .upload-card{background:linear-gradient(180deg,var(--route-accent-soft) 0,#fff 82%);border-color:var(--route-accent-border);box-shadow:0 12px 28px rgba(var(--route-shadow-rgb),.08)}.upload-card-header{align-items:center;border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.upload-card-header h3{color:#172a3a;color:var(--text-color);font-size:22px;font-weight:700;margin:0}.page-count{align-items:center;color:#64748b;color:var(--text-light);display:flex;font-size:14px;font-weight:600;gap:8px}.page-count .warning{background-color:#fff8e1;border-radius:4px;color:#c27803;color:var(--warning-color);font-size:13px;padding:4px 8px}.upload-zone{margin-bottom:25px;position:relative}.file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.upload-label{align-items:center;background-color:#fff;border:1.5px dashed #bfd3dd;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:42px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-input:disabled+.upload-label{background-color:#f0f4f8;cursor:not-allowed;opacity:.6}.upload-label:hover:not(.disabled){background-color:#f0f7ff;border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 10px 24px #19a7b81f}.assessment-route--existing .upload-label,.assessment-route--scanned .upload-label,.assessment-route--single .upload-label{border-color:var(--route-accent-border)}.assessment-route--existing .upload-label:hover:not(.disabled),.assessment-route--scanned .upload-label:hover:not(.disabled),.assessment-route--single .upload-label:hover:not(.disabled){background-color:var(--route-accent-soft);border-color:var(--route-accent);box-shadow:0 10px 24px rgba(var(--route-shadow-rgb),.12)}.upload-icon{font-size:44px;margin-bottom:15px}.upload-text{color:#64748b;color:var(--text-light);font-size:16px;font-weight:500;margin-bottom:20px;text-align:center}.choose-button{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 8px 18px #1f6f9f33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease}.choose-button:hover{box-shadow:0 6px 16px #2980b966;transform:translateY(-2px)}.choose-button:active{transform:translateY(0)}.images-list{border-top:1px solid #e8eef3;border-top:1px solid var(--divider-color);margin-top:25px;padding-top:25px}.images-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.images-list-header h4{flex:1 1;margin:0}.images-list h4,.images-list-header h4{color:#172a3a;color:var(--text-color);font-size:16px;font-weight:700}.images-list h4{margin:0 0 15px}.sort-button{background-color:#fff;border:1px solid #1f6f9f52;border-radius:6px;color:#1f6f9f;color:var(--primary-color);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.sort-button:hover{background-color:#1f6f9f;background-color:var(--primary-color);box-shadow:0 2px 8px #2980b933;color:#fff;transform:translateY(-1px)}.sort-button:active{transform:translateY(0)}.image-item{align-items:center;background-color:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s ease}.image-item:hover{border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 2px 8px #00000014}.image-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.page-number{color:#1f6f9f;color:var(--primary-color);font-size:14px;font-weight:700}.image-name{color:#64748b;color:var(--text-light);font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-actions{display:flex;gap:8px;margin-left:15px}.icon-button{background-color:#f0f4f8;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:6px;color:#172a3a;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:700;min-width:34px;padding:8px 10px;transition:all .2s ease}.icon-button:hover{background-color:#19a7b8;background-color:var(--secondary-color);border-color:#19a7b8;border-color:var(--secondary-color);color:#fff}.remove-button{background-color:#dc2626;background-color:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.remove-button:hover{background-color:#c0392b;box-shadow:0 2px 6px #e74c3c4d;transform:translateY(-1px)}.student-progress-bar{margin-bottom:25px}.student-progress-bar p{color:#172a3a;color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 10px}.progress-fill{background:linear-gradient(90deg,#1f6f9f,#19a7b8);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:3px;height:6px;transition:width .3s ease}.summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:28px}.summary-card{background:#fbfdfe;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;min-width:0;overflow:hidden;padding:18px;text-align:left;transition:all .3s ease}.summary-card:hover{border-color:#19a7b873;box-shadow:0 8px 22px #1f354714;box-shadow:var(--small-shadow)}.assessment-route--existing .summary-card,.assessment-route--scanned .summary-card,.assessment-route--single .summary-card{border-color:var(--route-accent-border)}.assessment-route--existing .summary-card:hover,.assessment-route--scanned .summary-card:hover,.assessment-route--single .summary-card:hover{border-color:var(--route-accent);box-shadow:0 10px 24px rgba(var(--route-shadow-rgb),.1)}.summary-icon{color:#19a7b8;color:var(--secondary-color);margin-bottom:10px}.assessment-route--existing .summary-icon,.assessment-route--scanned .summary-icon,.assessment-route--single .summary-icon{color:var(--route-accent)}.summary-label{color:#64748b;color:var(--text-light);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#1f6f9f;color:var(--primary-color);font-size:clamp(17px,2vw,24px);font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:100%;overflow-wrap:break-word;word-break:break-word}.assessment-route--existing .summary-card:first-child .summary-value,.assessment-route--scanned .summary-card:first-child .summary-value,.assessment-route--single .summary-card:first-child .summary-value{color:var(--route-accent-text)}.summary-value.compact{color:#172a3a;color:var(--text-color);font-size:14px;font-weight:600;line-height:1.45}.credit-breakdown-section{background-color:#f8fbfc;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:22px}.credit-breakdown-section h3{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 20px}.credit-breakdown{background-color:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:10px;margin-bottom:15px;padding:16px 18px}.credit-row{align-items:center;border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);color:#172a3a;color:var(--text-color);display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.credit-row:last-child{border-bottom:none}.credit-row.total{color:#1f6f9f;color:var(--primary-color);font-size:16px;font-weight:700;padding-bottom:0;padding-top:15px}.credit-cost{background-color:#e8f7fb;border-radius:20px;color:#075985;font-size:14px;font-weight:600;padding:4px 12px}.credit-cost-total{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;box-shadow:0 8px 18px #1f6f9f2e;color:#fff;font-size:15px;font-weight:700;padding:6px 16px}.credit-note{background-color:#f0f7ff;border-left:4px solid #19a7b8;border-left:4px solid var(--secondary-color);border-radius:8px;color:#64748b;color:var(--text-light);font-size:14px;margin:0;padding:12px}.marking-mode-options{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.marking-mode-card{background:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:230px;padding:18px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease}.marking-mode-card.selected,.marking-mode-card:hover{border-color:#19a7b8ad;box-shadow:0 14px 30px #19a7b821;transform:translateY(-1px)}.marking-mode-card.selected{background:linear-gradient(180deg,#f7fdfe,#fff)}.marking-mode-card.disabled{background:#f8fafc;cursor:not-allowed;opacity:.62}.marking-mode-card.disabled:hover{border-color:#d9e4ea;border-color:var(--border-color);box-shadow:none;transform:none}.marking-mode-card.disabled .marking-mode-state{color:#9a3412}.marking-mode-card input{accent-color:#1f6f9f;accent-color:var(--primary-color);position:absolute;right:16px;top:18px}.marking-mode-card-top{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-right:30px}.marking-mode-icon{align-items:center;background:#eef9fb;border:1px solid #c9edf3;border-radius:10px;color:#1f6f9f;color:var(--primary-color);display:inline-flex;height:40px;justify-content:center;width:40px}.marking-mode-state{color:#64748b;color:var(--text-light);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marking-mode-card.selected .marking-mode-state{color:#1f6f9f;color:var(--primary-color)}.marking-mode-title{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:800}.marking-mode-copy{color:#64748b;color:var(--text-light);flex:1 1;font-size:14px;line-height:1.5}.upload-method-intro{color:#64748b;color:var(--text-light);line-height:1.45;margin:0 0 24px}.upload-method-options{align-items:stretch;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;margin-top:4px}.upload-method-card{background:#fff;border-color:#d9e4ea;border-color:var(--route-accent-border,var(--border-color));border-width:1px;gap:10px;height:100%;justify-content:flex-start;min-height:158px;padding:16px;transform:none}.upload-method-card.selected,.upload-method-card:hover{background:linear-gradient(180deg,#f7fdfe,#fff);background:linear-gradient(180deg,var(--route-accent-soft,#f7fdfe) 0,#fff 100%);border-color:#19a7b8;border-color:var(--route-accent,var(--secondary-color));box-shadow:0 10px 22px #19a7b81f;box-shadow:0 10px 22px rgba(var(--route-shadow-rgb,25,167,184),.12);transform:none}.upload-method-card input{top:16px}.upload-method-card .marking-mode-title{font-size:17px;padding-right:28px}.upload-method-card .marking-mode-copy{flex:0 1;line-height:1.42}.marking-mode-output{background:#f6fafb;border:1px solid #e3eef3;border-radius:8px;color:#365466;font-size:13px;line-height:1.4;padding:10px}.setup-option-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.setup-option-card{--card-accent:#0f8aa5;--card-accent-soft:#eefbfc;--card-accent-border:#bdebf1;--card-badge-bg:#eefbfc;--card-badge-text:#236b78;--card-shadow-rgb:15,138,165;background:#fff;border-color:var(--card-accent-border);border-radius:12px;display:flex;flex-direction:column;gap:16px;min-height:195px;overflow:hidden;padding:22px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.setup-option-card:before{background:var(--card-accent);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.assessment-card--existing{--card-accent:#0f8aa5;--card-accent-soft:#eefbfc;--card-accent-border:#bdebf1;--card-badge-bg:#eefbfc;--card-badge-text:#236b78;--card-shadow-rgb:15,138,165}.assessment-card--scanned{--card-accent:#b7791f;--card-accent-soft:#fff8eb;--card-accent-border:#f3d7a1;--card-badge-bg:#fff5df;--card-badge-text:#805918;--card-shadow-rgb:183,121,31}.assessment-card--single{--card-accent:#7c5cc4;--card-accent-soft:#f6f2ff;--card-accent-border:#d8c9ff;--card-badge-bg:#f6f2ff;--card-badge-text:#60479f;--card-shadow-rgb:124,92,196}.setup-option-card:hover{border-color:var(--card-accent);box-shadow:0 14px 30px rgba(var(--card-shadow-rgb),.13),0 2px 8px #1f35470f;transform:translateY(-2px)}.setup-option-card.selected{background:linear-gradient(180deg,var(--card-accent-soft) 0,#fff 76%);border-color:var(--card-accent);box-shadow:0 16px 34px rgba(var(--card-shadow-rgb),.16)}.setup-option-card.selected:before{height:5px;opacity:1}.setup-option-card input{opacity:0;pointer-events:none;position:absolute}.setup-option-top{align-items:flex-start;display:flex;flex-direction:column;gap:14px;padding-right:34px}.setup-option-icon{align-items:center;background:var(--card-accent-soft);border:1px solid var(--card-accent-border);border-radius:12px;color:var(--card-accent);display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.setup-option-title{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:800;line-height:1.22;min-width:0}.setup-option-radio{background:#fff;border:2px solid #b8c8d4;border-radius:50%;box-shadow:inset 0 0 0 5px #fff;height:22px;position:absolute;right:20px;top:20px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;width:22px}.setup-option-card.selected .setup-option-radio{background:var(--card-accent);border-color:var(--card-accent);box-shadow:inset 0 0 0 5px #fff,0 0 0 3px rgba(var(--card-shadow-rgb),.14)}.setup-option-copy{color:#64748b;color:var(--text-light);font-size:14px;line-height:1.58;margin:0}.setup-option-badge{align-items:center;background:var(--card-badge-bg);border:1px solid var(--card-accent-border);border-radius:999px;color:var(--card-badge-text);display:inline-flex;font-size:12px;font-weight:800;justify-self:flex-start;margin-top:auto;min-height:24px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.mode-selected-summary{--summary-accent:#0f8aa5;--summary-soft:#f7fbff;--summary-border:#c9edf3;--summary-shadow-rgb:15,138,165;align-items:flex-start;background:var(--summary-soft);border:1px solid var(--summary-border);border-left:4px solid var(--summary-accent);border-radius:12px;box-shadow:0 10px 24px rgba(var(--summary-shadow-rgb),.08);display:flex;gap:12px;margin:20px 0;padding:15px 16px}.assessment-route--existing .mode-selected-summary,.assessment-route--scanned .mode-selected-summary,.assessment-route--single .mode-selected-summary{--summary-accent:var(--route-accent);--summary-soft:var(--route-accent-soft);--summary-border:var(--route-accent-border);--summary-shadow-rgb:var(--route-shadow-rgb)}.assessment-route--existing .mode-selected-icon,.assessment-route--scanned .mode-selected-icon,.assessment-route--single .mode-selected-icon{background:#fff;border:1px solid var(--route-accent-border);color:var(--route-accent)}.assessment-summary--existing{--summary-accent:#0f8aa5;--summary-soft:#f3fcfd;--summary-border:#bdebf1;--summary-shadow-rgb:15,138,165}.assessment-summary--scanned{--summary-accent:#b7791f;--summary-soft:#fff8eb;--summary-border:#f3d7a1;--summary-shadow-rgb:183,121,31}.assessment-summary--single{--summary-accent:#7c5cc4;--summary-soft:#f6f2ff;--summary-border:#d8c9ff;--summary-shadow-rgb:124,92,196}.mode-selected-icon{align-items:center;background:#e4f7fa;border-radius:10px;color:#1f6f9f;color:var(--primary-color);display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.mode-selected-summary p{color:#172a3a;color:var(--text-color);line-height:1.5;margin:0}.mode-selected-summary p+p{color:#64748b;color:var(--text-light);margin-top:4px}.student-limit-banner{align-items:center!important;background:#f7fafc!important;border:1px solid #dbe7ee!important;border-radius:10px!important;color:#476173!important;display:flex!important;font-size:0!important;gap:10px!important;line-height:1.4!important;margin-bottom:20px!important;padding:10px 13px!important}.student-limit-banner>span{font-size:13px}.student-limit-icon{align-items:center;background:#edf4f7;border:1px solid #d3e0e8;border-radius:50%;color:#426173;display:inline-flex;flex:0 0 auto;font-size:12px!important;font-style:normal;font-weight:800;height:20px;justify-content:center;width:20px}.student-detection-card{--student-accent:var(--route-accent);--student-accent-soft:var(--route-accent-soft);--student-accent-border:var(--route-accent-border);--student-badge-bg:var(--route-accent-soft);--student-badge-text:var(--route-accent-text);background:#fff;border:1px solid var(--student-accent-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:13px;margin-bottom:20px;min-height:160px;overflow:hidden;padding:21px 22px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.student-detection-card:before{background:var(--student-accent);content:"";height:4px;left:0;opacity:.82;position:absolute;right:0;top:0}.student-detection-card:hover{border-color:var(--student-accent);box-shadow:0 14px 30px rgba(var(--route-shadow-rgb),.13),0 2px 8px #1f35470f;transform:translateY(-2px)}.student-detection-card.selected{background:linear-gradient(180deg,var(--student-accent-soft) 0,#fff 76%);border-color:var(--student-accent);box-shadow:0 16px 34px rgba(var(--route-shadow-rgb),.15)}.student-detection-card input{opacity:0;pointer-events:none;position:absolute}.student-detection-top{align-items:flex-start;display:flex;flex-direction:column;gap:14px;padding-right:38px}.student-detection-icon{align-items:center;background:var(--student-badge-bg);border:1px solid var(--student-accent-border);border-radius:12px;color:var(--student-accent);display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.student-detection-title{color:#172a3a;color:var(--text-color);font-size:19px;font-weight:800;line-height:1.22}.student-detection-radio{background:#fff;border:2px solid #aec8bd;border-radius:50%;box-shadow:inset 0 0 0 5px #fff;height:22px;position:absolute;right:20px;top:20px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;width:22px}.student-detection-card.selected .student-detection-radio{background:var(--student-accent);border-color:var(--student-accent);box-shadow:inset 0 0 0 5px #fff,0 0 0 3px rgba(var(--route-shadow-rgb),.13)}.student-detection-copy{color:#64748b;color:var(--text-light);font-size:14px;line-height:1.6;max-width:760px}.student-detection-note{background:var(--student-badge-bg);border:1px solid var(--student-accent-border);border-radius:999px;color:var(--student-badge-text);font-size:12px;font-weight:800;padding:6px 11px;width:-webkit-fit-content;width:fit-content}.student-selected-summary{align-items:flex-start;background:var(--route-accent-soft);border:1px solid var(--route-accent-border);border-left:4px solid var(--route-accent);border-radius:12px;box-shadow:0 10px 24px rgba(var(--route-shadow-rgb),.08);color:#172a3a;color:var(--text-color);display:flex;gap:12px;margin-bottom:20px;padding:16px}.student-selected-icon{align-items:center;background:#fff;border:1px solid var(--route-accent-border);border-radius:10px;color:var(--route-accent);display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.student-selected-summary h3{color:#172a3a;color:var(--text-color);margin-bottom:6px}.student-selected-summary p{color:#172a3a;color:var(--text-color);line-height:1.5;margin:0}.student-selected-summary .credit-note{background:#ffffffad;border-left-color:var(--route-accent);color:var(--route-accent-text);margin-top:10px}.compact-choice-summary{margin-top:10px}.advanced-inline-details{align-items:flex-start;display:inline-flex;flex-direction:column;gap:10px}.advanced-inline-details summary{color:#1f6f9f;color:var(--primary-color);cursor:pointer;font-weight:800;padding:9px 0}.advanced-inline-details[open]{min-width:180px}.manual-student-input{background:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#172a3a;color:var(--text-color);font:inherit;min-height:38px;padding:8px 10px;width:100%}.manual-student-input:focus{border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 0 0 3px #077a9f1f;outline:none}.mode-review-note,.mode-warning,.page-limit-note,.quick-mark-actions{border-radius:8px;line-height:1.5;margin-bottom:12px;padding:11px 13px}.mode-warning{background-color:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:14px}.mode-review-note,.quick-mark-actions{background-color:#f7fbff;border:1px solid #c9edf3;color:#075985}.assessment-route--existing .mode-review-note,.assessment-route--scanned .mode-review-note,.assessment-route--single .mode-review-note{background-color:var(--route-accent-soft);border-color:var(--route-accent-border);color:var(--route-accent-text)}.download-results-panel{grid-gap:12px;display:grid;gap:12px}.download-results-panel h3{color:#1f6f9f;color:var(--primary-color);font-size:1rem;margin:0 0 4px}.download-results-buttons{display:flex;flex-wrap:wrap;gap:10px}.download-results-note{color:#64748b;color:var(--text-light);font-size:.9rem;margin:0}.quick-mark-actions .download-results-note{margin:0}.mode-review-note p,.quick-mark-actions p{margin:8px 0 0}.page-limit-note{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.page-limit-note.over{background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c}.quick-mark-actions{align-items:center;box-shadow:0 8px 22px #1f35470f;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.quick-mark-actions .primary-button{flex:0 0 auto}.quick-status-section p{text-transform:capitalize}.full-analysis-section{background-color:#f9fafc;border:2px solid #d9e4ea;border:2px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:25px}.full-analysis-section h3{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 15px}.checkbox-label{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.checkbox-label:hover{background-color:#fff}.checkbox-label input[type=checkbox]{accent-color:#1f6f9f;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-label span{color:#172a3a;color:var(--text-color);flex:1 1;font-size:15px;line-height:1.5}.student-list-summary{background-color:#f8fbfc;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:25px}.assessment-route--existing .student-list-summary,.assessment-route--scanned .student-list-summary,.assessment-route--single .student-list-summary{background:linear-gradient(180deg,var(--route-accent-soft) 0,#fff 88%);border-color:var(--route-accent-border);box-shadow:0 10px 24px rgba(var(--route-shadow-rgb),.07)}.student-list-summary h3{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 20px}.summary-list{display:flex;flex-direction:column;gap:10px}.summary-item{align-items:center;background-color:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.summary-item:hover{background-color:#f9fafc;border-color:#19a7b8;border-color:var(--secondary-color)}.assessment-route--existing .summary-item:hover,.assessment-route--scanned .summary-item:hover,.assessment-route--single .summary-item:hover{border-color:var(--route-accent)}.student-name{color:#172a3a;color:var(--text-color);font-size:15px;font-weight:600}.page-badge{background-color:#e8f7fb;border:1px solid #bde7ef;border-radius:20px;color:#1f6f9f;color:var(--primary-color);font-size:13px;font-weight:600;padding:4px 12px}.assessment-route--existing .page-badge,.assessment-route--scanned .page-badge,.assessment-route--single .page-badge{background-color:var(--route-accent-soft);border-color:var(--route-accent-border);color:var(--route-accent-text)}.step-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-button,.secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:0;line-height:1.2;min-height:46px;padding:12px 20px;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.primary-button{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid #0000;box-shadow:0 10px 22px #1f6f9f33;color:#fff;flex:0 1 auto;min-width:160px}.primary-button:hover:not(:disabled){box-shadow:0 8px 20px #2980b966;transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{background:#dbe5ea;box-shadow:none;color:#7c8b98;cursor:not-allowed;opacity:1}.secondary-button{background-color:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);color:#172a3a;color:var(--text-color);flex:0 1 auto;min-width:112px}.secondary-button:hover{background-color:#f9fafc;border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 2px 8px #3498db1a;color:#19a7b8;color:var(--secondary-color)}.secondary-button:disabled{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:1}.secondary-button:active{background-color:#f0f4f8}.review-panel{grid-gap:16px;display:grid;gap:16px;margin-top:18px;min-width:0}.review-panel>h3{margin-bottom:0}.batch-upload-actions,.review-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.review-actions{margin-top:16px}.final-script-actions{border-top:1px solid #e8eef3;justify-content:flex-start;margin-top:20px;padding-top:18px}.final-script-actions .primary-button,.final-script-actions .secondary-button{flex:0 0 auto}.batch-upload-actions{margin:14px 0}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff75;border-radius:50%;border-top-color:#fff;flex:0 0 auto;height:16px;width:16px}.secondary-button .button-spinner{border-color:#1f6f9f #1f6f9f38 #1f6f9f38;border-top-color:var(--primary-color)}.upload-helper-text{color:#64748b;font-size:13px;line-height:1.45;margin:-4px 0 12px}.split-method-panel{grid-gap:10px;background:#f8fbfc;border:1px solid #dfe9ef;border-radius:12px;display:grid;gap:10px;margin:14px 0 16px;padding:14px}.assessment-route--existing .split-method-panel,.assessment-route--scanned .split-method-panel,.assessment-route--single .split-method-panel{background:var(--route-accent-soft);border-color:var(--route-accent-border)}.split-method-panel h4{color:#172a3a;color:var(--text-color);font-size:15px;font-weight:800;margin:0 0 2px}.split-option{grid-gap:10px;background:#fff;border:1px solid #e3eef3;border-radius:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.split-option.selected{background:#f7fdfe;border-color:#19a7b894;box-shadow:0 8px 18px #19a7b814}.split-option-radio{padding-top:2px}.split-option-radio input{accent-color:#1f6f9f;accent-color:var(--primary-color)}.split-option-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.split-option-copy strong{color:#172a3a;color:var(--text-color);font-size:14px}.split-option-copy span{color:#64748b;font-size:13px;line-height:1.45}.fixed-pages-config{grid-gap:6px;background:#fff;border:1px dashed #cbdce5;border-radius:10px;display:grid;gap:6px;margin-left:34px;padding:12px}.fixed-pages-config label{grid-gap:6px;color:#516476;display:grid;font-size:12px;font-weight:800;gap:6px;letter-spacing:.02em;text-transform:uppercase}.fixed-pages-config input{background:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:8px;color:#172a3a;color:var(--text-color);font:inherit;min-height:38px;padding:8px 10px;width:96px}.fixed-pages-config p{color:#64748b;font-size:13px;line-height:1.4;margin:0}.pdf-file-pill{align-items:center;background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;color:#365466;display:inline-flex;font-size:13px;font-weight:700;max-width:100%;min-height:36px;overflow-wrap:anywhere;padding:8px 12px}.compact-info-note{border-left-width:3px;font-size:13px;padding:10px 12px}.holistic-empty-card{margin:0;width:100%}.holistic-empty-card h3{margin-bottom:8px}.holistic-empty-card p{line-height:1.5;margin:0}.writing-task-fallback-actions{display:flex;justify-content:flex-start;margin-top:16px}.extracted-question-list,.script-card-list{gap:14px}.extracted-question-card,.script-card{background:#fff;border:1px solid #dfe9ef;border-radius:12px;box-shadow:0 8px 20px #1f35470d;min-width:0;padding:16px}.assessment-route--existing .extracted-question-card,.assessment-route--existing .script-card,.assessment-route--scanned .extracted-question-card,.assessment-route--scanned .script-card,.assessment-route--single .extracted-question-card,.assessment-route--single .script-card{border-color:var(--route-accent-border);box-shadow:0 8px 20px rgba(var(--route-shadow-rgb),.06)}.extracted-question-card{overflow:hidden}.script-card{grid-gap:14px;display:grid;gap:14px;overflow:visible;position:relative}.script-card:focus-within{z-index:30}.extracted-question-header,.script-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.extracted-question-header>div,.script-card-title-block{min-width:0}.script-card-title{color:#172a3a;color:var(--text-color);display:block;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.script-card-meta{background:#f5f9fb;border:1px solid #e5eef3;border-radius:999px;color:#64748b;display:inline-flex;font-size:12px;font-weight:700;line-height:1.25;margin-top:5px;overflow-wrap:anywhere;padding:4px 9px}.script-card-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.compact-remove-button,.compact-secondary-button{border-radius:7px;font-size:12px;min-height:34px;padding:7px 11px}.script-card-controls{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:minmax(170px,1.15fr) minmax(190px,1fr) minmax(160px,.8fr);min-width:0;overflow:visible}.review-form-field{grid-gap:6px;display:grid;gap:6px;margin:0;min-width:0}.page-range-label,.review-form-field>span{color:#516476;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.script-assign-field,.script-name-field{min-width:0;overflow:visible}.script-assign-field{position:relative;z-index:2}.compact-select .react-select__control{min-height:38px}.compact-select .react-select__value-container{padding:4px 10px}.page-range-group{grid-gap:6px;display:grid;gap:6px;min-width:0}.page-range-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(64px,1fr))}.page-range-inputs label{grid-gap:4px;color:#64748b;display:grid;font-size:12px;font-weight:700;gap:4px}.page-range-input{min-height:38px;padding:7px 8px;text-align:center}.script-warning-row{grid-gap:8px;display:grid;gap:8px}.script-warning{border-radius:8px;font-size:13px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;padding:8px 10px;width:-webkit-fit-content;width:fit-content}.script-warning-info{background:#f0f9ff;border:1px solid #bae6fd;color:#075985}.script-warning-muted{background:#fffbeb;border:1px solid #fde68a;color:#6b4e16}.script-warning-danger{background:#fff7f7;border:1px solid #fecaca;color:#991b1b}.script-warning-actions{margin-top:8px}.extracted-review-panel{background:#fbfdfe}.assessment-route--existing .extracted-review-panel,.assessment-route--scanned .extracted-review-panel,.assessment-route--single .extracted-review-panel{background:linear-gradient(180deg,var(--route-accent-soft) 0,#fff 92%);border-color:var(--route-accent-border)}.extracted-question-card{grid-gap:14px;display:grid;gap:14px}.extracted-question-header{border-bottom:1px solid #e8eef3;padding-bottom:12px}.extracted-question-header h4{color:#172a3a;color:var(--text-color);font-size:17px;font-weight:800;margin:0 0 4px;overflow-wrap:anywhere}.extracted-question-header p{color:#64748b;color:var(--text-light);font-size:13px;margin:0}.marks-pill{background:#e8f7fb;border:1px solid #bde7ef;border-radius:999px;color:#075985;flex:0 0 auto;font-size:12px;font-weight:800;padding:6px 11px;white-space:nowrap}.extracted-question-fields{grid-gap:12px;display:grid;gap:12px;min-width:0}.review-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(160px,1fr) minmax(90px,120px);min-width:0}.marks-field{max-width:130px}.manual-student-input:is(textarea),.paper-submission-container textarea,.review-textarea{box-sizing:border-box;max-width:100%;overflow-wrap:break-word;resize:vertical;width:100%}.review-textarea{line-height:1.45;max-height:320px;min-height:110px}.rubric-textarea{max-height:380px;min-height:150px}.review-total-row{margin:0}.processing-progress{margin-bottom:35px}.progress-bar{background-color:#d9e4ea;background-color:var(--border-color);border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;height:12px;margin-bottom:15px;overflow:hidden}.progress-bar .progress-fill{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#3b82f6 25%,#60a5fa 50%,#3b82f6 75%);background-size:200% 100%;border-radius:6px;box-shadow:0 0 10px #2980b980;height:100%;transition:width .5s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-text{color:#172a3a;color:var(--text-color);font-size:16px;font-weight:700;margin:0;text-align:center}.progress-counts{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:30px}.count-item{background-color:#f9fafc;border:2px solid #d9e4ea;border:2px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.count-item.completed{background-color:#f0fdf4;border-color:#15803d;border-color:var(--success-color)}.count-item.failed{background-color:#fef2f2;border-color:#dc2626;border-color:var(--danger-color)}.count-item.processing{background-color:#fffbeb;border-color:#c27803;border-color:var(--warning-color)}.count-item.pending{background-color:#f9fafc;border-color:#cbd5e0}.count-label{color:#64748b;color:var(--text-light);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.count-value{display:block;font-size:32px;font-weight:700}.count-item.completed .count-value{color:#15803d;color:var(--success-color)}.count-item.failed .count-value{color:#dc2626;color:var(--danger-color)}.count-item.processing .count-value{color:#c27803;color:var(--warning-color)}.count-item.pending .count-value{color:#7f8c8d}.submission-list{margin-bottom:30px}.submission-list h3{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 15px}.submission-item{background-color:#fff;border:2px solid #d9e4ea;border:2px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease}.submission-item.completed{background-color:#f0fdf4;border-color:#15803d;border-color:var(--success-color)}.submission-item.failed{background-color:#fef2f2;border-color:#dc2626;border-color:var(--danger-color)}.submission-item.processing{animation:processingPulse 3s ease-in-out infinite,pulseGlow 2s ease-in-out infinite;background-color:#eff6ff;border-color:#3b82f6}@keyframes pulseGlow{0%{box-shadow:0 0 0 #2563eb1a}50%{box-shadow:0 0 10px #2563eb40}to{box-shadow:0 0 0 #2563eb1a}}@keyframes processingPulse{0%,to{background-color:#eff6ff;border-color:#3b82f6}50%{background-color:#dbeafe;border-color:#2563eb}}.processing-spinner{animation:spinSmall .8s linear infinite;border:2px solid #dbeafe;border-radius:50%;border-top-color:#2563eb;display:inline-block;flex-shrink:0;height:14px;margin-right:6px;vertical-align:middle;width:14px}@keyframes spinSmall{to{transform:rotate(1turn)}}.processing-status-inline{align-items:center;color:#2563eb;display:inline-flex;font-weight:600}.processing-heartbeat{background-color:#f0f7ff;border-left:3px solid #3b82f6;border-radius:8px;margin-top:10px;padding:10px 14px}.processing-heartbeat-text{color:#1e40af;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 4px}.processing-heartbeat-subtext{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.submission-info{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:8px}.submission-name{color:#172a3a;color:var(--text-color);font-size:15px;font-weight:600}.submission-status{display:inline-block;font-size:13px;font-weight:600}.submission-error{color:#dc2626;color:var(--danger-color);font-size:13px;font-style:italic;margin-top:8px}.results-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.result-item{background:#fbfdfe;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s ease}.result-item.completed{background:#f0fdf4;border-color:#bbf7d0}.result-item.failed{background:#fef2f2;border-color:#fecaca}.result-item:hover{box-shadow:0 8px 22px #1f354714;box-shadow:var(--small-shadow)}.result-number{font-size:42px;font-weight:700;margin-bottom:10px}.result-item.completed .result-number{color:#15803d;color:var(--success-color)}.result-item.failed .result-number{color:#dc2626;color:var(--danger-color)}.result-label{color:#64748b;color:var(--text-light);font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.failed-submissions-section{background-color:#fef2f2;border:2px solid #dc2626;border:2px solid var(--danger-color);border-radius:12px;margin-bottom:25px;padding:25px}.failed-submissions-section h3{color:#dc2626;color:var(--danger-color);font-size:18px;font-weight:700;margin:0 0 15px}.failed-list{display:flex;flex-direction:column;gap:12px}.failed-item{align-items:flex-start;background-color:#fff;border:1px solid #dc2626;border:1px solid var(--danger-color);border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:12px}.failed-item span:first-child{color:#172a3a;color:var(--text-color);font-weight:600;min-width:150px}.error-message{color:#dc2626;color:var(--danger-color);flex:1 1;font-size:14px;text-align:right}.spinner{animation:spin 1s linear infinite;border:5px solid #d9e4ea;border-top:5px solid #19a7b8;border:5px solid var(--border-color);border-top-color:var(--secondary-color);height:50px;margin:0 auto 20px;width:50px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.loading-text{color:#172a3a;color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:15px}.loading-subtext{color:#64748b;color:var(--text-light);font-size:14px;line-height:1.6;margin-bottom:30px}.dot,.dots-animation{display:inline-block}.dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#19a7b8;background-color:var(--secondary-color);border-radius:50%;height:8px;margin:0 4px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.student-results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.result-card{background-color:#fff;border:1px solid #d9e4ea;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 22px #1f35470f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-card:hover{border-color:#19a7b8;border-color:var(--secondary-color);box-shadow:0 16px 34px #1f35471f}.result-card.completed{border-top:4px solid #15803d;border-top:4px solid var(--success-color)}.result-card.failed{background-color:#fef9f9;border-top:4px solid #dc2626;border-top:4px solid var(--danger-color)}.card-header{align-items:flex-start;border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);display:flex;gap:15px;justify-content:space-between;padding:20px}.card-header h3{color:#172a3a;color:var(--text-color);flex:1 1;font-size:18px;font-weight:700;margin:0}.status-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;white-space:nowrap}.badge.completed{background-color:#dcfce7;border:1px solid #15803d;border:1px solid var(--success-color);color:#15803d;color:var(--success-color)}.badge.failed{background-color:#fee2e2;border:1px solid #dc2626;border:1px solid var(--danger-color);color:#dc2626;color:var(--danger-color)}.badge.warning{background-color:#fef3c7;border:1px solid #f59e0b;color:#b45309}.badge.fallback-used{animation:pulse-soft 2s ease-in-out infinite;background-color:#f0fdf4;border:1px solid #10b981;color:#059669}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.85}}.card-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:25px 20px}.marks-content{text-align:center;width:100%}.marks-display{align-items:center;display:flex;flex-direction:column;gap:15px}.mark-large{color:#1f6f9f;color:var(--primary-color);font-size:36px;font-weight:700}.percentage-display{background-color:#f0f7ff;border-radius:10px;color:#19a7b8;color:var(--secondary-color);font-size:24px;font-weight:700;min-width:100px;padding:8px 16px}.error-content{text-align:left;width:100%}.error-content p{color:#172a3a;color:var(--text-color);font-size:14px;margin:8px 0}.error-content strong{color:#dc2626;color:var(--danger-color);display:block;font-size:13px;margin-top:8px}.card-actions{border-top:1px solid #e8eef3;border-top:1px solid var(--divider-color);display:flex;flex-wrap:wrap;gap:10px;padding:15px 20px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-width:140px;padding:10px 14px;text-align:center;text-decoration:none;transition:all .3s ease}.breakdown-button{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 8px 18px #1f6f9f29;color:#fff}.breakdown-button:hover{box-shadow:0 4px 12px #2980b94d;transform:translateY(-2px)}.download-button{background-color:#f0f4f8;border:2px solid #d9e4ea;border:2px solid var(--border-color);color:#172a3a;color:var(--text-color)}.download-button:hover{background-color:#f9fafc;border-color:#19a7b8;border-color:var(--secondary-color);color:#19a7b8;color:var(--secondary-color)}.breakdown-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breakdown-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-button{background-color:#f0f4f8;border:none;border-radius:50%;color:#172a3a;color:var(--text-color);cursor:pointer;font-size:20px;height:36px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.close-button:hover{background-color:#dc2626;background-color:var(--danger-color);color:#fff;transform:scale(1.1)}.breakdown-header{align-items:flex-start;border-bottom:2px solid #e8eef3;border-bottom:2px solid var(--divider-color);display:flex;gap:20px;justify-content:space-between;padding:30px 30px 20px}.breakdown-header h2{color:#172a3a;color:var(--text-color);flex:1 1;font-size:24px;font-weight:700;margin:0}.marks-summary{align-items:flex-end;display:flex;flex-direction:column;gap:8px;white-space:nowrap}.total-mark{color:#1f6f9f;color:var(--primary-color);font-size:28px;font-weight:700}.percentage-badge{background:linear-gradient(135deg,#1f6f9f,#19a7b8);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;color:#fff;font-size:18px;font-weight:700;padding:6px 14px}.breakdown-content{padding:30px}.failure-info{background-color:#fef2f2;border:2px solid #dc2626;border:2px solid var(--danger-color);border-radius:12px;padding:20px}.failure-info h3{color:#dc2626;color:var(--danger-color);margin-top:0}.failure-info p{color:#172a3a;color:var(--text-color);font-size:15px;margin:10px 0}.questions-breakdown h3{color:#172a3a;color:var(--text-color);font-size:20px;font-weight:700;margin:0 0 20px}.question-item{background-color:#f9fafc;border:2px solid #d9e4ea;border:2px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.question-item:hover{background-color:#f0f7ff;border-color:#19a7b8;border-color:var(--secondary-color)}.question-header{margin-bottom:15px}.question-label-and-marks{align-items:center;display:flex;gap:15px;justify-content:space-between}.question-label{color:#1f6f9f;color:var(--primary-color);font-size:16px;font-weight:700}.marks-badge{background-color:#19a7b8;background-color:var(--secondary-color);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 14px}.question-text{border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);margin-bottom:15px;padding-bottom:15px}.question-text strong{color:#64748b;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.question-text p{color:#172a3a;color:var(--text-color);font-size:14px;line-height:1.6;margin:0}.student-answer{border-bottom:1px solid #e8eef3;border-bottom:1px solid var(--divider-color);margin-bottom:15px;padding-bottom:15px}.student-answer strong{color:#64748b;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.student-answer p{color:#172a3a;color:var(--text-color);font-size:14px;line-height:1.6;margin:0;max-height:150px;overflow-y:auto}.feedback-section{background-color:#fff;border-left:4px solid #19a7b8;border-left:4px solid var(--secondary-color);border-radius:8px;margin-bottom:15px;padding:15px}.feedback-section strong{color:#64748b;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.feedback-section p{color:#172a3a;color:var(--text-color);font-size:14px;line-height:1.6;margin:0}.full-analysis-section h4{border-top:2px solid #e8eef3;border-top:2px solid var(--divider-color);color:#172a3a;color:var(--text-color);font-size:15px;font-weight:700;margin:20px 0 12px;padding-top:15px}.analysis-block{background-color:#fff;border-left:4px solid #d9e4ea;border-left:4px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:12px}.analysis-block strong{display:block;font-size:14px;margin-bottom:8px}.analysis-block ul{margin:0;padding-left:20px}.analysis-block li{color:#172a3a;color:var(--text-color);font-size:14px;line-height:1.5;margin:6px 0}.analysis-block p{color:#64748b;color:var(--text-light);font-size:13px;margin:4px 0 0;padding-left:20px}.analysis-block.strengths{background-color:#f0fdf4;border-left-color:#15803d;border-left-color:var(--success-color)}.analysis-block.missing{background-color:#fef2f2;border-left-color:#dc2626;border-left-color:var(--danger-color)}.analysis-block.targets{background-color:#fffbeb;border-left-color:#c27803;border-left-color:var(--warning-color)}.analysis-block.errors{background-color:#fef3c7;border-left-color:#d97706}.breakdown-actions{border-top:2px solid #e8eef3;border-top:2px solid var(--divider-color);display:flex;gap:15px;justify-content:center;padding:20px 30px 30px}.breakdown-actions .primary-button{min-width:150px}@media (max-width:768px){.paper-submission-container{padding:24px 16px 40px}.batch-step{padding:22px}.paper-submission-header{align-items:flex-start;flex-direction:column;gap:16px}.paper-submission-header h1{font-size:24px}.back-button{align-self:flex-start}.step-dot{font-size:14px;min-height:46px;padding:7px}.step-indicator{-webkit-overflow-scrolling:touch;gap:6px;justify-content:flex-start;overflow-x:auto}.step-label{display:none}.step-dot{flex:0 0 44px}.marking-mode-options{grid-template-columns:1fr}.upload-method-card{min-height:136px}.setup-option-grid{grid-template-columns:1fr}.marking-mode-card{min-height:auto}.student-detection-card{min-height:auto;padding:22px}.summary-grid{grid-template-columns:repeat(2,1fr)}.step-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{flex:0 0 auto;min-width:auto;width:100%}.image-actions{flex-direction:column;gap:6px}.submission-info{align-items:flex-start;flex-direction:column}.upload-label{min-height:168px;padding:35px 20px}.image-name{max-width:150px}.script-card-controls{grid-template-columns:1fr}.extracted-question-header,.script-card-header{align-items:stretch;flex-direction:column}.script-card-actions{justify-content:flex-start}.review-field-row{grid-template-columns:1fr}.marks-field{max-width:none}.batch-upload-actions,.review-actions{align-items:stretch}.batch-upload-actions .primary-button,.batch-upload-actions .secondary-button,.review-actions .primary-button,.review-actions .secondary-button{width:100%}}@media (max-width:480px){.paper-submission-container{padding:18px 10px 34px}.batch-step{padding:18px 14px}.paper-submission-header h1{font-size:20px}.step-dot{flex-basis:40px;font-size:12px;min-height:40px}.step-number{height:24px;width:24px}.progress-counts,.summary-grid{grid-template-columns:1fr}.credit-row,.manual-entry-row,.quick-mark-actions,.summary-item,.upload-card-header{align-items:stretch;flex-direction:column}.manual-entry-row .secondary-button,.quick-mark-actions .primary-button{width:100%}.credit-row{gap:6px}.student-limit-banner,.student-selected-summary{align-items:flex-start!important}.student-detection-card{padding:20px}.student-detection-title{font-size:17px}.student-chips{gap:8px}.student-chip{font-size:13px;padding:8px 12px}.extracted-question-card,.script-card{padding:14px}.page-range-inputs{grid-template-columns:1fr 1fr}.pdf-file-pill,.script-card-meta{border-radius:8px}}.phone-upload-option{border-top:1px dashed #d9e4ea;border-top:1px dashed var(--border-color);display:flex;justify-content:center;margin-top:16px;padding:12px 0 4px}.phone-upload-button{align-items:center;background:#fff;border:2px solid #1f6f9f;border:2px solid var(--primary-color);border-radius:8px;color:#1f6f9f;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:background .18s,color .18s,box-shadow .18s}.phone-upload-button:hover:not(:disabled){background:#1f6f9f;background:var(--primary-color);box-shadow:0 2px 8px #2980b940;color:#fff}.phone-upload-button:disabled{cursor:not-allowed;opacity:.55}.qr-modal-overlay{align-items:center;animation:qr-fade-in .18s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}@keyframes qr-fade-in{0%{opacity:0}to{opacity:1}}.qr-modal{animation:qr-slide-up .2s ease;background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000059;max-width:400px;padding:36px 28px 28px;position:relative;text-align:center;width:100%}@keyframes qr-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-modal-close{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:1.1rem;line-height:1;padding:4px 6px;position:absolute;right:14px;top:12px;transition:color .15s,background .15s}.qr-modal-close:hover{background:#f1f5f9;color:#334155}.qr-modal-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 6px}.qr-modal-subtitle{color:#64748b;font-size:.875rem;line-height:1.4;margin:0 0 20px}.qr-modal-code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:inline-block;margin-bottom:16px;padding:12px}.qr-modal-instruction{color:#475569;font-size:.825rem;margin:0 0 16px}.qr-modal-url-row{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 10px;text-align:left}.qr-modal-url{color:#334155;flex:1 1;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.72rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-modal-copy-btn{background:#1f6f9f;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:600;padding:4px 12px;transition:background .15s}.qr-modal-copy-btn:hover{background:#1f6591}.qr-modal-expiry-note{color:#94a3b8;font-size:.75rem;margin:0}body.dark-mode.paper-submission-open,body[data-theme=dark].paper-submission-open,html.dark-mode body.paper-submission-open,html[data-dark-mode=true] body.paper-submission-open,html[data-theme=dark] body.paper-submission-open{background:radial-gradient(circle at top left,#19a7b829,#0000 32rem),radial-gradient(circle at bottom right,#7c5cc41f,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0b1120);background-attachment:fixed}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container{--light-bg:#0f172a;--card-bg:#172033;--border-color:#94a3b847;--divider-color:#94a3b838;--text-color:#f8fafc;--text-light:#94a3b8;--primary-color:#22d3ee;--secondary-color:#14b8a6;--focus-ring:#22d3ee2e;--ps-surface:#172033;--ps-surface-soft:#111827;--ps-surface-raised:#1f2937;--ps-border:#94a3b838;--ps-border-strong:#94a3b857;--ps-text:#f8fafc;--ps-body:#e5e7eb;--ps-muted:#94a3b8;--ps-subtle:#64748b;--ps-input:#0f172ab8;--ps-input-border:#94a3b847;color:var(--ps-body)}:is(.dark-mode,[data-theme=dark]) .paper-submission-container{background:radial-gradient(circle at top left,#19a7b829,#0000 32rem),radial-gradient(circle at bottom right,#7c5cc41f,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0b1120);box-shadow:0 0 0 100vmax #0f172a;-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .assessment-route--existing{--route-accent:#22d3ee;--route-accent-soft:#22d3ee1f;--route-accent-border:#22d3ee75;--route-accent-text:#a5f3fc;--route-shadow-rgb:34,211,238}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .assessment-route--scanned{--route-accent:#f59e0b;--route-accent-soft:#f59e0b21;--route-accent-border:#f59e0b7a;--route-accent-text:#fde68a;--route-shadow-rgb:245,158,11}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .assessment-route--single{--route-accent:#a78bfa;--route-accent-soft:#8b5cf624;--route-accent-border:#a78bfa85;--route-accent-text:#ddd6fe;--route-shadow-rgb:167,139,250}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.paper-submission-header h1,.step-header h2,.student-list-section h3,.upload-card-header h3,.images-list h4,.summary-value.compact,.credit-breakdown-section h3,.marking-mode-title,.setup-option-title,.student-detection-title,.student-list-summary h3,.script-card-title,.extracted-question-header h4,.submission-list h3,.submission-name,.card-header h3,.result-student-name,.breakdown-header h2,.questions-breakdown h3,.question-text p,.student-answer p,.feedback-section p,.analysis-block li){color:var(--ps-text)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.paper-submission-header p,.step-header p,.upload-method-intro,.marking-mode-copy,.setup-option-copy,.student-detection-copy,.download-results-note,.upload-helper-text,.split-option-copy span,.fixed-pages-config p,.script-card-meta,.extracted-question-header p,.count-label,.result-label,.loading-subtext,.image-name,.question-text strong,.student-answer strong,.feedback-section strong,.analysis-block p){color:var(--ps-muted)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.back-button,.step-indicator,.batch-step,.student-list-section,.teacher-note,.empty-panel,.select-empty-state,.selection-summary,.upload-card,.summary-card,.credit-breakdown-section,.credit-breakdown,.marking-mode-card,.upload-method-card,.setup-option-card,.mode-selected-summary,.student-detection-card,.student-selected-summary,.mode-review-note,.quick-mark-actions,.full-analysis-section,.student-list-summary,.split-method-panel,.split-option,.fixed-pages-config,.script-card,.extracted-question-card,.extracted-review-panel,.count-item,.submission-item,.result-item,.result-card,.breakdown-modal,.question-item,.feedback-section,.analysis-block,.qr-modal,.upload-label,.image-item,.summary-item,.failed-item,.qr-modal-code,.qr-modal-url-row){background:linear-gradient(180deg,#172033fa,#111827fa);border-color:var(--ps-border);box-shadow:0 18px 42px #00000047;color:var(--ps-body)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.assessment-route--existing,.assessment-route--scanned,.assessment-route--single) :is(.upload-card,.upload-method-card,.student-list-summary,.extracted-review-panel){background:linear-gradient(180deg,var(--route-accent-soft) 0,#172033fa 90%);border-color:var(--route-accent-border)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.form-group input,.form-group select,.form-group textarea,.manual-entry-row input,.manual-student-input,.fixed-pages-config input,.page-range-input,.review-textarea){background:var(--ps-input);border-color:var(--ps-input-border);color:var(--ps-text)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .form-group input::placeholder,:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .form-group textarea::placeholder,:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .manual-entry-row input::placeholder,:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .manual-student-input::placeholder,:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .review-textarea::placeholder{color:var(--ps-subtle)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.secondary-button,.phone-upload-button,.sort-button,.icon-button,.download-button,.compact-secondary-button,.file-browser-button){background:#111827;border-color:#94a3b84d;box-shadow:none;color:#e5e7eb}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.secondary-button:hover,.phone-upload-button:hover:not(:disabled),.sort-button:hover,.icon-button:hover,.download-button:hover,.compact-secondary-button:hover){background:#14b8a61f;border-color:#14b8a66b;color:#99f6e4}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.step-dot.active,.step-dot.current){background:#22d3ee17;border-color:#22d3ee6b;color:var(--ps-text)}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .step-number{background:#94a3b824;color:#cbd5e1}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.step-dot.completed .step-number,.step-dot.current .step-number){background:linear-gradient(135deg,#22d3ee,#14b8a6);color:#082f49}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.student-limit-banner,.student-limit-banner[style]){background:var(--ps-surface-soft)!important;border-color:var(--ps-border)!important;color:var(--ps-muted)!important}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .submission-item.pending{background:#111827;border-color:#94a3b840}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .submission-item.processing{background:linear-gradient(135deg,#3b82f629,#f59e0b14),#111827;border-color:#60a5fa75}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .submission-item.completed{background:linear-gradient(135deg,#22c55e24,#16a34a12),#111827;border-color:#4ade8075}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .result-card.failed,:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .submission-item.failed{background:linear-gradient(135deg,#ef444424,#7f1d1d1f),#111827;border-color:#f8717180}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container :is(.mark-large,.percentage-display){color:#a5f3fc}:is(body.dark-mode,html.dark-mode,.dark-mode,[data-dark-mode=true],[data-theme=dark],body[data-theme=dark]) .paper-submission-container .percentage-display{background:#22d3ee1a;border-color:#22d3ee38}body.paper-submission-open:is(.dark-mode,[data-theme=dark]) :is(.custom-react-select .react-select__control,.react-select__menu-portal .react-select__menu,.react-select__menu-portal .react-select__menu-list),html.dark-mode body.paper-submission-open :is(.custom-react-select .react-select__control,.react-select__menu-portal .react-select__menu,.react-select__menu-portal .react-select__menu-list),html[data-dark-mode=true] body.paper-submission-open :is(.custom-react-select .react-select__control,.react-select__menu-portal .react-select__menu,.react-select__menu-portal .react-select__menu-list),html[data-theme=dark] body.paper-submission-open :is(.custom-react-select .react-select__control,.react-select__menu-portal .react-select__menu,.react-select__menu-portal .react-select__menu-list){background:#111827;border-color:#94a3b84d;color:#f8fafc}body.paper-submission-open:is(.dark-mode,[data-theme=dark]) :is(.custom-react-select .react-select__single-value,.custom-react-select .react-select__input-container,.react-select__menu-portal .react-select__option,.qr-modal-title,.qr-modal-url),html.dark-mode body.paper-submission-open :is(.custom-react-select .react-select__single-value,.custom-react-select .react-select__input-container,.react-select__menu-portal .react-select__option,.qr-modal-title,.qr-modal-url),html[data-dark-mode=true] body.paper-submission-open :is(.custom-react-select .react-select__single-value,.custom-react-select .react-select__input-container,.react-select__menu-portal .react-select__option,.qr-modal-title,.qr-modal-url),html[data-theme=dark] body.paper-submission-open :is(.custom-react-select .react-select__single-value,.custom-react-select .react-select__input-container,.react-select__menu-portal .react-select__option,.qr-modal-title,.qr-modal-url){color:#f8fafc}body.paper-submission-open:is(.dark-mode,[data-theme=dark]) :is(.custom-react-select .react-select__placeholder,.custom-react-select .react-select__indicator,.qr-modal-subtitle,.qr-modal-instruction),html.dark-mode body.paper-submission-open :is(.custom-react-select .react-select__placeholder,.custom-react-select .react-select__indicator,.qr-modal-subtitle,.qr-modal-instruction),html[data-dark-mode=true] body.paper-submission-open :is(.custom-react-select .react-select__placeholder,.custom-react-select .react-select__indicator,.qr-modal-subtitle,.qr-modal-instruction),html[data-theme=dark] body.paper-submission-open :is(.custom-react-select .react-select__placeholder,.custom-react-select .react-select__indicator,.qr-modal-subtitle,.qr-modal-instruction){color:#cbd5e1}body.paper-submission-open:is(.dark-mode,[data-theme=dark]) .react-select__menu-portal .react-select__option--is-focused,html.dark-mode body.paper-submission-open .react-select__menu-portal .react-select__option--is-focused,html[data-dark-mode=true] body.paper-submission-open .react-select__menu-portal .react-select__option--is-focused,html[data-theme=dark] body.paper-submission-open .react-select__menu-portal .react-select__option--is-focused{background:#14b8a61f;color:#f8fafc}body.paper-submission-open:is(.dark-mode,[data-theme=dark]) .react-select__menu-portal .react-select__option--is-selected,html.dark-mode body.paper-submission-open .react-select__menu-portal .react-select__option--is-selected,html[data-dark-mode=true] body.paper-submission-open .react-select__menu-portal .react-select__option--is-selected,html[data-theme=dark] body.paper-submission-open .react-select__menu-portal .react-select__option--is-selected{background:#14b8a62e;color:#f8fafc}.generate-quiz-container{background-color:#f2f5f9;color:#333;font-family:Poppins,Segoe UI,sans-serif;margin:0 auto;max-width:1100px;min-height:100vh;padding:20px}.generate-quiz-container .generate-quiz-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.generate-quiz-container .generate-quiz-header h1{color:#2980b9;font-size:28px;font-weight:600;margin:0;text-shadow:1px 1px 2px #0000000d}.generate-quiz-container .back-button{background-color:#2980b9;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.generate-quiz-container .back-button:hover{background-color:#2573a7;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.generate-quiz-container .back-button:active{transform:translateY(0)}.generate-quiz-container .divider{border:none;border-top:1px solid #e2e8f0;margin-bottom:30px}.generate-quiz-container .generate-quiz-main{display:flex;flex-direction:column;gap:2rem}.generate-quiz-container .message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generate-quiz-container .error-message{background:linear-gradient(135deg,#ffeeeee6,#fff0f0cc);border:1px solid #ffb3b3;border-left:4px solid #e74c3c;border-radius:10px;box-shadow:0 4px 12px #e74c3c1a;color:#c33;padding:1.25rem 1.75rem}.generate-quiz-container .success-message{background:linear-gradient(135deg,#eeffeee6,#f0fff0cc);border:1px solid #a8e6a1;border-left:4px solid #27ae60;border-radius:10px;box-shadow:0 4px 12px #27ae601a;color:#27a954;padding:1.25rem 1.75rem}.generate-quiz-container .card{background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 24px #00000014;padding:2.5rem;transition:box-shadow .3s ease}.generate-quiz-container .card:hover{box-shadow:0 12px 32px #0000001a}.generate-quiz-container .card h2{color:#2980b9;font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0 0 .75rem}.generate-quiz-container .card h3{color:#2980b9;font-size:1.35rem;font-weight:700;margin:2rem 0 1.25rem}.generate-quiz-container .section-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.generate-quiz-container .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.generate-quiz-container .form-group{display:flex;flex-direction:column;gap:.5rem}.generate-quiz-container .form-group.full-width{grid-column:1/-1}.generate-quiz-container .form-group label{color:#333;font-size:.95rem;font-weight:600}.generate-quiz-container .form-group input,.generate-quiz-container .form-group select,.generate-quiz-container .form-group textarea{background-color:#fff;border:1px solid #d4dce6;border-radius:8px;box-shadow:0 1px 3px #00000005;color:#333;font-family:inherit;font-size:.95rem;padding:.85rem;transition:all .25s ease}.generate-quiz-container .form-group input:hover,.generate-quiz-container .form-group select:hover,.generate-quiz-container .form-group textarea:hover{background-color:#f8fbff;border-color:#3498db}.generate-quiz-container .form-group input:focus,.generate-quiz-container .form-group select:focus,.generate-quiz-container .form-group textarea:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db1f;outline:none}.generate-quiz-container .form-group input:disabled,.generate-quiz-container .form-group select:disabled,.generate-quiz-container .form-group textarea:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.generate-quiz-container .button-group{display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem}.generate-quiz-container button{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s ease}.generate-quiz-container .primary-button{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 4px 12px #2980b933;color:#fff;padding:.75rem 1.5rem}.generate-quiz-container .primary-button:hover:not(:disabled){box-shadow:0 6px 16px #2980b94d;transform:translateY(-2px)}.generate-quiz-container .primary-button:active:not(:disabled){transform:translateY(0)}.generate-quiz-container .secondary-button{background-color:#fff;border:2px solid #d4dce6;color:#333;padding:.75rem 1.5rem;transition:all .3s ease}.generate-quiz-container .secondary-button:hover:not(:disabled){background-color:#f8fbff;border-color:#2980b9;box-shadow:0 4px 12px #2980b926;color:#2980b9;transform:translateY(-1px)}.generate-quiz-container .generate-button{font-size:1rem;min-width:200px;padding:.85rem 2rem;text-align:center}.generate-quiz-container .delete-button{align-self:flex-start;background-color:#fee;border:1px solid #f5a;color:#c33;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.6rem 1rem}.generate-quiz-container .delete-button:hover{background-color:#fdd;border-color:#f77}.generate-quiz-container button:disabled{cursor:not-allowed;opacity:.6}.generate-quiz-container .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:block;height:18px;margin:0 auto 4px;width:18px}.generate-quiz-container .questions-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.generate-quiz-container .question-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem;transition:all .3s ease}.generate-quiz-container .question-card:hover{border-color:#3498db;box-shadow:0 8px 20px #3498db1f;transform:translateY(-2px)}.generate-quiz-container .question-number{align-items:center;color:#2980b9;display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.8px;margin-bottom:1.5rem;text-transform:uppercase}.generate-quiz-container .question-number:before{background-color:#2980b9;border-radius:50%;content:"";display:inline-block;height:4px;margin-right:.25rem;width:4px}.generate-quiz-container .question-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.generate-quiz-container .question-field label{color:#333;font-size:.9rem;font-weight:600}.generate-quiz-container .question-field input,.generate-quiz-container .question-field textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-family:Courier New,monospace;font-size:.9rem;padding:.75rem;resize:vertical}.generate-quiz-container .question-field input:focus,.generate-quiz-container .question-field textarea:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.generate-quiz-container .save-options-section{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;margin-top:2rem;padding:1.5rem}.generate-quiz-container .mode-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.generate-quiz-container .mode-buttons button{font-size:.95rem;padding:1rem}.generate-quiz-container .save-confirmation{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:1.5rem}.generate-quiz-container .save-confirmation p{color:#555;font-size:.95rem;margin:0 0 1rem}.generate-quiz-container .confirmation-buttons{display:flex;flex-wrap:wrap;gap:1rem}.generate-quiz-container .confirmation-buttons button{padding:.75rem 1.5rem}.generate-quiz-container .quiz-creation-form{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:1.5rem}.generate-quiz-container .form-intro{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.generate-quiz-container .quiz-creation-form .form-grid{margin-bottom:1.5rem}.generate-quiz-container .field-hint{color:#888;font-size:.8rem;font-style:italic;margin-top:2px}.generate-quiz-container .generation-summary{background:linear-gradient(135deg,#eaf2fb,#f0f6ff);border:1px solid #c8ddf0;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.generate-quiz-container .summary-item{display:flex;flex-direction:column;gap:.15rem;min-width:100px}.generate-quiz-container .summary-label{color:#6a8caf;font-size:.75rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.generate-quiz-container .summary-value{color:#2980b9;font-size:1.05rem;font-weight:700}.generate-quiz-container .question-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.generate-quiz-container .mark-badge{background:linear-gradient(135deg,#2980b9,#1f618d);border-radius:20px;box-shadow:0 2px 6px #2980b940;color:#fff;display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.3px;padding:.35rem .85rem;white-space:nowrap}.generate-quiz-container .inline-field{align-items:center;flex-direction:row!important;gap:.75rem!important}.generate-quiz-container .max-mark-input{width:80px}.generate-quiz-container .add-question-section{align-items:center;border-top:1px dashed #d4dce6;display:flex;gap:1rem;margin-top:.5rem;padding:1.25rem 0}.generate-quiz-container .add-question-button{align-items:center;background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 4px 12px #27ae6033;color:#fff;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem}.generate-quiz-container .add-question-button:hover:not(:disabled){box-shadow:0 6px 16px #27ae604d;transform:translateY(-2px)}.generate-quiz-container .add-question-hint{color:#888;font-size:.82rem;font-style:italic}.generate-quiz-container .question-image-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.generate-quiz-container .question-image-section>label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.75rem}.generate-quiz-container .image-attached-badge{align-items:center;animation:badgePulse .4s ease-out;background:linear-gradient(135deg,#27ae60,#1e8449);border-radius:20px;box-shadow:0 2px 8px #27ae6040;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.3px;padding:.35rem .75rem}@keyframes badgePulse{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.generate-quiz-container .image-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.generate-quiz-container .upload-image-button{align-items:center;background-color:#f0f4f8;border:1.5px dashed #2980b9;color:#2980b9;display:inline-flex;font-size:.88rem;font-weight:500;gap:.4rem;padding:.55rem 1.1rem}.generate-quiz-container .upload-image-button:hover:not(:disabled){background-color:#e3ecf5}.generate-quiz-container .image-hint{color:#999;font-size:.78rem}.generate-quiz-container .image-preview-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.generate-quiz-container .question-image-preview{border:1px solid #d4dce6;border-radius:8px;box-shadow:0 2px 8px #0000000f;max-height:200px;max-width:300px;object-fit:contain}.generate-quiz-container .remove-image-button{background-color:#fee;border:1px solid #f5a;color:#c33;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.generate-quiz-container .remove-image-button:hover{background-color:#fdd}.generate-quiz-container .spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.4rem;width:14px}@media (max-width:768px){.generate-quiz-container{padding:1rem}.generate-quiz-container .generate-quiz-header{align-items:flex-start;flex-direction:column;gap:15px}.generate-quiz-container .generate-quiz-header h1{font-size:1.5rem}.generate-quiz-container .back-button{align-self:flex-start}.generate-quiz-container .card{padding:1.5rem}.generate-quiz-container .form-grid{gap:1rem;grid-template-columns:1fr}.generate-quiz-container .mode-buttons{grid-template-columns:1fr}.generate-quiz-container .confirmation-buttons{flex-direction:column}.generate-quiz-container .confirmation-buttons button{width:100%}.generate-quiz-container .button-group{flex-direction:column}.generate-quiz-container .button-group button{width:100%}.generate-quiz-container .generate-button{min-width:auto;width:100%}}.generate-quiz-container{--gq-light-bg:#f8fafc;--gq-light-surface:#fff;--gq-light-panel:#f8fafc;--gq-light-panel-strong:#f1f5f9;--gq-light-border:#94a3b847;--gq-light-border-strong:#94a3b861;--gq-light-text:#0f172a;--gq-light-body:#334155;--gq-light-muted:#64748b;--gq-light-accent:#14b8a6;--gq-light-blue:#0ea5e9;background:radial-gradient(circle at top left,#14b8a61f,#0000 34rem),radial-gradient(circle at bottom right,#0ea5e91a,#0000 30rem),linear-gradient(180deg,#f8fafc,#eef5f8 48%,#f8fafc);color:var(--gq-light-body);max-width:none}.generate-quiz-container>*{margin-left:auto;margin-right:auto;max-width:1100px}.generate-quiz-container .card h2,.generate-quiz-container .card h3,.generate-quiz-container .generate-quiz-header h1,.generate-quiz-container .question-number{color:var(--gq-light-text);text-shadow:none}.generate-quiz-container .question-number:before{background-color:var(--gq-light-accent)}.generate-quiz-container .divider{border-top-color:#94a3b838}.generate-quiz-container .add-question-hint,.generate-quiz-container .field-hint,.generate-quiz-container .form-intro,.generate-quiz-container .image-hint,.generate-quiz-container .save-confirmation p,.generate-quiz-container .section-description{color:var(--gq-light-muted)}.generate-quiz-container .card,.generate-quiz-container .question-card,.generate-quiz-container .quiz-creation-form,.generate-quiz-container .save-confirmation,.generate-quiz-container .save-options-section{background:var(--gq-light-surface);border:1px solid var(--gq-light-border);box-shadow:0 14px 34px #0f172a14}.generate-quiz-container .card,.generate-quiz-container .question-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.generate-quiz-container .card:hover,.generate-quiz-container .question-card:hover{border-color:#14b8a659;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a}.generate-quiz-container .form-group label,.generate-quiz-container .question-field label,.generate-quiz-container .question-image-section>label{color:#1e293b}.generate-quiz-container .form-group input,.generate-quiz-container .form-group select,.generate-quiz-container .form-group textarea,.generate-quiz-container .question-field input,.generate-quiz-container .question-field textarea{background:#fff;border-color:var(--gq-light-border-strong);box-shadow:0 1px 2px #0f172a0a;color:var(--gq-light-text)}.generate-quiz-container .form-group input::placeholder,.generate-quiz-container .form-group textarea::placeholder,.generate-quiz-container .question-field input::placeholder,.generate-quiz-container .question-field textarea::placeholder{color:#94a3b8}.generate-quiz-container .form-group input:hover,.generate-quiz-container .form-group select:hover,.generate-quiz-container .form-group textarea:hover,.generate-quiz-container .question-field input:hover,.generate-quiz-container .question-field textarea:hover{background:#fff;border-color:#0ea5e96b}.generate-quiz-container .form-group input:focus,.generate-quiz-container .form-group select:focus,.generate-quiz-container .form-group textarea:focus,.generate-quiz-container .question-field input:focus,.generate-quiz-container .question-field textarea:focus{background:#fff;border-color:var(--gq-light-blue);box-shadow:0 0 0 4px #0ea5e91f}.generate-quiz-container .generation-summary,.generate-quiz-container .image-preview-container,.generate-quiz-container .question-image-section{background:var(--gq-light-panel);border:1px solid #94a3b838}.generate-quiz-container .summary-item{background:#fff;border:1px solid #94a3b833;border-radius:8px;padding:.55rem .7rem}.generate-quiz-container .summary-label{color:var(--gq-light-muted)}.generate-quiz-container .summary-value{color:#0f8aa5}.generate-quiz-container .mark-badge{background:#0ea5e91a;border:1px solid #0ea5e93d;box-shadow:none;color:#0369a1}.generate-quiz-container .back-button,.generate-quiz-container .primary-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 10px 22px #14b8a62e;color:#fff}.generate-quiz-container .back-button:hover,.generate-quiz-container .primary-button:hover:not(:disabled){box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a624}.generate-quiz-container .secondary-button,.generate-quiz-container .upload-image-button{background:#fff;border:1px solid var(--gq-light-border);box-shadow:0 6px 16px #0f172a0f;color:#334155}.generate-quiz-container .secondary-button:hover:not(:disabled),.generate-quiz-container .upload-image-button:hover:not(:disabled){background:#f8fafc;border-color:#14b8a659;box-shadow:0 12px 24px #0f172a14,0 0 18px #14b8a61a;color:#0f766e}.generate-quiz-container .add-question-button,.generate-quiz-container .image-attached-badge{background:linear-gradient(135deg,#15803d,#059669);box-shadow:0 10px 20px #05966929;color:#fff}.generate-quiz-container .delete-button,.generate-quiz-container .remove-image-button{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.generate-quiz-container .delete-button:hover,.generate-quiz-container .remove-image-button:hover{background:#fee2e2;border-color:#fca5a5}.generate-quiz-container .add-question-section{border-top-color:#94a3b838}.generate-quiz-container .error-message{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;box-shadow:0 12px 26px #dc262614;color:#991b1b}.generate-quiz-container .success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981;box-shadow:0 12px 26px #05966914;color:#047857}.generate-quiz-container .question-image-preview{border-color:#94a3b847;box-shadow:0 12px 26px #0f172a1a}.generate-quiz-container .form-group input:disabled,.generate-quiz-container .form-group select:disabled,.generate-quiz-container .form-group textarea:disabled,.generate-quiz-container button:disabled{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;opacity:1}.dark-mode .generate-quiz-container,[data-dark-mode=true] .generate-quiz-container,body.dark-mode .generate-quiz-container{--gq-dark-bg:#0f172a;--gq-dark-surface:#172033;--gq-dark-panel:#1f2937;--gq-dark-inner:#111827;--gq-dark-border:#94a3b83d;--gq-dark-border-strong:#94a3b85c;--gq-dark-text:#f8fafc;--gq-dark-body:#cbd5e1;--gq-dark-muted:#94a3b8;--gq-dark-placeholder:#64748b;--gq-dark-accent:#14b8a6;--gq-dark-accent-blue:#38bdf8;background:radial-gradient(circle at top left,#14b8a621,#0000 34rem),radial-gradient(circle at bottom right,#38bdf814,#0000 30rem),linear-gradient(180deg,#0f172a,#111827 52%,#0f172a);color:var(--gq-dark-body);max-width:none}.dark-mode .generate-quiz-container>*,[data-dark-mode=true] .generate-quiz-container>*,body.dark-mode .generate-quiz-container>*{margin-left:auto;margin-right:auto;max-width:1100px}.dark-mode .generate-quiz-container .card h2,.dark-mode .generate-quiz-container .card h3,.dark-mode .generate-quiz-container .generate-quiz-header h1,.dark-mode .generate-quiz-container .question-number,[data-dark-mode=true] .generate-quiz-container .card h2,[data-dark-mode=true] .generate-quiz-container .card h3,[data-dark-mode=true] .generate-quiz-container .generate-quiz-header h1,[data-dark-mode=true] .generate-quiz-container .question-number,body.dark-mode .generate-quiz-container .card h2,body.dark-mode .generate-quiz-container .card h3,body.dark-mode .generate-quiz-container .generate-quiz-header h1,body.dark-mode .generate-quiz-container .question-number{color:var(--gq-dark-text);text-shadow:none}.dark-mode .generate-quiz-container .question-number:before,[data-dark-mode=true] .generate-quiz-container .question-number:before,body.dark-mode .generate-quiz-container .question-number:before{background-color:var(--gq-dark-accent);box-shadow:0 0 10px #14b8a642}.dark-mode .generate-quiz-container .add-question-hint,.dark-mode .generate-quiz-container .field-hint,.dark-mode .generate-quiz-container .form-intro,.dark-mode .generate-quiz-container .image-hint,.dark-mode .generate-quiz-container .save-confirmation p,.dark-mode .generate-quiz-container .section-description,[data-dark-mode=true] .generate-quiz-container .add-question-hint,[data-dark-mode=true] .generate-quiz-container .field-hint,[data-dark-mode=true] .generate-quiz-container .form-intro,[data-dark-mode=true] .generate-quiz-container .image-hint,[data-dark-mode=true] .generate-quiz-container .save-confirmation p,[data-dark-mode=true] .generate-quiz-container .section-description,body.dark-mode .generate-quiz-container .add-question-hint,body.dark-mode .generate-quiz-container .field-hint,body.dark-mode .generate-quiz-container .form-intro,body.dark-mode .generate-quiz-container .image-hint,body.dark-mode .generate-quiz-container .save-confirmation p,body.dark-mode .generate-quiz-container .section-description{color:var(--gq-dark-muted)}.dark-mode .generate-quiz-container .divider,[data-dark-mode=true] .generate-quiz-container .divider,body.dark-mode .generate-quiz-container .divider{border-top-color:#94a3b833}.dark-mode .generate-quiz-container .card,.dark-mode .generate-quiz-container .question-card,.dark-mode .generate-quiz-container .quiz-creation-form,.dark-mode .generate-quiz-container .save-confirmation,.dark-mode .generate-quiz-container .save-options-section,[data-dark-mode=true] .generate-quiz-container .card,[data-dark-mode=true] .generate-quiz-container .question-card,[data-dark-mode=true] .generate-quiz-container .quiz-creation-form,[data-dark-mode=true] .generate-quiz-container .save-confirmation,[data-dark-mode=true] .generate-quiz-container .save-options-section,body.dark-mode .generate-quiz-container .card,body.dark-mode .generate-quiz-container .question-card,body.dark-mode .generate-quiz-container .quiz-creation-form,body.dark-mode .generate-quiz-container .save-confirmation,body.dark-mode .generate-quiz-container .save-options-section{background:linear-gradient(180deg,var(--gq-dark-surface) 0,#151e31 100%);border-color:var(--gq-dark-border);box-shadow:0 18px 42px #00000047}.dark-mode .generate-quiz-container .card:hover,.dark-mode .generate-quiz-container .question-card:hover,[data-dark-mode=true] .generate-quiz-container .card:hover,[data-dark-mode=true] .generate-quiz-container .question-card:hover,body.dark-mode .generate-quiz-container .card:hover,body.dark-mode .generate-quiz-container .question-card:hover{border-color:#14b8a66b;box-shadow:0 18px 40px #00000057,0 0 24px #14b8a61f}.dark-mode .generate-quiz-container .generation-summary,.dark-mode .generate-quiz-container .image-preview-container,.dark-mode .generate-quiz-container .question-image-section,[data-dark-mode=true] .generate-quiz-container .generation-summary,[data-dark-mode=true] .generate-quiz-container .image-preview-container,[data-dark-mode=true] .generate-quiz-container .question-image-section,body.dark-mode .generate-quiz-container .generation-summary,body.dark-mode .generate-quiz-container .image-preview-container,body.dark-mode .generate-quiz-container .question-image-section{background:#0f172a80;border-color:var(--gq-dark-border)}.dark-mode .generate-quiz-container .summary-item,[data-dark-mode=true] .generate-quiz-container .summary-item,body.dark-mode .generate-quiz-container .summary-item{background:#0f172a73;border:1px solid #94a3b82e;border-radius:8px;padding:.55rem .7rem}.dark-mode .generate-quiz-container .summary-label,[data-dark-mode=true] .generate-quiz-container .summary-label,body.dark-mode .generate-quiz-container .summary-label{color:var(--gq-dark-muted)}.dark-mode .generate-quiz-container .summary-value,[data-dark-mode=true] .generate-quiz-container .summary-value,body.dark-mode .generate-quiz-container .summary-value{color:#bae6fd}.dark-mode .generate-quiz-container .form-group label,.dark-mode .generate-quiz-container .question-field label,.dark-mode .generate-quiz-container .question-image-section>label,.dark-mode .generate-quiz-container label,[data-dark-mode=true] .generate-quiz-container .form-group label,[data-dark-mode=true] .generate-quiz-container .question-field label,[data-dark-mode=true] .generate-quiz-container .question-image-section>label,[data-dark-mode=true] .generate-quiz-container label,body.dark-mode .generate-quiz-container .form-group label,body.dark-mode .generate-quiz-container .question-field label,body.dark-mode .generate-quiz-container .question-image-section>label,body.dark-mode .generate-quiz-container label{color:#e5e7eb}.dark-mode .generate-quiz-container .question-field input,.dark-mode .generate-quiz-container .question-field textarea,.dark-mode .generate-quiz-container input,.dark-mode .generate-quiz-container select,.dark-mode .generate-quiz-container textarea,[data-dark-mode=true] .generate-quiz-container .question-field input,[data-dark-mode=true] .generate-quiz-container .question-field textarea,[data-dark-mode=true] .generate-quiz-container input,[data-dark-mode=true] .generate-quiz-container select,[data-dark-mode=true] .generate-quiz-container textarea,body.dark-mode .generate-quiz-container .question-field input,body.dark-mode .generate-quiz-container .question-field textarea,body.dark-mode .generate-quiz-container input,body.dark-mode .generate-quiz-container select,body.dark-mode .generate-quiz-container textarea{background-color:var(--gq-dark-inner);border-color:var(--gq-dark-border-strong);box-shadow:inset 0 1px 0 #ffffff05;color:var(--gq-dark-text)}.dark-mode .generate-quiz-container input:hover,.dark-mode .generate-quiz-container select:hover,.dark-mode .generate-quiz-container textarea:hover,[data-dark-mode=true] .generate-quiz-container input:hover,[data-dark-mode=true] .generate-quiz-container select:hover,[data-dark-mode=true] .generate-quiz-container textarea:hover,body.dark-mode .generate-quiz-container input:hover,body.dark-mode .generate-quiz-container select:hover,body.dark-mode .generate-quiz-container textarea:hover{background-color:#111c30;border-color:#38bdf875}.dark-mode .generate-quiz-container .question-field input:focus,.dark-mode .generate-quiz-container .question-field textarea:focus,.dark-mode .generate-quiz-container input:focus,.dark-mode .generate-quiz-container select:focus,.dark-mode .generate-quiz-container textarea:focus,[data-dark-mode=true] .generate-quiz-container .question-field input:focus,[data-dark-mode=true] .generate-quiz-container .question-field textarea:focus,[data-dark-mode=true] .generate-quiz-container input:focus,[data-dark-mode=true] .generate-quiz-container select:focus,[data-dark-mode=true] .generate-quiz-container textarea:focus,body.dark-mode .generate-quiz-container .question-field input:focus,body.dark-mode .generate-quiz-container .question-field textarea:focus,body.dark-mode .generate-quiz-container input:focus,body.dark-mode .generate-quiz-container select:focus,body.dark-mode .generate-quiz-container textarea:focus{background-color:var(--gq-dark-inner);border-color:var(--gq-dark-accent-blue);box-shadow:0 0 0 4px #38bdf824}.dark-mode .generate-quiz-container input::placeholder,.dark-mode .generate-quiz-container textarea::placeholder,[data-dark-mode=true] .generate-quiz-container input::placeholder,[data-dark-mode=true] .generate-quiz-container textarea::placeholder,body.dark-mode .generate-quiz-container input::placeholder,body.dark-mode .generate-quiz-container textarea::placeholder{color:var(--gq-dark-placeholder)}.dark-mode .generate-quiz-container select option,[data-dark-mode=true] .generate-quiz-container select option,body.dark-mode .generate-quiz-container select option{background-color:var(--gq-dark-inner);color:var(--gq-dark-text)}.dark-mode .generate-quiz-container button:disabled,.dark-mode .generate-quiz-container input:disabled,.dark-mode .generate-quiz-container select:disabled,.dark-mode .generate-quiz-container textarea:disabled,[data-dark-mode=true] .generate-quiz-container button:disabled,[data-dark-mode=true] .generate-quiz-container input:disabled,[data-dark-mode=true] .generate-quiz-container select:disabled,[data-dark-mode=true] .generate-quiz-container textarea:disabled,body.dark-mode .generate-quiz-container button:disabled,body.dark-mode .generate-quiz-container input:disabled,body.dark-mode .generate-quiz-container select:disabled,body.dark-mode .generate-quiz-container textarea:disabled{background:#1e293b;border-color:#94a3b82e;box-shadow:none;color:var(--gq-dark-muted);opacity:1}.dark-mode .generate-quiz-container .back-button,.dark-mode .generate-quiz-container .primary-button,[data-dark-mode=true] .generate-quiz-container .back-button,[data-dark-mode=true] .generate-quiz-container .primary-button,body.dark-mode .generate-quiz-container .back-button,body.dark-mode .generate-quiz-container .primary-button{background:linear-gradient(135deg,#0f8aa5,#14b8a6);box-shadow:0 12px 24px #14b8a62e;color:#fff}.dark-mode .generate-quiz-container .back-button:hover,.dark-mode .generate-quiz-container .primary-button:hover:not(:disabled),[data-dark-mode=true] .generate-quiz-container .back-button:hover,[data-dark-mode=true] .generate-quiz-container .primary-button:hover:not(:disabled),body.dark-mode .generate-quiz-container .back-button:hover,body.dark-mode .generate-quiz-container .primary-button:hover:not(:disabled){box-shadow:0 14px 28px #14b8a63d}.dark-mode .generate-quiz-container .secondary-button,.dark-mode .generate-quiz-container .upload-image-button,[data-dark-mode=true] .generate-quiz-container .secondary-button,[data-dark-mode=true] .generate-quiz-container .upload-image-button,body.dark-mode .generate-quiz-container .secondary-button,body.dark-mode .generate-quiz-container .upload-image-button{background-color:#0f172ac7;border-color:var(--gq-dark-border-strong);box-shadow:none;color:#dbeafe}.dark-mode .generate-quiz-container .secondary-button:hover:not(:disabled),.dark-mode .generate-quiz-container .upload-image-button:hover:not(:disabled),[data-dark-mode=true] .generate-quiz-container .secondary-button:hover:not(:disabled),[data-dark-mode=true] .generate-quiz-container .upload-image-button:hover:not(:disabled),body.dark-mode .generate-quiz-container .secondary-button:hover:not(:disabled),body.dark-mode .generate-quiz-container .upload-image-button:hover:not(:disabled){background-color:#14b8a61f;border-color:#14b8a680;box-shadow:0 10px 22px #14b8a61a;color:#f8fafc}.dark-mode .generate-quiz-container .delete-button,.dark-mode .generate-quiz-container .remove-image-button,[data-dark-mode=true] .generate-quiz-container .delete-button,[data-dark-mode=true] .generate-quiz-container .remove-image-button,body.dark-mode .generate-quiz-container .delete-button,body.dark-mode .generate-quiz-container .remove-image-button{background-color:#7f1d1d38;border-color:#f8717161;color:#fecaca}.dark-mode .generate-quiz-container .delete-button:hover,.dark-mode .generate-quiz-container .remove-image-button:hover,[data-dark-mode=true] .generate-quiz-container .delete-button:hover,[data-dark-mode=true] .generate-quiz-container .remove-image-button:hover,body.dark-mode .generate-quiz-container .delete-button:hover,body.dark-mode .generate-quiz-container .remove-image-button:hover{background-color:#991b1b57;border-color:#f871718a}.dark-mode .generate-quiz-container .add-question-button,.dark-mode .generate-quiz-container .image-attached-badge,[data-dark-mode=true] .generate-quiz-container .add-question-button,[data-dark-mode=true] .generate-quiz-container .image-attached-badge,body.dark-mode .generate-quiz-container .add-question-button,body.dark-mode .generate-quiz-container .image-attached-badge{background:linear-gradient(135deg,#15803d,#059669);box-shadow:0 10px 20px #05966929}.dark-mode .generate-quiz-container .add-question-section,[data-dark-mode=true] .generate-quiz-container .add-question-section,body.dark-mode .generate-quiz-container .add-question-section{border-top-color:#94a3b838}.dark-mode .generate-quiz-container .mark-badge,[data-dark-mode=true] .generate-quiz-container .mark-badge,body.dark-mode .generate-quiz-container .mark-badge{background:#0e749038;border:1px solid #38bdf842;box-shadow:none;color:#bae6fd}.dark-mode .generate-quiz-container .error-message,[data-dark-mode=true] .generate-quiz-container .error-message,body.dark-mode .generate-quiz-container .error-message{background:#7f1d1d38;border-color:#f8717159 #f8717159 #f8717159 #f87171;box-shadow:0 12px 26px #7f1d1d1f;color:#fecaca}.dark-mode .generate-quiz-container .success-message,[data-dark-mode=true] .generate-quiz-container .success-message,body.dark-mode .generate-quiz-container .success-message{background:#16653438;border-color:#86efac59 #86efac59 #86efac59 #4ade80;box-shadow:0 12px 26px #1665341f;color:#bbf7d0}.dark-mode .generate-quiz-container .question-image-preview,[data-dark-mode=true] .generate-quiz-container .question-image-preview,body.dark-mode .generate-quiz-container .question-image-preview{border-color:var(--gq-dark-border-strong);box-shadow:0 12px 26px #00000047}.dark-mode .generate-quiz-container .spinner,.dark-mode .generate-quiz-container .spinner-small,[data-dark-mode=true] .generate-quiz-container .spinner,[data-dark-mode=true] .generate-quiz-container .spinner-small,body.dark-mode .generate-quiz-container .spinner,body.dark-mode .generate-quiz-container .spinner-small{border-color:#fff #ffffff47 #ffffff47}.generation-loading-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a75;box-sizing:border-box;display:grid;inset:0;min-height:100%;padding:1.5rem;place-items:center;position:fixed;width:100%;z-index:2000}.generation-loading-dialog{animation:generation-dialog-enter .3s ease-out;background:#fffffffa;border:1px solid #94a3b84d;border-radius:20px;box-shadow:0 24px 70px #0f172a47;box-sizing:border-box;color:#1e293b;max-height:calc(100vh - 3rem);outline:none;overflow-y:auto;padding:2.5rem 2.25rem 2.25rem;text-align:center;width:min(100%,460px)}.generation-loading-dialog:focus-visible{box-shadow:0 24px 70px #0f172a47,0 0 0 4px #2980b938}.generation-loading-indicator{height:64px;margin:0 auto 1.5rem;position:relative;width:64px}.generation-loading-core,.generation-loading-ring{border-radius:50%;box-sizing:border-box;position:absolute}.generation-loading-ring{animation:generation-loader-spin 1s linear infinite;border:4px solid #dbeafe;border-top-color:#2980b9;inset:0}.generation-loading-core{animation:generation-loader-pulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,#38bdf8,#14b8a6);box-shadow:0 0 0 7px #38bdf81f;inset:17px}.generation-loading-dialog h2{color:#0f172a;font-family:Poppins,Segoe UI,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.3;margin:0}.generation-loading-status{animation:generation-status-enter .35s ease-out;color:#334155;font-size:1rem;margin:.9rem 0 0;min-height:3rem}.generation-loading-help,.generation-loading-status{font-family:Poppins,Segoe UI,sans-serif;line-height:1.5}.generation-loading-help{color:#64748b;font-size:.85rem;margin:.65rem 0 0}@keyframes generation-loader-spin{to{transform:rotate(1turn)}}@keyframes generation-loader-pulse{0%,to{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes generation-dialog-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes generation-status-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dark-mode .generation-loading-overlay,[data-dark-mode=true] .generation-loading-overlay,body.dark-mode .generation-loading-overlay{background:#020617b8}.dark-mode .generation-loading-dialog,[data-dark-mode=true] .generation-loading-dialog,body.dark-mode .generation-loading-dialog{background:#172033fa;border-color:#94a3b847;box-shadow:0 26px 76px #00000080;color:#f8fafc}.dark-mode .generation-loading-dialog h2,[data-dark-mode=true] .generation-loading-dialog h2,body.dark-mode .generation-loading-dialog h2{color:#f8fafc}.dark-mode .generation-loading-status,[data-dark-mode=true] .generation-loading-status,body.dark-mode .generation-loading-status{color:#cbd5e1}.dark-mode .generation-loading-help,[data-dark-mode=true] .generation-loading-help,body.dark-mode .generation-loading-help{color:#94a3b8}.dark-mode .generation-loading-ring,[data-dark-mode=true] .generation-loading-ring,body.dark-mode .generation-loading-ring{border-color:#38bdf8 #38bdf833 #38bdf833}@media (max-width:480px){.generation-loading-overlay{padding:1rem}.generation-loading-dialog{border-radius:16px;max-height:calc(100vh - 2rem);padding:2rem 1.35rem 1.75rem}.generation-loading-dialog h2{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.generation-loading-core,.generation-loading-dialog,.generation-loading-ring,.generation-loading-status{animation:none}}.my-classes-page{background:#002e5d;background:linear-gradient(90deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh}.my-classes-page.dark-mode{background:linear-gradient(90deg,#001a35,#001a35 35%,#1a5a8a);color:#e2e8f0}.my-classes-wrapper{min-height:100vh}.mc-header{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 4px 16px #0003;color:#fff;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mc-header,.mc-header-left{align-items:center;display:flex}.mc-header-title{font-size:1.5rem;font-weight:700;margin:0}.mc-header-right{align-items:center;display:flex;gap:1rem}.mc-header-subtitle{font-size:.9rem;font-weight:400;opacity:.85}.mc-back-button{background-color:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s ease}.mc-back-button:hover{background-color:#ffffff40}.mc-content{margin:0 auto;max-width:1200px;padding:2rem}.join-class-card,.my-class-card,.my-classes-empty,.my-classes-error,.my-classes-loading{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f}.dark-mode .join-class-card,.dark-mode .my-class-card,.dark-mode .my-classes-empty,.dark-mode .my-classes-error,.dark-mode .my-classes-loading{background:#1e293beb;box-shadow:0 8px 24px #00000059}.join-class-card{margin-bottom:2rem;padding:2rem}.join-class-title{border-bottom:2px solid #b8d4ed;color:#002e5d;font-size:1.5rem;font-weight:600;margin:0 0 .25rem;padding-bottom:.75rem}.dark-mode .join-class-title{border-bottom-color:#334155;color:#60a5fa}.join-class-instruction{color:#64748b;font-size:.9rem;margin:.75rem 0 1.5rem}.join-class-form{display:flex;flex-wrap:wrap;gap:.75rem}.join-class-input{background:#f8fafce6;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:.95rem;min-width:220px;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.join-class-input:focus{border-color:#2774ae;box-shadow:0 0 0 3px #2774ae26}.dark-mode .join-class-input{background:#0f172a99;border-color:#475569;color:#e2e8f0}.dark-mode .join-class-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.join-class-button{background:linear-gradient(135deg,#002e5d,#2774ae);border:none;border-radius:10px;box-shadow:0 4px 12px #002e5d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s;white-space:nowrap}.join-class-button:hover:not(.disabled){box-shadow:0 6px 18px #002e5d66;transform:translateY(-2px)}.join-class-button.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.join-class-message{animation:slideDown .3s ease;border-radius:10px;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.join-class-success{background:#16a34a1f;border:1px solid #16a34a4d;color:#16a34a}.join-class-error{background:#dc26261f;border:1px solid #dc26264d;color:#dc2626}.join-class-info{background:#2774ae1f;border:1px solid #2774ae4d;color:#2774ae}.my-classes-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;padding:3rem}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2774ae;height:40px;margin-bottom:1rem;width:40px}.my-classes-error{border-left:4px solid #dc2626;color:#dc2626;font-weight:500;margin-bottom:2rem;padding:1.5rem 2rem}.my-classes-empty{color:#64748b;padding:3rem 2rem;text-align:center}.my-classes-empty p{font-size:1.05rem;margin:.25rem 0}.empty-sub{font-size:.9rem!important;margin-top:.75rem!important;opacity:.7}.my-classes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.my-class-card{border-left:4px solid #2774ae;overflow:hidden;padding:1.75rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.my-class-card:before{background:linear-gradient(135deg,#0000 50%,#2774ae0f 0);border-radius:0 16px 0 0;content:"";height:80px;position:absolute;right:0;top:0;width:80px}.my-class-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.dark-mode .my-class-card{border-left-color:#60a5fa}.dark-mode .my-class-card:before{background:linear-gradient(135deg,#0000 50%,#60a5fa0f 0)}.my-class-title{border-bottom:2px solid #b8d4ed;color:#002e5d;font-size:1.25rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.dark-mode .my-class-title{border-bottom-color:#334155;color:#60a5fa}.my-class-details{display:flex;flex-direction:column;gap:.6rem}.my-class-detail{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.35rem 0}.detail-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:#1e293b;font-family:monospace;font-weight:500}.dark-mode .detail-value{color:#cbd5e1}.dark-mode .detail-label{color:#94a3b8}@media (max-width:768px){.mc-header{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-align:center}.mc-header-right{flex-direction:column;gap:.5rem}.mc-content{padding:1.25rem}.mc-header-title{font-size:1.3rem}.my-classes-grid{grid-template-columns:1fr}.join-class-form{flex-direction:column}.join-class-input{min-width:100%}.join-class-button{width:100%}.my-class-detail{align-items:flex-start;flex-direction:column;gap:2px}}@media (max-width:480px){.mc-header{padding:.75rem 1rem}.mc-content{padding:1rem}.join-class-card,.my-class-card{padding:1.25rem}}*{box-sizing:border-box}.mobile-upload-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:24px 16px}.mobile-upload-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;max-width:420px;padding:36px 24px;text-align:center;width:100%}.mobile-upload-loading{align-items:center;display:flex;flex-direction:column;gap:16px}.mobile-upload-spinner{animation:spin .85s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.mobile-upload-loading p{color:#64748b;font-size:.95rem;margin:0}.mobile-upload-icon{display:block;font-size:3rem;line-height:1;margin-bottom:12px}.mobile-upload-active .session-label{color:#4f46e5;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.mobile-upload-active h1{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 12px}.mobile-upload-active .session-ready-msg{color:#475569;font-size:1rem;margin:0 0 24px}.session-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.875rem;padding:16px;text-align:left}.session-meta-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.session-meta-row:not(:last-child){border-bottom:1px solid #f1f5f9;margin-bottom:6px;padding-bottom:10px}.session-meta-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.session-meta-value{color:#334155;font-size:.85rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.session-expiry{color:#94a3b8;font-size:.78rem;margin-top:16px;text-align:center}.mobile-upload-error h2,.mobile-upload-expired h2{font-size:1.25rem;font-weight:700;margin:0 0 10px}.mobile-upload-error h2{color:#dc2626}.mobile-upload-expired h2{color:#d97706}.mobile-upload-error p,.mobile-upload-expired p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.mobile-upload-footer{color:#ffffff73;font-size:.75rem}.mobile-upload-controls,.mobile-upload-footer{margin-top:20px;text-align:center}.upload-instructions{color:#64748b;font-size:.875rem;line-height:1.4;margin:0 0 14px}.mobile-btn-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mobile-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:12px 18px;transition:background .18s,transform .12s,box-shadow .18s}.mobile-btn:active:not(:disabled){transform:scale(.97)}.mobile-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-btn-primary{background:#4f46e5;box-shadow:0 4px 12px #4f46e54d;color:#fff;flex:1 1;min-width:140px}.mobile-btn-primary:hover:not(:disabled){background:#4338ca;box-shadow:0 6px 16px #4f46e566}.mobile-btn-secondary{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#334155;flex:1 1;min-width:140px}.mobile-btn-secondary:hover:not(:disabled){background:#e2e8f0}.mobile-btn-upload{background:#16a34a;box-shadow:0 4px 12px #16a34a4d;color:#fff;font-size:1rem;margin-top:16px;padding:14px;width:100%}.mobile-btn-upload:hover:not(:disabled){background:#15803d}.mobile-thumbnails-section{margin-top:20px;text-align:left}.thumbnails-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.thumbnails-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.max-badge{color:#dc2626}.reorder-hint{color:#94a3b8;font-size:.72rem;margin:0;white-space:nowrap}.mobile-page-list{display:flex;flex-direction:column;gap:8px}.mobile-page-row{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:8px;transition:border-color .15s}.mobile-page-row:focus-within{border-color:#4f46e5}.mobile-page-thumb{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;height:68px;overflow:hidden;width:52px}.mobile-page-thumb img{display:block;height:100%;object-fit:cover;width:100%}.mobile-page-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mobile-page-badge{background:#4f46e5;border-radius:20px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.mobile-page-name{color:#94a3b8;font-size:.72rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-page-controls{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.mobile-reorder-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;line-height:1;transition:background .13s,border-color .13s,color .13s;width:32px}.mobile-reorder-btn:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;color:#fff}.mobile-reorder-btn:disabled{cursor:not-allowed;opacity:.3}.mobile-reorder-btn--remove{border-color:#fca5a5;color:#ef4444}.mobile-reorder-btn--remove:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.mobile-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.mobile-progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px;height:100%;transition:width .3s ease}.mobile-upload-error-msg{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;margin-top:14px;padding:12px 14px;text-align:center}.mobile-upload-error-msg p{color:#dc2626;font-size:.85rem;line-height:1.4;margin:0 0 10px}.mobile-upload-success{background:#f0fdf4;border:1.5px solid #86efac;border-radius:14px;margin:16px 0;padding:18px 16px;text-align:center}.success-icon{display:block;font-size:2rem;margin-bottom:8px}.success-msg{color:#15803d;font-size:1rem;font-weight:700;margin:0 0 6px}.success-sub{color:#64748b;font-size:.8rem;line-height:1.4;margin:0 0 14px}.edit-quiz-page{--edit-quiz-ink:#10253f;--edit-quiz-muted:#60738a;--edit-quiz-border:#7b9fba47;--edit-quiz-surface:#fffffff0;--edit-quiz-soft-surface:#f5f9fc;--edit-quiz-primary:#087e8b;--edit-quiz-primary-strong:#075b72;--edit-quiz-accent:#0ea5a6;background:radial-gradient(circle at 9% 4%,#38bdf824,#0000 29rem),radial-gradient(circle at 92% 18%,#2dd4bf1f,#0000 26rem),linear-gradient(145deg,#f8fbfd,#eef6f7 48%,#f5f8fc);color:var(--edit-quiz-ink);font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding:clamp(24px,4vw,56px) 20px 64px}.edit-quiz-page,.edit-quiz-page *,.edit-quiz-page :after,.edit-quiz-page :before{box-sizing:border-box}.edit-quiz-shell{margin:0 auto;width:min(100%,1060px)}.edit-quiz-shell--builder{width:min(100%,1100px)}.edit-quiz-header{align-items:flex-start;display:flex;gap:28px;justify-content:space-between;margin-bottom:24px;padding:8px 4px 4px}.edit-quiz-eyebrow,.edit-quiz-section-kicker{color:var(--edit-quiz-primary);font-size:.73rem;font-weight:800;letter-spacing:.115em;margin:0 0 7px;text-transform:uppercase}.edit-quiz-header h1,.edit-quiz-loading-panel h1{color:var(--edit-quiz-ink);font-size:clamp(2rem,5vw,3rem);font-weight:750;letter-spacing:-.045em;line-height:1.08;margin:0}.edit-quiz-header-copy{color:var(--edit-quiz-muted);font-size:.98rem;line-height:1.7;margin:12px 0 0;max-width:680px}.edit-quiz-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--edit-quiz-surface);border:1px solid var(--edit-quiz-border);border-radius:22px;box-shadow:0 18px 45px rgba(15,45,67,.075),inset 0 1px 0 #ffffffe6;margin-top:18px;padding:clamp(22px,4vw,34px)}.edit-quiz-section-heading{align-items:flex-start;border-bottom:1px solid var(--edit-quiz-border);display:flex;gap:28px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.edit-quiz-section-heading--compact{align-items:center;border-bottom:0;margin-bottom:0;padding-bottom:0}.edit-quiz-questions-header h2,.edit-quiz-section-heading h2{color:var(--edit-quiz-ink);font-size:clamp(1.25rem,3vw,1.55rem);font-weight:720;letter-spacing:-.025em;margin:0}.edit-quiz-section-heading>p{color:var(--edit-quiz-muted);font-size:.88rem;line-height:1.6;margin:3px 0 0;max-width:410px;text-align:right}.edit-quiz-form-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-quiz-field{display:flex;flex-direction:column;gap:8px;min-width:0}.edit-quiz-field label{color:var(--edit-quiz-ink);font-size:.88rem;font-weight:700;margin:0}.edit-quiz-field input,.edit-quiz-modal-filters input,.edit-quiz-modal-filters select{background:#fff;border:1px solid #c9d8e4;border-radius:11px;box-shadow:0 1px 2px rgba(15,23,42,.025);color:var(--edit-quiz-ink);font:inherit;font-size:.92rem;margin:0;min-height:46px;padding:10px 13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.edit-quiz-field input:hover:not(:read-only),.edit-quiz-modal-filters input:hover,.edit-quiz-modal-filters select:hover{border-color:#8eb7c7}.edit-quiz-field input:focus-visible,.edit-quiz-modal-filters input:focus-visible,.edit-quiz-modal-filters select:focus-visible,.edit-quiz-page button:focus-visible{outline:3px solid #0ea5a640;outline-offset:2px}.edit-quiz-input--readonly{background:#f1f5f8!important;color:#66798d!important;cursor:default}.edit-quiz-field-hint{color:var(--edit-quiz-muted);font-size:.76rem;line-height:1.5}.edit-quiz-toggle-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.edit-quiz-toggle{align-items:flex-start;background:var(--edit-quiz-soft-surface);border:1px solid var(--edit-quiz-border);border-radius:15px;color:var(--edit-quiz-ink);cursor:pointer;display:flex;font:inherit;gap:14px;min-width:0;padding:17px;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.edit-quiz-toggle:hover{background:#f0fbfb;border-color:#0ea5a67a;transform:translateY(-1px)}.edit-quiz-toggle--active{background:linear-gradient(135deg,#ccfbf17a,#e0f2fe94);border-color:#0ea5a66b}.edit-quiz-toggle-track{background:#b8c5d0;border-radius:99px;box-shadow:inset 0 1px 2px #0f172a26;display:inline-flex;flex:0 0 44px;height:25px;margin-top:2px;position:relative;transition:background .2s ease;width:44px}.edit-quiz-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0f172a38;height:19px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:19px}.edit-quiz-toggle--active .edit-quiz-toggle-track{background:linear-gradient(135deg,var(--edit-quiz-primary),var(--edit-quiz-accent))}.edit-quiz-toggle--active .edit-quiz-toggle-knob{transform:translateX(19px)}.edit-quiz-toggle-copy{grid-gap:4px;display:grid;gap:4px}.edit-quiz-toggle-copy strong{font-size:.91rem}.edit-quiz-toggle-copy span{color:var(--edit-quiz-muted);font-size:.76rem;line-height:1.5}.edit-quiz-learning-section{background:linear-gradient(115deg,#f0fdfae0,#fffffff2 48%,#f0f9ffd9);overflow:hidden}.edit-quiz-learning-layout{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) auto}.edit-quiz-learning-description{color:var(--edit-quiz-muted);font-size:.9rem;line-height:1.65;margin:12px 0 0;max-width:720px}.edit-quiz-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:750;min-height:29px;padding:5px 11px;white-space:nowrap}.edit-quiz-status-badge--ready{background:#e8fff9;border-color:#99f6e4;color:#0f766e}.edit-quiz-status-badge--empty{background:#f4f7f9;border-color:#d7e1e8;color:#64748b}.edit-quiz-status-badge--error{background:#fff1f2;border-color:#fecaca;color:#b4233a}.edit-quiz-learning-action{min-width:190px}.edit-quiz-notice,.learning-content-management-error,.learning-content-management-message{border:1px solid;border-radius:12px;box-shadow:0 5px 15px #0f172a0a;font-size:.86rem;line-height:1.55;margin:16px 0 0;padding:13px 16px}.edit-quiz-notice{margin:0 0 18px}.edit-quiz-notice--success,.learning-content-management-message.success{background:#ecfdf5;border-color:#a7f3d0;color:#12613f}.edit-quiz-notice--error,.learning-content-management-error,.learning-content-management-message.error{background:#fff1f2;border-color:#fecaca;color:#9f2339}.edit-quiz-questions-header{align-items:flex-start;border-bottom:1px solid var(--edit-quiz-border);display:flex;gap:24px;justify-content:space-between;margin-bottom:22px;padding-bottom:20px}.edit-quiz-title-with-count{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.edit-quiz-title-with-count>span{background:#edf6f8;border-radius:999px;color:var(--edit-quiz-primary-strong);font-size:.73rem;font-weight:750;padding:4px 9px}.edit-quiz-questions-help{color:var(--edit-quiz-muted);font-size:.84rem;margin:8px 0 0}.edit-quiz-question-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.edit-quiz-reorder-hint{color:var(--edit-quiz-muted);font-size:.73rem;margin-right:3px}.edit-quiz-question-list{grid-gap:10px;display:grid;gap:10px}.edit-quiz-question-item{grid-gap:11px;align-items:center;background:#fbfdfe;border:1px solid var(--edit-quiz-border);border-radius:14px;display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;margin:0;padding:15px 16px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.edit-quiz-question-item:hover{border-color:#0ea5a659;box-shadow:0 8px 20px #0f2d430f;transform:translateY(-1px)}.edit-quiz-order-badge{background:linear-gradient(140deg,var(--edit-quiz-primary-strong),var(--edit-quiz-accent));border-radius:11px;box-shadow:0 5px 12px #087e8b2e;color:#fff;display:grid;font-size:.82rem;font-weight:800;height:36px;place-items:center;width:36px}.edit-quiz-question-info{min-width:0}.edit-quiz-question-label{color:var(--edit-quiz-ink);font-size:.87rem;font-weight:750}.edit-quiz-question-preview{color:var(--edit-quiz-muted);font-size:.76rem;line-height:1.45;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-quiz-marks-badge{background:#eaf4ff;border-radius:999px;color:#245b91;font-size:.72rem;font-weight:750;padding:5px 9px;white-space:nowrap}.edit-quiz-button,.edit-quiz-icon-button,.edit-quiz-modal-close,.edit-quiz-remove-button{border:0;cursor:pointer;font:inherit}.edit-quiz-icon-button{background:#fff;border:1px solid #cad9e4;border-radius:9px;color:var(--edit-quiz-primary-strong);display:grid;font-size:.94rem;font-weight:800;height:34px;place-items:center;transition:border-color .16s ease,background .16s ease,transform .16s ease;width:34px}.edit-quiz-icon-button:hover:not(:disabled){background:#edfcfc;border-color:#82cbd1;transform:translateY(-1px)}.edit-quiz-icon-button:disabled{background:#f5f7f8;border-color:#e1e8ed;color:#afbdc8;cursor:not-allowed}.edit-quiz-remove-button{background:#fff;border:1px solid #fecaca;border-radius:9px;color:#c52b43;font-size:.72rem;font-weight:750;min-height:34px;padding:6px 10px;transition:border-color .16s ease,background .16s ease}.edit-quiz-remove-button:hover{background:#fff1f2;border-color:#fb7185}.edit-quiz-empty-questions{background:var(--edit-quiz-soft-surface);border:1px dashed #bdcdd9;border-radius:15px;padding:36px 20px;text-align:center}.edit-quiz-empty-questions p{color:var(--edit-quiz-muted);font-size:.87rem;line-height:1.6;margin:0}.edit-quiz-bottom-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid var(--edit-quiz-border);border-radius:18px;box-shadow:0 12px 30px #0f2d430f;display:flex;gap:12px;justify-content:flex-end;margin-top:18px;padding:18px clamp(20px,4vw,28px)}.edit-quiz-button{align-items:center;border:1px solid #0000;border-radius:11px;display:inline-flex;font-size:.82rem;font-weight:750;justify-content:center;line-height:1.25;min-height:42px;padding:9px 16px;text-decoration:none;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background .17s ease}.edit-quiz-button:hover:not(:disabled){transform:translateY(-1px)}.edit-quiz-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.edit-quiz-button--primary{background:linear-gradient(135deg,var(--edit-quiz-primary-strong),var(--edit-quiz-primary));box-shadow:0 7px 18px #075b722e;color:#fff}.edit-quiz-button--primary:hover:not(:disabled){box-shadow:0 10px 22px #075b723d}.edit-quiz-button--secondary{background:#ffffffdb;border-color:#c8d6e1;color:#38536b}.edit-quiz-button--secondary:hover:not(:disabled){background:#fff;border-color:#8db4c2}.edit-quiz-button--tertiary{background:#f7f3ff;border-color:#d6c8f3;color:#6843a7}.edit-quiz-button--tertiary:hover:not(:disabled){background:#f2ebff;border-color:#b69ae8}.edit-quiz-button--save{background:linear-gradient(135deg,#087e68,#10a37f);box-shadow:0 7px 18px #087e6833;color:#fff;min-width:138px}.edit-quiz-button--save:hover:not(:disabled){box-shadow:0 10px 22px #087e6845}.edit-quiz-loading-page{display:grid;min-height:100vh;place-items:center}.edit-quiz-loading-panel{animation:edit-quiz-panel-enter .32s cubic-bezier(.22,1,.36,1);background:#fffffff2;border:1px solid var(--edit-quiz-border);border-radius:24px;box-shadow:0 28px 70px #0f2d4324,inset 0 1px 0 #fffffff2;overflow:hidden;padding:clamp(34px,7vw,50px) clamp(24px,6vw,42px);position:relative;text-align:center;width:min(100%,470px)}.edit-quiz-loading-panel:before{background:linear-gradient(90deg,#38bdf8,#14b8a6);border-radius:0 0 999px 999px;content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:128px}.edit-quiz-loading-indicator{height:66px;margin:0 auto 24px;position:relative;width:66px}.edit-quiz-loading-core,.edit-quiz-loading-ring{border-radius:50%;position:absolute}.edit-quiz-loading-ring{animation:edit-quiz-loader-spin 1.05s linear infinite;border-color:#0786a2 #14b8a6 #dceef4 #dceef4;border-style:solid;border-width:4px;inset:0}.edit-quiz-loading-core{animation:edit-quiz-loader-pulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,#38bdf8,#14b8a6);box-shadow:0 0 0 8px #14b8a617;inset:18px}.edit-quiz-loading-panel .edit-quiz-eyebrow{margin-bottom:8px}.edit-quiz-loading-panel h1{font-size:clamp(1.65rem,6vw,2.15rem)}.edit-quiz-loading-panel>p:last-child{color:var(--edit-quiz-muted);font-size:.92rem;line-height:1.65;margin:13px 0 0}@keyframes edit-quiz-loader-spin{to{transform:rotate(1turn)}}@keyframes edit-quiz-loader-pulse{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes edit-quiz-panel-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-quiz-modal-backdrop{animation:edit-quiz-backdrop-enter .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 38%,#2dd4bf17,#0000 32rem),#071322ad;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:9000}.edit-quiz-modal{animation:edit-quiz-modal-enter .28s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #94a3b84d;border-radius:22px;box-shadow:0 30px 85px #02101f4d;color:var(--edit-quiz-ink);display:flex;flex-direction:column;max-height:min(88vh,820px);overflow:hidden;width:min(100%,840px)}.edit-quiz-modal-header{align-items:flex-start;border-bottom:1px solid var(--edit-quiz-border);display:flex;flex:0 0 auto;gap:18px;justify-content:space-between;padding:24px 28px 20px}.edit-quiz-modal-header h2{color:var(--edit-quiz-ink);font-size:1.35rem;letter-spacing:-.025em;margin:0}.edit-quiz-modal-header>div>p:last-child{color:var(--edit-quiz-muted);font-size:.82rem;margin:6px 0 0}.edit-quiz-modal-close{background:#f7fafb;border:1px solid #d5e0e8;border-radius:11px;color:#536a7f;display:grid;flex:0 0 38px;font-size:1.35rem;height:38px;line-height:1;place-items:center;width:38px}.edit-quiz-modal-close:hover{background:#fff;border-color:#a9c2cf}.edit-quiz-modal-filters{background:#f8fbfc;border-bottom:1px solid var(--edit-quiz-border);flex:0 0 auto;padding:18px 28px}.edit-quiz-modal-search{margin-bottom:10px!important}.edit-quiz-modal-filter-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1.1fr repeat(3,minmax(100px,1fr))}.edit-quiz-modal-filter-grid input,.edit-quiz-modal-filter-grid select{font-size:.78rem;min-height:40px;min-width:0;padding:8px 10px}.edit-quiz-modal-list{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:14px 28px}.edit-quiz-modal-empty{color:var(--edit-quiz-muted);font-size:.86rem;font-style:italic;margin:0;padding:46px 12px;text-align:center}.edit-quiz-bank-question{align-items:flex-start;background:#fbfdfe;border:1px solid var(--edit-quiz-border);border-radius:13px;cursor:pointer;display:flex;gap:12px;margin-bottom:9px;padding:13px 14px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.edit-quiz-bank-question:hover:not(.edit-quiz-bank-question--added){border-color:#0ea5a66e;box-shadow:0 5px 15px rgba(15,45,67,.055)}.edit-quiz-bank-question--selected{background:#eefcfc;border-color:#20a7af}.edit-quiz-bank-question--added{background:#f0fbf6;border-color:#b7ead4;cursor:default}.edit-quiz-bank-question-check{flex:0 0 auto;padding-top:2px}.edit-quiz-bank-question-check input{accent-color:var(--edit-quiz-primary);cursor:pointer;height:17px;margin:0;width:17px}.edit-quiz-bank-added-icon{font-size:1rem}.edit-quiz-bank-question-content{flex:1 1;min-width:0}.edit-quiz-bank-question-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.edit-quiz-bank-question-label{color:var(--edit-quiz-primary-strong);font-size:.8rem;font-weight:750}.edit-quiz-bank-tag{background:#edf1f5;border-radius:999px;color:#45596d;font-size:.68rem;font-weight:650;padding:3px 8px}.edit-quiz-bank-tag--marks{background:#e7f2ff;color:#255b91}.edit-quiz-bank-tag--topic{background:#fff7df;color:#895c14}.edit-quiz-bank-tag--added{background:#dff8ec;color:#15704b}.edit-quiz-bank-question-preview{color:var(--edit-quiz-muted);font-size:.76rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.edit-quiz-modal-footer{align-items:center;background:#f8fbfc;border-top:1px solid var(--edit-quiz-border);display:flex;flex:0 0 auto;gap:18px;justify-content:space-between;padding:16px 28px}.edit-quiz-modal-selection-count{color:var(--edit-quiz-muted);font-size:.77rem}.edit-quiz-modal-footer-actions{display:flex;gap:10px}.edit-quiz-visually-hidden{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@keyframes edit-quiz-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes edit-quiz-modal-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .edit-quiz-page,[data-dark-mode=true] .edit-quiz-page,body.dark-mode .edit-quiz-page{--edit-quiz-ink:#eff8fc;--edit-quiz-muted:#a8bac9;--edit-quiz-border:#94b8cc33;--edit-quiz-surface:#111d2fed;--edit-quiz-soft-surface:#101c2d;--edit-quiz-primary:#49d2d4;--edit-quiz-primary-strong:#78e6e4;background:radial-gradient(circle at 8% 4%,#0ea5e921,#0000 28rem),radial-gradient(circle at 92% 18%,#14b8a61c,#0000 25rem),linear-gradient(145deg,#07111f,#0b1725 50%,#0d1928)}.dark-mode .edit-quiz-bottom-actions,.dark-mode .edit-quiz-section,[data-dark-mode=true] .edit-quiz-bottom-actions,[data-dark-mode=true] .edit-quiz-section,body.dark-mode .edit-quiz-bottom-actions,body.dark-mode .edit-quiz-section{box-shadow:0 20px 50px #0000003d,inset 0 1px 0 hsla(0,0%,100%,.035)}.dark-mode .edit-quiz-learning-section,[data-dark-mode=true] .edit-quiz-learning-section,body.dark-mode .edit-quiz-learning-section{background:linear-gradient(115deg,#0d2e34e6,#111d2ff5 48%,#0d2438eb)}.dark-mode .edit-quiz-field input,.dark-mode .edit-quiz-modal-filters input,.dark-mode .edit-quiz-modal-filters select,[data-dark-mode=true] .edit-quiz-field input,[data-dark-mode=true] .edit-quiz-modal-filters input,[data-dark-mode=true] .edit-quiz-modal-filters select,body.dark-mode .edit-quiz-field input,body.dark-mode .edit-quiz-modal-filters input,body.dark-mode .edit-quiz-modal-filters select{background:#0b1625;border-color:#94b8cc45;color:#eef8fc;color-scheme:dark}.dark-mode .edit-quiz-input--readonly,[data-dark-mode=true] .edit-quiz-input--readonly,body.dark-mode .edit-quiz-input--readonly{background:#111e2f!important;color:#92a7b8!important}.dark-mode .edit-quiz-toggle:hover,[data-dark-mode=true] .edit-quiz-toggle:hover,body.dark-mode .edit-quiz-toggle:hover{background:#112536}.dark-mode .edit-quiz-toggle--active,[data-dark-mode=true] .edit-quiz-toggle--active,body.dark-mode .edit-quiz-toggle--active{background:linear-gradient(135deg,#0d534f73,#0c39508c)}.dark-mode .edit-quiz-status-badge--ready,[data-dark-mode=true] .edit-quiz-status-badge--ready,body.dark-mode .edit-quiz-status-badge--ready{background:#0d5b5270;border-color:#2dd4bf4d;color:#8ef1df}.dark-mode .edit-quiz-status-badge--empty,[data-dark-mode=true] .edit-quiz-status-badge--empty,body.dark-mode .edit-quiz-status-badge--empty{background:#33415573;border-color:#94a3b840;color:#c0ceda}.dark-mode .edit-quiz-status-badge--error,[data-dark-mode=true] .edit-quiz-status-badge--error,body.dark-mode .edit-quiz-status-badge--error{background:#7e1d324d;border-color:#fb718557;color:#fda4af}.dark-mode .edit-quiz-button--secondary,.dark-mode .edit-quiz-icon-button,.dark-mode .edit-quiz-question-item,.dark-mode .edit-quiz-remove-button,[data-dark-mode=true] .edit-quiz-button--secondary,[data-dark-mode=true] .edit-quiz-icon-button,[data-dark-mode=true] .edit-quiz-question-item,[data-dark-mode=true] .edit-quiz-remove-button,body.dark-mode .edit-quiz-button--secondary,body.dark-mode .edit-quiz-icon-button,body.dark-mode .edit-quiz-question-item,body.dark-mode .edit-quiz-remove-button{background:#101c2d;border-color:#94b8cc3b;color:#dbeaf2}.dark-mode .edit-quiz-marks-badge,[data-dark-mode=true] .edit-quiz-marks-badge,body.dark-mode .edit-quiz-marks-badge{background:#1e568259;color:#b6dcff}.dark-mode .edit-quiz-title-with-count>span,[data-dark-mode=true] .edit-quiz-title-with-count>span,body.dark-mode .edit-quiz-title-with-count>span{background:#1c6c7247;color:#9ee}.dark-mode .edit-quiz-button--tertiary,[data-dark-mode=true] .edit-quiz-button--tertiary,body.dark-mode .edit-quiz-button--tertiary{background:#4c1d9538;border-color:#c4b5fd42;color:#d8c8ff}.dark-mode .edit-quiz-empty-questions,[data-dark-mode=true] .edit-quiz-empty-questions,body.dark-mode .edit-quiz-empty-questions{border-color:#94b8cc45}.dark-mode .edit-quiz-notice--success,.dark-mode .learning-content-management-message.success,[data-dark-mode=true] .edit-quiz-notice--success,[data-dark-mode=true] .learning-content-management-message.success,body.dark-mode .edit-quiz-notice--success,body.dark-mode .learning-content-management-message.success{background:#065f464d;border-color:#34d3994d;color:#a7f3d0}.dark-mode .edit-quiz-notice--error,.dark-mode .learning-content-management-error,.dark-mode .learning-content-management-message.error,[data-dark-mode=true] .edit-quiz-notice--error,[data-dark-mode=true] .learning-content-management-error,[data-dark-mode=true] .learning-content-management-message.error,body.dark-mode .edit-quiz-notice--error,body.dark-mode .learning-content-management-error,body.dark-mode .learning-content-management-message.error{background:#7e1d3247;border-color:#fb71854d;color:#fecdd3}.dark-mode .edit-quiz-loading-panel,[data-dark-mode=true] .edit-quiz-loading-panel,body.dark-mode .edit-quiz-loading-panel{background:linear-gradient(145deg,#111d2ffa,#091422fc);border-color:#94b8cc3b;box-shadow:0 30px 80px #0000007a}.dark-mode .edit-quiz-loading-ring,[data-dark-mode=true] .edit-quiz-loading-ring,body.dark-mode .edit-quiz-loading-ring{border-color:#38bdf8 #2dd4bf #49d2d429 #49d2d429}.dark-mode .edit-quiz-modal,[data-dark-mode=true] .edit-quiz-modal,body.dark-mode .edit-quiz-modal{background:#111d2f;border-color:#94b8cc3b;box-shadow:0 34px 95px #00000094;color:#eff8fc}.dark-mode .edit-quiz-modal-filters,.dark-mode .edit-quiz-modal-footer,[data-dark-mode=true] .edit-quiz-modal-filters,[data-dark-mode=true] .edit-quiz-modal-footer,body.dark-mode .edit-quiz-modal-filters,body.dark-mode .edit-quiz-modal-footer{background:#0d1929}.dark-mode .edit-quiz-modal-close,[data-dark-mode=true] .edit-quiz-modal-close,body.dark-mode .edit-quiz-modal-close{background:#16253a;border-color:#94b8cc40;color:#c8d8e4}.dark-mode .edit-quiz-bank-question,[data-dark-mode=true] .edit-quiz-bank-question,body.dark-mode .edit-quiz-bank-question{background:#0e1a2a}.dark-mode .edit-quiz-bank-question--selected,[data-dark-mode=true] .edit-quiz-bank-question--selected,body.dark-mode .edit-quiz-bank-question--selected{background:#0c555b5c;border-color:#2bbac0}.dark-mode .edit-quiz-bank-question--added,[data-dark-mode=true] .edit-quiz-bank-question--added,body.dark-mode .edit-quiz-bank-question--added{background:#064e3b47;border-color:#34d39947}.dark-mode .edit-quiz-bank-tag,[data-dark-mode=true] .edit-quiz-bank-tag,body.dark-mode .edit-quiz-bank-tag{background:#203044;color:#c8d6e1}.dark-mode .edit-quiz-bank-tag--marks,[data-dark-mode=true] .edit-quiz-bank-tag--marks,body.dark-mode .edit-quiz-bank-tag--marks{background:#1e568261;color:#b6dcff}.dark-mode .edit-quiz-bank-tag--topic,[data-dark-mode=true] .edit-quiz-bank-tag--topic,body.dark-mode .edit-quiz-bank-tag--topic{background:#925c0e4d;color:#fde68a}.dark-mode .edit-quiz-bank-tag--added,[data-dark-mode=true] .edit-quiz-bank-tag--added,body.dark-mode .edit-quiz-bank-tag--added{background:#0f765359;color:#a7f3d0}@media (max-width:820px){.edit-quiz-page{padding:26px 14px 48px}.edit-quiz-header,.edit-quiz-questions-header{align-items:stretch;flex-direction:column}.edit-quiz-header>.edit-quiz-button{align-self:flex-start}.edit-quiz-question-actions{justify-content:flex-start}.edit-quiz-question-item{grid-template-columns:auto minmax(0,1fr) auto auto auto}.edit-quiz-remove-button{grid-column:2/-1;justify-self:end}.edit-quiz-modal-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.edit-quiz-page{padding-inline:10px}.edit-quiz-header{padding-inline:8px}.edit-quiz-learning-layout,.edit-quiz-section-heading{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.edit-quiz-section-heading>p{max-width:none;text-align:left}.edit-quiz-section-heading--compact{gap:12px}.edit-quiz-status-badge{align-self:flex-start}.edit-quiz-form-grid,.edit-quiz-toggle-grid{grid-template-columns:1fr}.edit-quiz-learning-action{width:100%}.edit-quiz-question-item{gap:9px;grid-template-columns:auto minmax(0,1fr) auto auto}.edit-quiz-question-info{grid-column:2/-1}.edit-quiz-marks-badge{grid-column:2;grid-row:2;justify-self:start}.edit-quiz-question-item>.edit-quiz-icon-button:first-of-type{grid-column:3;grid-row:2}.edit-quiz-question-item>.edit-quiz-icon-button:nth-of-type(2){grid-column:4;grid-row:2}.edit-quiz-remove-button{grid-column:2/-1;grid-row:3;justify-self:start}.edit-quiz-bottom-actions{align-items:stretch;flex-direction:column}.edit-quiz-bottom-actions .edit-quiz-button{width:100%}.edit-quiz-modal-backdrop{align-items:end;padding:8px}.edit-quiz-modal{border-radius:19px;max-height:92vh}.edit-quiz-modal-filters,.edit-quiz-modal-footer,.edit-quiz-modal-header,.edit-quiz-modal-list{padding-left:18px;padding-right:18px}.edit-quiz-modal-filter-grid{grid-template-columns:1fr}.edit-quiz-modal-footer{align-items:stretch;flex-direction:column}.edit-quiz-modal-footer-actions{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:420px){.edit-quiz-modal-footer-actions,.edit-quiz-question-actions{display:grid;grid-template-columns:1fr;width:100%}.edit-quiz-reorder-hint{grid-column:1}.edit-quiz-question-item{grid-template-columns:auto minmax(0,1fr) auto auto;padding:13px 11px}}@media (prefers-reduced-motion:reduce){.edit-quiz-page *,.edit-quiz-page :after,.edit-quiz-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.edit-quiz-loading-core,.edit-quiz-loading-ring{animation:none}}.password-required-page{align-items:center;background:radial-gradient(circle at top left,#1a73e824,#0000 32rem),linear-gradient(135deg,#f5f7fb,#eaf2ff);color:#202124;display:flex;font-family:Poppins,Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh;padding:32px 20px}.password-required-shell{width:min(100%,460px)}.password-required-brand{align-items:center;color:#174ea6;display:flex;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:18px}.password-required-logo{border-radius:8px;box-shadow:0 4px 14px #1a73e82e;height:38px;object-fit:cover;width:38px}.password-required-card{background:#fffffffa;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 18px 48px #0f172a1f;padding:34px 34px 28px;width:100%}.password-required-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:18px;color:#1a73e8;display:flex;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.password-required-card h1{color:#202124;font-size:1.8rem;line-height:1.2;margin:0 0 10px;text-align:center}.password-required-intro{color:#5f6368;font-size:.96rem;line-height:1.55;margin:0 0 26px;text-align:center}.password-required-form{display:flex;flex-direction:column}.password-required-form label{color:#3c4043;font-size:.88rem;font-weight:600;margin:0 0 8px}.password-required-input-row{margin-bottom:16px;position:relative}.password-required-input-row input{background:#fff;border:1.5px solid #dadce0;border-radius:10px;box-sizing:border-box;color:#202124;font:inherit;min-height:48px;padding:12px 52px 12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.password-required-input-row input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f;outline:none}.password-required-icon-button{align-items:center;background:#0000;border:0;border-radius:8px;color:#5f6368;cursor:pointer;display:inline-flex;height:34px;justify-content:center;position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px}.password-required-icon-button:hover{background:#eef4ff;color:#1a73e8}.password-required-checks{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0 0 18px;padding:0}.password-required-checks li{align-items:center;color:#6b7280;display:flex;font-size:.88rem;gap:9px}.password-required-checks span{color:#9ca3af;font-weight:700;text-align:center;width:18px}.password-required-checks li.valid,.password-required-checks li.valid span{color:#137333}.password-required-message{border-radius:10px;font-size:.9rem;line-height:1.45;margin-bottom:16px;padding:12px 14px}.password-required-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.password-required-message.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.password-required-submit{background:linear-gradient(135deg,#1a73e8,#1557b0);border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:13px 20px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.password-required-submit:hover:not(:disabled){box-shadow:0 8px 20px #1a73e847;transform:translateY(-1px)}.password-required-submit:disabled{cursor:not-allowed;opacity:.72}.password-required-logout{align-items:center;background:#fff5f5;border:1px solid #b91c1c38;border-radius:10px;color:#b91c1c;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:8px;justify-content:center;margin-top:14px;min-height:42px;width:100%}.password-required-logout:hover:not(:disabled){background:#fee2e2}.dark-mode .password-required-page,.password-required-page.password-required-dark,[data-dark-mode=true] .password-required-page,body.dark-mode .password-required-page{background:radial-gradient(circle at top left,#22d3ee14,#0000 34rem),linear-gradient(180deg,#0f172a,#111827 54%,#0f172a);color:#e5e7eb}.dark-mode .password-required-brand,.password-required-dark .password-required-brand,[data-dark-mode=true] .password-required-brand,body.dark-mode .password-required-brand{color:#67e8f9}.dark-mode .password-required-card,.password-required-dark .password-required-card,[data-dark-mode=true] .password-required-card,body.dark-mode .password-required-card{background:#172033;border-color:#94a3b840;box-shadow:0 24px 64px #00000057}.dark-mode .password-required-icon,.password-required-dark .password-required-icon,[data-dark-mode=true] .password-required-icon,body.dark-mode .password-required-icon{background:#0e749033;border:1px solid #22d3ee38;color:#67e8f9}.dark-mode .password-required-card h1,.password-required-dark .password-required-card h1,[data-dark-mode=true] .password-required-card h1,body.dark-mode .password-required-card h1{color:#f8fafc}.dark-mode .password-required-form label,.dark-mode .password-required-intro,.password-required-dark .password-required-form label,.password-required-dark .password-required-intro,[data-dark-mode=true] .password-required-form label,[data-dark-mode=true] .password-required-intro,body.dark-mode .password-required-form label,body.dark-mode .password-required-intro{color:#cbd5e1}.dark-mode .password-required-input-row input,.password-required-dark .password-required-input-row input,[data-dark-mode=true] .password-required-input-row input,body.dark-mode .password-required-input-row input{background:#111827;border-color:#94a3b852;color:#f8fafc}.dark-mode .password-required-input-row input:focus,.password-required-dark .password-required-input-row input:focus,[data-dark-mode=true] .password-required-input-row input:focus,body.dark-mode .password-required-input-row input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}.dark-mode .password-required-icon-button,.password-required-dark .password-required-icon-button,[data-dark-mode=true] .password-required-icon-button,body.dark-mode .password-required-icon-button{color:#cbd5e1}.dark-mode .password-required-icon-button:hover,.password-required-dark .password-required-icon-button:hover,[data-dark-mode=true] .password-required-icon-button:hover,body.dark-mode .password-required-icon-button:hover{background:#22d3ee1f;color:#67e8f9}.dark-mode .password-required-checks li,.password-required-dark .password-required-checks li,[data-dark-mode=true] .password-required-checks li,body.dark-mode .password-required-checks li{color:#94a3b8}.dark-mode .password-required-checks li.valid,.dark-mode .password-required-checks li.valid span,.password-required-dark .password-required-checks li.valid,.password-required-dark .password-required-checks li.valid span,[data-dark-mode=true] .password-required-checks li.valid,[data-dark-mode=true] .password-required-checks li.valid span,body.dark-mode .password-required-checks li.valid,body.dark-mode .password-required-checks li.valid span{color:#86efac}.dark-mode .password-required-message.error,.password-required-dark .password-required-message.error,[data-dark-mode=true] .password-required-message.error,body.dark-mode .password-required-message.error{background:#ef44441f;border-color:#f8717152;color:#fca5a5}.dark-mode .password-required-message.success,.password-required-dark .password-required-message.success,[data-dark-mode=true] .password-required-message.success,body.dark-mode .password-required-message.success{background:#22c55e1f;border-color:#86efac4d;color:#86efac}.dark-mode .password-required-logout,.password-required-dark .password-required-logout,[data-dark-mode=true] .password-required-logout,body.dark-mode .password-required-logout{background:#ef44441f;border-color:#f8717140;color:#fca5a5}.dark-mode .password-required-logout:hover:not(:disabled),.password-required-dark .password-required-logout:hover:not(:disabled),[data-dark-mode=true] .password-required-logout:hover:not(:disabled),body.dark-mode .password-required-logout:hover:not(:disabled){background:#ef44442e}@media (max-width:520px){.password-required-page{padding:24px 14px}.password-required-card{padding:28px 22px 24px}.password-required-card h1{font-size:1.55rem}}.account-security-page{align-items:center;background:radial-gradient(circle at top left,#1a73e824,#0000 32rem),linear-gradient(135deg,#f5f7fb,#eaf2ff);color:#202124;display:flex;font-family:Poppins,Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh;padding:32px 20px}.account-security-shell{width:min(100%,500px)}.account-security-back{align-items:center;background:#ffffffd6;border:1px solid #1a73e838;border-radius:10px;color:#174ea6;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:700;justify-content:center;margin-bottom:16px;min-height:40px;padding:0 16px}.account-security-back:hover{background:#eef4ff}.account-security-card{background:#fffffffa;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 18px 48px #0f172a1f;padding:34px 34px 28px;width:100%}.account-security-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:18px;color:#1a73e8;display:flex;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.account-security-card h1{color:#202124;font-size:1.8rem;line-height:1.2;margin:0 0 10px;text-align:center}.account-security-intro{color:#5f6368;font-size:.96rem;line-height:1.55;margin:0 0 26px;text-align:center}.account-security-form{display:flex;flex-direction:column}.account-security-form label{color:#3c4043;font-size:.88rem;font-weight:600;margin:0 0 8px}.account-security-input-row{margin-bottom:16px;position:relative}.account-security-input-row input{background:#fff;border:1.5px solid #dadce0;border-radius:10px;box-sizing:border-box;color:#202124;font:inherit;min-height:48px;padding:12px 52px 12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.account-security-input-row input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f;outline:none}.account-security-icon-button{align-items:center;background:#0000;border:0;border-radius:8px;color:#5f6368;cursor:pointer;display:inline-flex;height:34px;justify-content:center;position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px}.account-security-icon-button:hover:not(:disabled){background:#eef4ff;color:#1a73e8}.account-security-icon-button:disabled{cursor:not-allowed;opacity:.7}.account-security-checks{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0 0 18px;padding:0}.account-security-checks li{align-items:center;color:#6b7280;display:flex;font-size:.88rem;gap:9px}.account-security-checks span{color:#9ca3af;font-weight:700;text-align:center;width:18px}.account-security-checks li.valid,.account-security-checks li.valid span{color:#137333}.account-security-message,.account-security-provider-message{border-radius:10px;font-size:.9rem;line-height:1.45;margin-bottom:16px;padding:12px 14px}.account-security-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.account-security-message.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.account-security-provider-message{align-items:flex-start;background:#eef4ff;border:1px solid #1a73e82e;color:#174ea6;display:flex;gap:12px;margin-bottom:0}.account-security-provider-message p{margin:0}.account-security-submit{background:linear-gradient(135deg,#1a73e8,#1557b0);border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:13px 20px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.account-security-submit:hover:not(:disabled){box-shadow:0 8px 20px #1a73e847;transform:translateY(-1px)}.account-security-submit:disabled{cursor:not-allowed;opacity:.72}.account-security-page.account-security-dark,.dark-mode .account-security-page,[data-dark-mode=true] .account-security-page,body.dark-mode .account-security-page{background:radial-gradient(circle at top left,#22d3ee14,#0000 34rem),linear-gradient(180deg,#0f172a,#111827 54%,#0f172a);color:#e5e7eb}.account-security-dark .account-security-back,.dark-mode .account-security-back,[data-dark-mode=true] .account-security-back,body.dark-mode .account-security-back{background:#172033;border-color:#94a3b840;color:#67e8f9}.account-security-dark .account-security-back:hover,.dark-mode .account-security-back:hover,[data-dark-mode=true] .account-security-back:hover,body.dark-mode .account-security-back:hover{background:#22d3ee1f}.account-security-dark .account-security-card,.dark-mode .account-security-card,[data-dark-mode=true] .account-security-card,body.dark-mode .account-security-card{background:#172033;border-color:#94a3b840;box-shadow:0 24px 64px #00000057}.account-security-dark .account-security-icon,.dark-mode .account-security-icon,[data-dark-mode=true] .account-security-icon,body.dark-mode .account-security-icon{background:#0e749033;border:1px solid #22d3ee38;color:#67e8f9}.account-security-dark .account-security-card h1,.dark-mode .account-security-card h1,[data-dark-mode=true] .account-security-card h1,body.dark-mode .account-security-card h1{color:#f8fafc}.account-security-dark .account-security-form label,.account-security-dark .account-security-intro,.dark-mode .account-security-form label,.dark-mode .account-security-intro,[data-dark-mode=true] .account-security-form label,[data-dark-mode=true] .account-security-intro,body.dark-mode .account-security-form label,body.dark-mode .account-security-intro{color:#cbd5e1}.account-security-dark .account-security-input-row input,.dark-mode .account-security-input-row input,[data-dark-mode=true] .account-security-input-row input,body.dark-mode .account-security-input-row input{background:#111827;border-color:#94a3b852;color:#f8fafc}.account-security-dark .account-security-input-row input:focus,.dark-mode .account-security-input-row input:focus,[data-dark-mode=true] .account-security-input-row input:focus,body.dark-mode .account-security-input-row input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}.account-security-dark .account-security-icon-button,.dark-mode .account-security-icon-button,[data-dark-mode=true] .account-security-icon-button,body.dark-mode .account-security-icon-button{color:#cbd5e1}.account-security-dark .account-security-icon-button:hover:not(:disabled),.dark-mode .account-security-icon-button:hover:not(:disabled),[data-dark-mode=true] .account-security-icon-button:hover:not(:disabled),body.dark-mode .account-security-icon-button:hover:not(:disabled){background:#22d3ee1f;color:#67e8f9}.account-security-dark .account-security-checks li,.dark-mode .account-security-checks li,[data-dark-mode=true] .account-security-checks li,body.dark-mode .account-security-checks li{color:#94a3b8}.account-security-dark .account-security-checks li.valid,.account-security-dark .account-security-checks li.valid span,.dark-mode .account-security-checks li.valid,.dark-mode .account-security-checks li.valid span,[data-dark-mode=true] .account-security-checks li.valid,[data-dark-mode=true] .account-security-checks li.valid span,body.dark-mode .account-security-checks li.valid,body.dark-mode .account-security-checks li.valid span{color:#86efac}.account-security-dark .account-security-message.error,.dark-mode .account-security-message.error,[data-dark-mode=true] .account-security-message.error,body.dark-mode .account-security-message.error{background:#ef44441f;border-color:#f8717152;color:#fca5a5}.account-security-dark .account-security-message.success,.dark-mode .account-security-message.success,[data-dark-mode=true] .account-security-message.success,body.dark-mode .account-security-message.success{background:#22c55e1f;border-color:#86efac4d;color:#86efac}.account-security-dark .account-security-provider-message,.dark-mode .account-security-provider-message,[data-dark-mode=true] .account-security-provider-message,body.dark-mode .account-security-provider-message{background:#22d3ee1f;border-color:#22d3ee3d;color:#67e8f9}@media (max-width:520px){.account-security-page{padding:24px 14px}.account-security-card{padding:28px 22px 24px}.account-security-card h1{font-size:1.55rem}}
/*# sourceMappingURL=main.de3cd505.css.map*/