@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{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:linear-gradient(135deg,#1565c0,#0d3a7a 60%,#091f4a);bottom:0;display:flex;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;left:0;position:fixed;right:0;text-rendering:optimizeLegibility;top:0;z-index:9999}@keyframes fadeInLoadingScreen{0%{opacity:0}to{opacity:1}}.loading-content{align-items:center;animation:scaleInLoadingContent .6s cubic-bezier(.4,0,.2,1) .1s both;display:flex;flex-direction:column;gap:32px;text-align:center}@keyframes scaleInLoadingContent{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-logo{position:relative;z-index:2}.loading-logo-image{animation:floatLoadingLogo 3.5s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35)) brightness(1.05);height:80px;object-fit:contain;width:80px}@keyframes floatLoadingLogo{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}}.loading-spinner{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.spinner-ring{animation:spinLoadingRing 1.6s linear infinite;border-right:5px solid #ffffff26;border-top:5px solid #ffffff26;border-color:#fff #ffffff8c #ffffff26 #ffffff26;border-radius:50%;border-style:solid;border-width:5px;height:100px;position:absolute;width:100px}@keyframes spinLoadingRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen .loading-title{animation:fadeInLoadingText .6s cubic-bezier(.4,0,.2,1) .25s both;color:#fff!important;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;text-shadow:0 2px 12px #00000040}.loading-screen .loading-message{animation:fadeInLoadingText .6s cubic-bezier(.4,0,.2,1) .4s both;color:#ffffffb3!important;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.5;margin:0;min-height:24px}@keyframes fadeInLoadingText{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutLoadingScreen{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (max-width:768px){.loading-content{gap:28px}.loading-logo-image{height:64px;width:64px}.loading-spinner,.spinner-ring{height:90px;width:90px}.spinner-ring{border-width:5px}.loading-title{font-size:24px}.loading-message{font-size:14px}}@media (max-width:480px){.loading-content{gap:22px}.loading-logo-image{height:52px;width:52px}.loading-spinner,.spinner-ring{height:76px;width:76px}.spinner-ring{border-width:5px}.loading-title{font-size:22px}.loading-message{font-size:13px}}.lp{--lp-primary:#1565c0;--lp-primary-600:#1e50a0;--lp-primary-700:#0d3a7a;--lp-secondary-blue:#2774ae;--lp-primary-50:#e3f2fd;--lp-primary-100:#bbdefb;--lp-bg:#fff;--lp-bg-alt:#f7f9fc;--lp-surface:#fff;--lp-border:#e6e8ee;--lp-border-strong:#d6d9e2;--lp-text:#0f172a;--lp-text-2:#475569;--lp-text-3:#64748b;--lp-text-muted:#94a3b8;--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 2px 6px #0f172a0f;--lp-shadow-md:0 8px 24px #0f172a14;--lp-shadow-lg:0 18px 48px #0f172a1a;--lp-shadow-blue:0 8px 24px #1565c040;--lp-focus:0 0 0 3px #1565c033;--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:var(--lp-bg);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 h1,.lp h2,.lp h3,.lp h4,.lp h5,.lp h6{color:var(--lp-text);font-weight:700;letter-spacing:-.02em;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,#1565c024,#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:1180px;padding:0 24px;position:relative;width:100%;z-index:1}.lp-container--narrow{max-width:960px}.lp-nav{background:#0000;border-bottom:1px solid #0000;left:0;position:fixed;top:0;transition:background .25s var(--lp-ease),box-shadow .25s var(--lp-ease),border-color .25s var(--lp-ease);width:100%;z-index:100}.lp-nav.is-scrolled{backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:#ffffffd9;border-bottom-color:var(--lp-border);box-shadow:var(--lp-shadow-xs)}.lp-nav__inner{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:14px 24px;width:100%}.lp-nav__logo{align-items:center;color:var(--lp-text);display:inline-flex;font-size:16.5px;font-weight:600;gap:12px;letter-spacing:.1px;text-decoration:none;transition:opacity .2s var(--lp-ease);white-space:nowrap}.lp-nav__logo:hover{color:var(--lp-text);opacity:.85;text-decoration:none}.lp-nav__logo strong{color:var(--lp-primary);font-weight:700}.lp-nav__logo-img{height:32px;object-fit:contain;width:32px}.lp-nav__links{align-items:center;display:flex;gap:4px}.lp-nav__link{border-radius:10px;color:var(--lp-text-2);font-size:14.5px;font-weight:500;padding:9px 16px;position:relative;transition:color .2s var(--lp-ease),background .2s var(--lp-ease),transform .2s var(--lp-ease)}.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-nav__link:hover{background:var(--lp-bg-alt);color:var(--lp-text);text-decoration:none}.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:24px}.lp-nav__menu-btn{background:#0000;border:1px solid var(--lp-border);color:var(--lp-text);display:none;height:40px;width:40px}.lp-btn,.lp-nav__menu-btn{align-items:center;border-radius:10px;cursor:pointer;justify-content:center}.lp-btn{border:1px solid #0000;display:inline-flex;font-family:inherit;font-size:14.5px;font-weight:600;gap:10px;letter-spacing:.1px;line-height:1.2;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;padding:16px 32px}.lp-btn--block{width:100%}.lp-btn--primary{background:var(--lp-primary);box-shadow:var(--lp-shadow-blue);color:#fff}.lp-btn--primary:hover{background:var(--lp-primary-600);box-shadow:0 12px 28px #1565c04d;color:#fff;transform:translateY(-1px)}.lp-btn--ghost{background:#fff;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{padding:120px 0 80px;position:relative;z-index:1}.lp-hero__inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 auto;max-width:1180px;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:560px;position:relative;width:100%}.lp-hero__badge{align-items:center;background:var(--lp-primary-50);border:1px solid #1565c026;border-radius:999px;color:var(--lp-primary-600);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:28px;padding:7px 16px}.lp-hero__badge-dot{background:var(--lp-primary);border-radius:50%;box-shadow:0 0 0 3px #1565c02e;height:6px;width:6px}.lp-hero__title{color:var(--lp-text);font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.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__subtitle{color:var(--lp-text-2);font-size:17.5px;line-height:1.7;margin-bottom:40px;max-width:520px}.lp-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.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%}.hero-mockup{margin:0 auto;max-width:480px;position:relative;width:100%}.mockup-window{background:#fff;border:1px solid var(--lp-border);border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0f172a14;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(-3px)}.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:22px}.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:.08em;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-alt);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:-.01em;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,#eaf2fe,#f3f7fe);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:var(--lp-bg);padding:96px 0;position:relative;z-index:1}.lp-section--alt{background:var(--lp-bg-alt);border-bottom:1px solid var(--lp-border);border-top:1px solid var(--lp-border)}.lp-section__head{margin:0 auto 56px;max-width:720px;text-align:center}.lp-eyebrow{color:var(--lp-primary);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.lp-h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:14px}.lp-lede{color:var(--lp-text-2);font-size:17px;line-height:1.6}.lp-feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.lp-feature{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-lg);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;overflow:hidden;padding:40px 32px;position:relative;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),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s var(--lp-ease)}.lp-feature:hover{background-color:#fafbfc;border-color:var(--lp-primary-100);box-shadow:0 1px 2px #0f172a0a,0 16px 40px #1565c01f;transform:translateY(-6px)}.lp-feature:hover:before{opacity:1}.lp-feature__icon{align-items:center;background:var(--lp-primary-50);border-radius:14px;box-shadow:0 4px 12px #1565c01a;color:var(--lp-primary);display:flex;height:60px;justify-content:center;margin-bottom:28px;transition:transform .3s var(--lp-ease),box-shadow .3s var(--lp-ease);width:60px}.lp-feature:hover .lp-feature__icon{box-shadow:0 8px 20px #1565c033;transform:scale(1.1) translateY(-2px)}.lp-feature__title{color:var(--lp-text);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:12px}.lp-feature__text{color:var(--lp-text-2);font-size:15px;line-height:1.7;margin:0}.lp-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);position:relative}.lp-steps:before{background:linear-gradient(90deg,#0000,var(--lp-primary-100),#0000);content:"";height:2px;left:8%;position:absolute;right:8%;top:38px;z-index:0}.lp-step{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-lg);padding:22px 18px;position:relative;text-align:center;transition:transform .2s var(--lp-ease),box-shadow .2s var(--lp-ease);z-index:1}.lp-step:hover{box-shadow:var(--lp-shadow-sm);transform:translateY(-3px)}.lp-step__num{align-items:center;background:var(--lp-primary-50);border-radius:8px;color:var(--lp-primary);display:inline-flex;font-size:12.5px;font-weight:800;height:32px;justify-content:center;letter-spacing:.06em;margin-bottom:14px;width:32px}.lp-step__title{font-size:15px;font-weight:700;margin-bottom:6px}.lp-step__text{color:var(--lp-text-2);font-size:13px;line-height:1.55}.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-testimonial{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-xl);box-shadow:var(--lp-shadow-sm);margin:36px auto 0;max-width:820px;padding:48px 44px 32px;position:relative;text-align:center}.lp-testimonial__quote-icon{align-items:center;background:var(--lp-primary);border-radius:14px;box-shadow:var(--lp-shadow-blue);color:#fff;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:-22px;transform:translateX(-50%);width:48px}.lp-testimonial__quote{color:var(--lp-text);font-size:19px;font-weight:500;line-height:1.7;margin:14px 0 28px}.lp-testimonial__person{align-items:center;display:inline-flex;gap:12px;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:44px;justify-content:center;width:44px}.lp-testimonial__name{color:var(--lp-text);font-size:15px;font-weight:700}.lp-testimonial__role{color:var(--lp-text-3);font-size:13px}.lp-testimonial__controls{display:flex;gap:18px;margin-top:28px}.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%;color:var(--lp-text);cursor:pointer;display:inline-flex;font-size:22px;height:36px;line-height:1;transition:background .2s var(--lp-ease),border-color .2s var(--lp-ease),color .2s var(--lp-ease);width:36px}.lp-icon-btn:hover{background:var(--lp-primary);border-color:var(--lp-primary);color:#fff}.lp-testimonial__dots{display:flex;gap:8px}.lp-dot{background:var(--lp-border-strong);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .2s var(--lp-ease),transform .2s var(--lp-ease);width:8px}.lp-dot.is-active{background:var(--lp-primary);transform:scale(1.25)}.lp-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:56px;max-width:820px}.lp-stat{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-lg);padding:20px;text-align:center}.lp-stat__value{color:var(--lp-primary);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:6px}.lp-stat__label{color:var(--lp-text-2);font-size:13.5px;line-height:1.5}.lp-pricing-grid-new{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.lp-pricing-card{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-lg);box-shadow:var(--lp-shadow-xs);display:flex;flex-direction:column;padding:32px 28px;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{border-color:var(--lp-primary);box-shadow:0 0 0 1px var(--lp-primary),var(--lp-shadow-md);transform:scale(1.02)}.lp-pricing-card--featured:hover{box-shadow:0 0 0 1px var(--lp-primary),var(--lp-shadow-lg);transform:scale(1.02) translateY(-4px)}.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:.08em;padding:4px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.lp-pricing-card__header{margin-bottom:8px}.lp-pricing-card__name{color:var(--lp-text);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.lp-pricing-card__price{align-items:baseline;color:var(--lp-primary);display:flex;font-size:32px;font-weight:800;gap:2px;line-height:1;margin:8px 0 0}.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:14px;line-height:1.5;margin:12px 0 24px}.lp-pricing-card__features{display:flex;flex-direction:column;flex-grow:1;gap:12px;list-style:none;margin:0 0 28px;padding:0}.lp-pricing-card__features li{align-items:center;color:var(--lp-text-2);display:flex;font-size:14px;gap:12px;line-height:1.4}.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:20px;justify-content:center;width:20px}.lp-check svg{stroke-width:2.5;height:12px;width:12px}.lp-section--cta{background:radial-gradient(60% 60% at 50% 0,#1565c014,#0000),var(--lp-bg)}.lp-cta{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-r-xl);box-shadow:var(--lp-shadow-md);margin:0 auto;max-width:760px;overflow:hidden;padding:56px 32px;position:relative;text-align:center}.lp-cta:before{background:radial-gradient(60% 60% at 50% 0,#1565c012,#0000),radial-gradient(60% 60% at 50% 100%,#1565c00a,#0000);content:"";inset:0;pointer-events:none;position:absolute}.lp-cta__actions,.lp-cta__text,.lp-cta__title{position:relative}.lp-cta__title{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;margin-bottom:12px}.lp-cta__text{color:var(--lp-text-2);font-size:16px;margin-bottom:28px}.lp-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.lp-footer{background:var(--lp-bg-alt);border-top:1px solid var(--lp-border);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__meta p{color:var(--lp-text-3);font-size:13px;line-height:1.5}.lp-footer__links{display:flex;gap:22px}.lp-footer__links a{color:var(--lp-text-2);font-size:13.5px;font-weight:500}.lp-footer__links a:hover{color:var(--lp-primary);text-decoration:none}@media (min-width:1025px) and (max-width:1240px){.lp-hero__inner{gap:36px}.hero-mockup{max-width:400px}}@media (max-width:1024px){.lp-hero{padding:110px 0 64px}.lp-hero__inner{gap:48px;grid-template-columns:1fr;justify-items:center;text-align:center}.lp-hero__left{margin:0 auto}.lp-hero__subtitle{margin-left:auto;margin-right:auto}.lp-hero__actions{justify-content:center}.hero-mockup{margin:0 auto;max-width:460px}.lp-section{padding:80px 0}.lp-nav__inner{padding:14px 24px}.lp-feature-grid,.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-steps:before{display:none}.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:1/-1;transform:scale(1)}.lp-pricing-card--featured:hover{transform:translateY(-4px)}.lp-plan__plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lp-section{padding:80px 0}.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:70px;z-index:150}.lp-nav__links.is-open{display:flex}.lp-nav__link{font-size:15px;padding:12px 14px}.lp-nav__cta{margin:6px 0 0}.lp-nav__menu-btn{display:inline-flex}.lp-hero{padding:110px 0 60px}.lp-hero__title{font-size:clamp(1.8rem,7vw,2.4rem)}.floating-card{display:none}.mockup-window{transform:none}.lp-feature-grid,.lp-stats,.lp-steps{grid-template-columns:1fr}.lp-testimonial{padding:40px 22px 28px}.lp-testimonial__quote{font-size:17px}.lp-card{padding:24px}.lp-plan__plans{grid-template-columns:repeat(2,1fr)}.lp-cta{padding:40px 22px}.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}.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-hero__actions{align-items:stretch;flex-direction:column}.lp-hero__actions .lp-btn{width:100%}.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}}:root{--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--dark-bg:#1a1a2e;--glass-bg:#ffffff1a;--glass-border:#ffffff2e;--glass-shadow:#0000001a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--shadow-xl:0 16px 48px #0003}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3498db4d,0 0 10px #3498db33,0 0 15px #3498db1a}50%{box-shadow:0 0 20px #3498db99,0 0 30px #3498db66,0 0 40px #3498db33}}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.glass-effect{background:#ffffff1a;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #0000001a}.glass-effect,.glass-effect-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-effect-dark{background:#1e1e1eb3;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000004d}.card-hover{transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.gradient-border{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;border-radius:var(--radius-lg);padding:2px;position:relative}.gradient-border-content{background:#fff;border-radius:14px;border-radius:calc(var(--radius-lg) - 2px);padding:1.5rem;padding:var(--spacing-lg)}.feature-card-animate{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) backwards}.feature-card-animate:first-child{animation-delay:.1s}.feature-card-animate:nth-child(2){animation-delay:.15s}.feature-card-animate:nth-child(3){animation-delay:.2s}.feature-card-animate:nth-child(4){animation-delay:.25s}.feature-card-animate:nth-child(5){animation-delay:.3s}.feature-card-animate:nth-child(6){animation-delay:.35s}.feature-card-animate:nth-child(7){animation-delay:.4s}.feature-card-animate:nth-child(8){animation-delay:.45s}.logo-hover{transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.logo-hover:hover{animation:pulse 1s ease-in-out infinite;box-shadow:0 8px 20px #0003;transform:scale(1.1) rotate(5deg)}.dark-mode-toggle{overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.dark-mode-toggle:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.dark-mode-toggle:hover:before{height:100%;width:100%}.dark-mode-toggle:hover{background-color:#ffffff26!important;transform:scale(1.15) rotate(15deg)}.icon-rotate{display:inline-block;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.icon-rotate:hover{transform:rotate(1turn) scale(1.1)}.btn-modern{overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.btn-modern:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-modern:hover:before{height:300px;width:300px}.btn-modern:active{transform:scale(.95)}.modern-card{background:#fffffffa;border:1px solid #fffc;border-radius:20px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 36px #0000000a;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .2s ease,background .2s ease}.modern-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.25,.46,.45,.94);width:100%}.modern-card:hover:before{left:100%}.modern-card:hover{border-color:#14b8a63d;box-shadow:0 2px 6px #0000000a,0 8px 24px #00000014,0 20px 48px #0000000f,0 0 20px #14b8a61a;transform:translateY(-4px)}.dashboard-page:not(.dashboard-dark) .dashboard-feature-card:hover{border-color:#14b8a647!important;box-shadow:0 14px 30px #0f172a1a,0 0 20px #14b8a61a!important}.quote-fade{animation:fadeIn 1s ease-in-out}.quote-dots{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:1rem;margin-top:var(--spacing-md)}.quote-dot{border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;transition:all var(--transition-normal);width:10px}.quote-dot:hover{transform:scale(1.3)}.quote-dot.active{animation:pulse 1.5s ease-in-out infinite}.performance-table{border-collapse:initial;border-radius:12px;border-radius:var(--radius-md);border-spacing:0;overflow:hidden;width:100%}.performance-table thead tr{background:linear-gradient(135deg,#3498db1a,#2980b91a)}.performance-table td,.performance-table th{padding:1rem;padding:var(--spacing-md);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.performance-table tbody tr{transition:all .2s ease;transition:all var(--transition-fast)}.performance-table tbody tr:hover{background:#3498db0d!important;box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.progress-bar{background:#0000001a;height:8px}.progress-bar,.progress-bar-fill{border-radius:4px;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#3498db,#2ecc71);overflow:hidden;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-normal)}.badge:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:scale(1.05)}.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.badge-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.badge-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.tooltip{display:inline-block;position:relative}.tooltip:before{background:#000000e6;border-radius:8px;border-radius:var(--radius-sm);bottom:125%;color:#fff;content:attr(data-tooltip);font-size:.85rem;padding:.5rem .75rem;white-space:nowrap;z-index:1000}.tooltip:after,.tooltip:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s ease;transition:all var(--transition-normal)}.tooltip:after{border:5px solid #0000;border-top-color:#000000e6;bottom:115%;content:""}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1)}.spinner{border:4px solid #3498db33;border-top-color:#3498db}.notification{align-items:center;animation:slideInFromRight .4s ease-out;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.notification-success{background:linear-gradient(135deg,#2ecc711a,#27ae601a);border-left:4px solid #2ecc71}.notification-error{background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border-left:4px solid #e74c3c}.notification-info{background:linear-gradient(135deg,#3498db1a,#2980b91a);border-left:4px solid #3498db}.custom-scrollbar::-webkit-scrollbar{height:10px;width:10px}.custom-scrollbar::-webkit-scrollbar-track{background:#f0f0f080;border-radius:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease;-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.dark-scrollbar::-webkit-scrollbar{height:10px;width:10px}.dark-scrollbar::-webkit-scrollbar-track{background:#1e1e1e80;border-radius:5px}.dark-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea99,#764ba299);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease;-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2cc,#667eeacc)}@media (max-width:1200px){:root{--spacing-xl:1.5rem;--spacing-lg:1rem}}@media (max-width:768px){:root{--spacing-xl:1rem;--spacing-lg:0.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modern-card{padding:1.5rem;padding:var(--spacing-lg)}.feature-card-animate{animation-duration:.4s}}@media (max-width:480px){.modern-card{padding:1rem;padding:var(--spacing-md)}.badge{font-size:.75rem;padding:.2rem .5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.glass-effect,.glass-effect-dark{border:2px solid}}@media print{.dark-mode-toggle,.mobile-menu-button,.nav-buttons{display:none!important}.modern-card{border:1px solid #ddd;box-shadow:none}*{animation:none!important;transition:none!important}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.neon-glow{animation:glow 2s ease-in-out infinite}.float-animation{animation:float 3s ease-in-out infinite}.breathe-animation{animation:breathe 4s ease-in-out infinite}.scale-hover{transition:transform .3s ease;transition:transform var(--transition-normal)}.scale-hover:hover{transform:scale(1.05)}.rotate-hover{transition:transform .3s ease;transition:transform var(--transition-normal)}.rotate-hover:hover{transform:rotate(5deg)}.slide-up-hover{transition:transform .3s ease;transition:transform var(--transition-normal)}.slide-up-hover:hover{transform:translateY(-5px)}.shimmer-effect{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);background-size:200% 100%}.particle-bg{overflow:hidden;position:relative}.particle-bg:before{animation:float 20s linear infinite;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:100%;position:absolute;width:100%}.flip-card{perspective:1000px}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;border-radius:var(--radius-lg);height:100%;position:absolute;width:100%}.flip-card-back{transform:rotateY(180deg)}.parallax{transform:translateZ(0);transition:transform .3s ease-out}@keyframes colorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(1turn)}}.color-shift{animation:colorShift 10s linear infinite}.feature-icon-container{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:22px;box-shadow:0 4px 12px #1976d21f,inset 0 1px 2px #ffffff80;display:flex;height:100px;justify-content:center;margin:1.5rem auto 1.25rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100px}.feature-icon-container svg{transition:all .3s ease}.card-theme-blue .feature-icon-container{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #0366d626,inset 0 1px 2px #fff9;color:#0366d6}.card-theme-blue .feature-icon-container:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 0 28px #0366d64d,0 8px 24px #0366d633,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-purple .feature-icon-container{background:linear-gradient(135deg,#ede9fe,#ddd6fe);box-shadow:0 4px 12px #9333ea26,inset 0 1px 2px #fff9;color:#9333ea}.card-theme-purple .feature-icon-container:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);box-shadow:0 0 28px #9333ea4d,0 8px 24px #9333ea33,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-cyan .feature-icon-container{background:linear-gradient(135deg,#cffafe,#a5f3fc);box-shadow:0 4px 12px #06b6d426,inset 0 1px 2px #fff9;color:#06b6d4}.card-theme-cyan .feature-icon-container:hover{background:linear-gradient(135deg,#a5f3fc,#67e8f9);box-shadow:0 0 28px #06b6d44d,0 8px 24px #06b6d433,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-indigo .feature-icon-container{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 12px #4f46e526,inset 0 1px 2px #fff9;color:#4f46e5}.card-theme-indigo .feature-icon-container:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);box-shadow:0 0 28px #4f46e54d,0 8px 24px #4f46e533,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-green .feature-icon-container{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 4px 12px #22c55e26,inset 0 1px 2px #fff9;color:#22c55e}.card-theme-green .feature-icon-container:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 0 28px #22c55e4d,0 8px 24px #22c55e33,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-orange .feature-icon-container{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 4px 12px #ea580c26,inset 0 1px 2px #fff9;color:#ea580c}.card-theme-orange .feature-icon-container:hover{background:linear-gradient(135deg,#fdba74,#fb923c);box-shadow:0 0 28px #ea580c4d,0 8px 24px #ea580c33,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-pink .feature-icon-container{background:linear-gradient(135deg,#fbcfe8,#f9a8d4);box-shadow:0 4px 12px #ec489926,inset 0 1px 2px #fff9;color:#ec4899}.card-theme-pink .feature-icon-container:hover{background:linear-gradient(135deg,#f9a8d4,#f472b6);box-shadow:0 0 28px #ec48994d,0 8px 24px #ec489933,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.card-theme-teal .feature-icon-container{background:linear-gradient(135deg,#ccfbf1,#99f6e4);box-shadow:0 4px 12px #14b8a626,inset 0 1px 2px #fff9;color:#14b8a6}.card-theme-teal .feature-icon-container:hover{background:linear-gradient(135deg,#99f6e4,#5ee7df);box-shadow:0 0 28px #14b8a64d,0 8px 24px #14b8a633,inset 0 1px 2px #fff9;transform:translateY(-2px) scale(1.05)}.feature-icon-bg-student{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.feature-icon-bg-student:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 0 24px #022e5d33,0 4px 16px #022e5d1f}.feature-icon-bg-teacher{background:linear-gradient(135deg,#d4eef1,#b4d2e5)}.feature-icon-bg-teacher:hover{background:linear-gradient(135deg,#b4d2e5,#7fc7d9);box-shadow:0 0 24px #02416133,0 4px 16px #0241611f}.feature-icon-bg-admin{background:linear-gradient(135deg,#fde8e8,#fccccb)}.feature-icon-bg-admin:hover{background:linear-gradient(135deg,#fccccb,#f8a5a5);box-shadow:0 0 24px #7b181833,0 4px 16px #7b18181f}.teacher-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media (max-width:768px){.teacher-info-grid{grid-template-columns:1fr}}.dark-mode .dashboard-page,.dashboard-page.dashboard-dark,[data-dark-mode=true] .dashboard-page,body.dark-mode .dashboard-page{--dashboard-bg:#0f172a;--dashboard-bg-soft:#111827;--dashboard-surface:#172033;--dashboard-surface-raised:#1f2937;--dashboard-inner:#111827;--dashboard-border:#94a3b840;--dashboard-border-strong:#94a3b859;--dashboard-text:#f8fafc;--dashboard-body:#cbd5e1;--dashboard-muted:#94a3b8;--dashboard-subtle:#64748b;--dashboard-accent:#22d3ee;--dashboard-accent-strong:#38bdf8;background:radial-gradient(circle at top left,#22d3ee14,#0000 34rem),linear-gradient(180deg,#0f172a,#111827 54%,#0f172a)!important;color:var(--dashboard-body)!important}.dark-mode .dashboard-content-shell,.dashboard-dark .dashboard-content-shell,[data-dark-mode=true] .dashboard-content-shell,body.dark-mode .dashboard-content-shell{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important}.dark-mode .dashboard-header,.dashboard-dark .dashboard-header,[data-dark-mode=true] .dashboard-header,body.dark-mode .dashboard-header{background:linear-gradient(135deg,#0f172a,#164e63)!important;border-bottom:1px solid var(--dashboard-border)!important;box-shadow:0 18px 42px #0000004d!important}.dark-mode .dashboard-main,.dashboard-dark .dashboard-main,[data-dark-mode=true] .dashboard-main,body.dark-mode .dashboard-main{color:var(--dashboard-body)!important}.dark-mode .dashboard-icon-button,.dark-mode .dashboard-page .dark-mode-toggle,.dark-mode .dashboard-user-pill,.dashboard-dark .dark-mode-toggle,.dashboard-dark .dashboard-icon-button,.dashboard-dark .dashboard-user-pill,[data-dark-mode=true] .dashboard-icon-button,[data-dark-mode=true] .dashboard-page .dark-mode-toggle,[data-dark-mode=true] .dashboard-user-pill,body.dark-mode .dashboard-icon-button,body.dark-mode .dashboard-page .dark-mode-toggle,body.dark-mode .dashboard-user-pill{background:#0f172a94!important;border:1px solid #94a3b847!important;box-shadow:none!important;color:#f8fafc!important}.dark-mode .dashboard-icon-button:hover,.dark-mode .dashboard-page .dark-mode-toggle:hover,.dark-mode .dashboard-user-pill:hover,.dashboard-dark .dark-mode-toggle:hover,.dashboard-dark .dashboard-icon-button:hover,.dashboard-dark .dashboard-user-pill:hover,[data-dark-mode=true] .dashboard-icon-button:hover,[data-dark-mode=true] .dashboard-page .dark-mode-toggle:hover,[data-dark-mode=true] .dashboard-user-pill:hover,body.dark-mode .dashboard-icon-button:hover,body.dark-mode .dashboard-page .dark-mode-toggle:hover,body.dark-mode .dashboard-user-pill:hover{background:#1f2937db!important;border-color:#22d3ee6b!important}.dark-mode .dashboard-mobile-menu,.dashboard-dark .dashboard-mobile-menu,[data-dark-mode=true] .dashboard-mobile-menu,body.dark-mode .dashboard-mobile-menu{background:#172033fa!important;border:1px solid var(--dashboard-border)!important;box-shadow:0 24px 64px #00000061!important}.dark-mode .dashboard-mobile-menu button,.dashboard-dark .dashboard-mobile-menu button,[data-dark-mode=true] .dashboard-mobile-menu button,body.dark-mode .dashboard-mobile-menu button{background:#111827!important;border:1px solid #94a3b838!important;color:#e5e7eb!important}.dark-mode .dashboard-mobile-menu button:hover,.dashboard-dark .dashboard-mobile-menu button:hover,[data-dark-mode=true] .dashboard-mobile-menu button:hover,body.dark-mode .dashboard-mobile-menu button:hover{background:#1f2937!important;border-color:#22d3ee66!important;color:#f8fafc!important}.dark-mode .dashboard-feature-card,.dark-mode .dashboard-page .modern-card,.dashboard-dark .dashboard-feature-card,.dashboard-dark .modern-card,[data-dark-mode=true] .dashboard-feature-card,[data-dark-mode=true] .dashboard-page .modern-card,body.dark-mode .dashboard-feature-card,body.dark-mode .dashboard-page .modern-card{background:var(--dashboard-surface)!important;border:1px solid var(--dashboard-border)!important;box-shadow:0 18px 44px #00000047!important;color:var(--dashboard-body)!important}.dark-mode .dashboard-feature-card:hover,.dark-mode .dashboard-page .modern-card:hover,.dashboard-dark .dashboard-feature-card:hover,.dashboard-dark .modern-card:hover,[data-dark-mode=true] .dashboard-feature-card:hover,[data-dark-mode=true] .dashboard-page .modern-card:hover,body.dark-mode .dashboard-feature-card:hover,body.dark-mode .dashboard-page .modern-card:hover{border-color:#14b8a673!important;box-shadow:0 18px 40px #00000059,0 0 0 1px #14b8a63d,0 0 26px #14b8a624!important}.dark-mode .dashboard-page .modern-card:before,.dashboard-dark .modern-card:before,[data-dark-mode=true] .dashboard-page .modern-card:before,body.dark-mode .dashboard-page .modern-card:before{background:linear-gradient(90deg,#0000,#22d3ee14,#0000)!important}.dark-mode .dashboard-page h1,.dark-mode .dashboard-page h2,.dark-mode .dashboard-page h3,.dashboard-dark h1,.dashboard-dark h2,.dashboard-dark h3,[data-dark-mode=true] .dashboard-page h1,[data-dark-mode=true] .dashboard-page h2,[data-dark-mode=true] .dashboard-page h3,body.dark-mode .dashboard-page h1,body.dark-mode .dashboard-page h2,body.dark-mode .dashboard-page h3{color:var(--dashboard-text)!important}.dark-mode .dashboard-page p,.dark-mode .dashboard-page span,.dark-mode .dashboard-page td,.dark-mode .dashboard-page th,.dashboard-dark p,.dashboard-dark span,.dashboard-dark td,.dashboard-dark th,[data-dark-mode=true] .dashboard-page p,[data-dark-mode=true] .dashboard-page span,[data-dark-mode=true] .dashboard-page td,[data-dark-mode=true] .dashboard-page th,body.dark-mode .dashboard-page p,body.dark-mode .dashboard-page span,body.dark-mode .dashboard-page td,body.dark-mode .dashboard-page th{color:var(--dashboard-body)!important}.dark-mode .dashboard-feature-card p,.dark-mode .dashboard-page .modern-card p,.dashboard-dark .dashboard-feature-card p,.dashboard-dark .modern-card p,[data-dark-mode=true] .dashboard-feature-card p,[data-dark-mode=true] .dashboard-page .modern-card p,body.dark-mode .dashboard-feature-card p,body.dark-mode .dashboard-page .modern-card p{color:var(--dashboard-muted)!important}.dark-mode .dashboard-page .dashboard-feature-card h3,.dashboard-dark .dashboard-feature-card h3,[data-dark-mode=true] .dashboard-page .dashboard-feature-card h3,body.dark-mode .dashboard-page .dashboard-feature-card h3{color:var(--dashboard-text)!important}.dark-mode .dashboard-feature-card,.dashboard-dark .dashboard-feature-card,[data-dark-mode=true] .dashboard-feature-card,body.dark-mode .dashboard-feature-card{border-radius:16px!important;overflow:hidden}.dark-mode .dashboard-page .feature-icon-container,.dashboard-dark .feature-icon-container,[data-dark-mode=true] .dashboard-page .feature-icon-container,body.dark-mode .dashboard-page .feature-icon-container{background:#0e749029!important;border:1px solid #22d3ee38!important;box-shadow:none!important;color:#67e8f9!important}.dark-mode .dashboard-page .feature-icon-container:hover,.dashboard-dark .feature-icon-container:hover,[data-dark-mode=true] .dashboard-page .feature-icon-container:hover,body.dark-mode .dashboard-page .feature-icon-container:hover{background:#0e74903d!important;box-shadow:0 12px 28px #0891b22e!important}.dark-mode .dashboard-page .card-theme-purple .feature-icon-container,.dashboard-dark .card-theme-purple .feature-icon-container,[data-dark-mode=true] .dashboard-page .card-theme-purple .feature-icon-container,body.dark-mode .dashboard-page .card-theme-purple .feature-icon-container{background:#581c8733!important;border-color:#c4b5fd3d!important;color:#c4b5fd!important}.dark-mode .dashboard-page .card-theme-green .feature-icon-container,.dashboard-dark .card-theme-green .feature-icon-container,[data-dark-mode=true] .dashboard-page .card-theme-green .feature-icon-container,body.dark-mode .dashboard-page .card-theme-green .feature-icon-container{background:#1665342e!important;border-color:#86efac3d!important;color:#86efac!important}.dark-mode .dashboard-page .card-theme-orange .feature-icon-container,.dashboard-dark .card-theme-orange .feature-icon-container,[data-dark-mode=true] .dashboard-page .card-theme-orange .feature-icon-container,body.dark-mode .dashboard-page .card-theme-orange .feature-icon-container{background:#9a34122e!important;border-color:#fdba743d!important;color:#fdba74!important}.dark-mode .dashboard-page .card-theme-pink .feature-icon-container,.dashboard-dark .card-theme-pink .feature-icon-container,[data-dark-mode=true] .dashboard-page .card-theme-pink .feature-icon-container,body.dark-mode .dashboard-page .card-theme-pink .feature-icon-container{background:#9d174d2e!important;border-color:#f9a8d43d!important;color:#f9a8d4!important}.dark-mode .dashboard-page .teacher-info-grid .modern-card>div,.dashboard-dark .teacher-info-grid .modern-card>div,[data-dark-mode=true] .dashboard-page .teacher-info-grid .modern-card>div,body.dark-mode .dashboard-page .teacher-info-grid .modern-card>div{border-color:var(--dashboard-border)!important}.dark-mode .dashboard-page .performance-table,.dark-mode .dashboard-page table,.dashboard-dark .performance-table,.dashboard-dark table,[data-dark-mode=true] .dashboard-page .performance-table,[data-dark-mode=true] .dashboard-page table,body.dark-mode .dashboard-page .performance-table,body.dark-mode .dashboard-page table{background:var(--dashboard-inner)!important;border:1px solid #94a3b838!important;box-shadow:none!important}.dark-mode .dashboard-page thead tr,.dashboard-dark thead tr,[data-dark-mode=true] .dashboard-page thead tr,body.dark-mode .dashboard-page thead tr{background:#1f2937!important}.dark-mode .dashboard-page tbody tr,.dashboard-dark tbody tr,[data-dark-mode=true] .dashboard-page tbody tr,body.dark-mode .dashboard-page tbody tr{background:#111827!important}.dark-mode .dashboard-page tbody tr:hover,.dashboard-dark tbody tr:hover,[data-dark-mode=true] .dashboard-page tbody tr:hover,body.dark-mode .dashboard-page tbody tr:hover{background:#1f2937bd!important}.dark-mode .dashboard-page td,.dark-mode .dashboard-page th,.dashboard-dark td,.dashboard-dark th,[data-dark-mode=true] .dashboard-page td,[data-dark-mode=true] .dashboard-page th,body.dark-mode .dashboard-page td,body.dark-mode .dashboard-page th{border-color:#94a3b82e!important}.dark-mode .dashboard-page button:not(.dark-mode-toggle):not(.dashboard-icon-button),.dashboard-dark button:not(.dark-mode-toggle):not(.dashboard-icon-button),[data-dark-mode=true] .dashboard-page button:not(.dark-mode-toggle):not(.dashboard-icon-button),body.dark-mode .dashboard-page button:not(.dark-mode-toggle):not(.dashboard-icon-button){border-color:#94a3b847}.dark-mode .dashboard-page button:disabled,.dashboard-dark button:disabled,[data-dark-mode=true] .dashboard-page button:disabled,body.dark-mode .dashboard-page button:disabled{background:#1e293b!important;border-color:#94a3b82e!important;box-shadow:none!important;color:#94a3b8!important;opacity:1!important}.dark-mode .dashboard-code-modal,.dashboard-dark .dashboard-code-modal,[data-dark-mode=true] .dashboard-code-modal,body.dark-mode .dashboard-code-modal{background:#020617e0!important}.dark-mode .dashboard-code-modal-card,.dashboard-dark .dashboard-code-modal-card,[data-dark-mode=true] .dashboard-code-modal-card,body.dark-mode .dashboard-code-modal-card{background:#172033!important;border:1px solid var(--dashboard-border)!important;box-shadow:0 32px 80px #00000080!important}.dark-mode .dashboard-page footer,.dashboard-dark footer,[data-dark-mode=true] .dashboard-page footer,body.dark-mode .dashboard-page footer{background:#0b1120!important;border-top:1px solid #94a3b82e!important;color:var(--dashboard-muted)!important}.signup-password-wrapper{position:relative}.signup-password-toggle{align-items:center;background:none;border:none;color:#9aa0a6;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s}.signup-password-toggle:hover{color:#5f6368}: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;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}}.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)}.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.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.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.unlock{background:#eef2ff;color:#3730a3}.vq-page .vq-action-btn.lock{background:#fffbeb;color:#b45309}.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.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.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.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.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.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.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{font-size:1.1rem;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{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}.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{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{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;padding:.5rem}.question-image{border-radius:6px;box-shadow:0 2px 6px #00000014;max-height:300px;object-fit:contain}.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}}.vms-page{background:linear-gradient(90deg,#002e5d,#002e5d 35%,#2774ae);color:#1e293b;font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-dark-mode=true] .vms-page,body.dark-mode .vms-page{background:#0f0f1e;color:#e0e0e0}.vms-wrapper{min-height:100vh}.vms-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}.vms-header,.vms-header-left{align-items:center;display:flex}.vms-header-title{font-size:1.5rem;font-weight:700;margin:0}.vms-header-right{align-items:center;display:flex;gap:1rem}.vms-header-subtitle{font-size:.9rem;font-weight:400;opacity:.85}.vms-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}.vms-back-button:hover{background-color:#ffffff40}.vms-content{margin:0 auto;max-width:1200px;padding:2rem}.filter-controls{align-items:center;background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem;transition:all .3s ease}[data-dark-mode=true] .filter-controls,body.dark-mode .filter-controls{background:#1e1e28f2;box-shadow:0 8px 24px #00000080}.filter-title{color:#002e5d;font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}[data-dark-mode=true] .filter-title,body.dark-mode .filter-title{color:#60a5fa}.filter-subtitle{color:#64748b;font-size:.85rem;margin:.25rem 0 0}.archive-toggle-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500}.archive-toggle{accent-color:#2774ae;margin-right:.5rem}.quiz-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.quiz-card{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;cursor:pointer;height:100%;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}[data-dark-mode=true] .quiz-card,body.dark-mode .quiz-card{background:#282832f2;box-shadow:0 8px 24px #00000080}.quiz-card.hovered{box-shadow:0 12px 28px #0000002e;transform:translateY(-4px)}.quiz-card.archived{opacity:.65}.quiz-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;justify-content:center;padding:1.5rem}.quiz-header.archived{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.quiz-card-icon-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6;border-radius:16px;box-shadow:0 2px 8px #002e5d1f;display:flex;height:62px;justify-content:center;width:62px}[data-dark-mode=true] .quiz-card-icon-badge,body.dark-mode .quiz-card-icon-badge{background:#ffffff1a;box-shadow:0 2px 8px #0000004d}.quiz-header.archived .quiz-card-icon-badge{background:#ffffff80;box-shadow:none}.quiz-card-icon{color:#2774ae}.quiz-header.archived .quiz-card-icon{color:#94a3b8}[data-dark-mode=true] .quiz-card-icon,body.dark-mode .quiz-card-icon{color:#60a5fa}.quiz-content{padding:1.5rem}.quiz-title{color:#002e5d;font-size:1.15rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}[data-dark-mode=true] .quiz-title,body.dark-mode .quiz-title{color:#60a5fa}.quiz-info{color:#64748b;font-size:.85rem;line-height:1.5;margin-bottom:.5rem;transition:color .3s ease}[data-dark-mode=true] .quiz-info,body.dark-mode .quiz-info{color:#aaa}.score-highlight{border-radius:50px;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:.5rem;padding:.3rem 1.25rem}.score-highlight.high{background:#dcfce7;color:#166534}.score-highlight.medium{background:#fef9c3;color:#854d0e}.score-highlight.low{background:#fecaca;color:#991b1b}.age-indicator,.archive-indicator{border-radius:6px;font-size:.75rem;font-weight:600;padding:3px 10px;position:absolute;right:10px;top:10px;z-index:2}.archive-indicator{background:#64748bd9;color:#fff}.button-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:1rem}.action-button{color:#fff;font-family:inherit;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.action-button.view{background:linear-gradient(135deg,#002e5d,#2774ae);box-shadow:0 2px 8px #002e5d40}.action-button.view:hover{box-shadow:0 4px 12px #002e5d59;transform:translateY(-1px)}.action-button.download{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 2px 8px #0891b240}.action-button.download:hover{box-shadow:0 4px 12px #0891b259;transform:translateY(-1px)}.archive-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.archive-button.archive{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.archive-button.archive:hover{background:#f59e0b40}.archive-button.unarchive{background:#64748b26;border:1px solid #64748b4d;color:#64748b}.archive-button.unarchive:hover{background:#64748b40}.expanded-details{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;box-sizing:border-box;margin-top:2rem;padding:2rem;transition:all .3s ease;width:100%}[data-dark-mode=true] .expanded-details,body.dark-mode .expanded-details{background:#1e1e28f2;box-shadow:0 8px 24px #00000080}.details-title{border-bottom:2px solid #b8d4ed;color:#002e5d;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center;transition:all .3s ease}[data-dark-mode=true] .details-title,body.dark-mode .details-title{border-bottom-color:#444;color:#60a5fa}.question-panels{display:flex;flex-direction:column;gap:1rem}.question-panel{background:#fff;border-left:4px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .2s ease}[data-dark-mode=true] .question-panel,body.dark-mode .question-panel{background:#282832cc;border-left-color:#444;box-shadow:0 2px 8px #0000004d}.question-panel:hover{box-shadow:0 4px 12px #0000001a}.panel-full-marks{border-left-color:#16a34a}.panel-partial-marks{border-left-color:#f59e0b}.panel-pending{border-left-color:#94a3b8}.panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;padding:1rem 1.5rem;transition:background .2s ease}[data-dark-mode=true] .panel-header,body.dark-mode .panel-header{background:#32323ccc;border-bottom-color:#444}.panel-header:hover{background:#f1f5f9}[data-dark-mode=true] .panel-header:hover,body.dark-mode .panel-header:hover{background:#3c3c46cc}.panel-header-content{align-items:center;display:flex;justify-content:space-between}.panel-question-preview{word-wrap:break-word;color:#1e293b;flex:1 1;font-size:.95rem;font-weight:500;margin-right:1rem;overflow-wrap:break-word;transition:color .3s ease}[data-dark-mode=true] .panel-question-preview,body.dark-mode .panel-question-preview{color:#e0e0e0}.question-number{color:#002e5d;font-weight:700;margin-right:.5rem;transition:color .3s ease}[data-dark-mode=true] .question-number,body.dark-mode .question-number{color:#60a5fa}.has-image-indicator{color:#94a3b8;font-size:.8rem;font-style:italic}.panel-header-right{align-items:center;display:flex;gap:1rem}.expand-icon{color:#94a3b8;font-size:.85rem}.panel-details{background:#fff;padding:1.5rem}[data-dark-mode=true] .panel-details,body.dark-mode .panel-details{background:#282832cc}.detail-section{box-sizing:border-box;margin-bottom:1.5rem;width:100%}.section-title{border-bottom:1px solid #e2e8f0;color:#002e5d;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;transition:all .3s ease}[data-dark-mode=true] .section-title,body.dark-mode .section-title{border-bottom-color:#444;color:#60a5fa}.section-content{box-sizing:border-box;display:block;padding:0;width:100%}.question-section .section-content{padding:0}.answer-section,.feedback-section,.mark-scheme,.question-section{display:block;width:100%}.mark-scheme{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.95rem;line-height:1.6;padding:1rem;white-space:pre-line}[data-dark-mode=true] .mark-scheme,body.dark-mode .mark-scheme{background:#282832b3;border-color:#444;color:#e0e0e0}.feedback-section .section-content{max-height:400px;overflow-y:auto}.feedback-content{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:10px;color:#1a3558;font-size:.95rem;padding:1.25rem 1.5rem}[data-dark-mode=true] .feedback-content,body.dark-mode .feedback-content{background:#162035;border-color:#2d4a80;color:#c8deff}.feedback-parsed{display:flex;flex-direction:column}.feedback-paragraph{font-size:.95rem;line-height:1.75;margin:0 0 .85rem}.feedback-paragraph:last-child{margin-bottom:0}.feedback-score-row{align-items:center;border-top:1px solid #bfdbfe;display:flex;gap:.65rem;margin-top:1rem;padding-top:.85rem}[data-dark-mode=true] .feedback-score-row,body.dark-mode .feedback-score-row{border-top-color:#2d4a80}.feedback-score-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}[data-dark-mode=true] .feedback-score-label,body.dark-mode .feedback-score-label{color:#7a9abf}.feedback-score-value{background:linear-gradient(135deg,#002e5d,#2774ae);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.03em;padding:.25rem .75rem}.question-section .question-text{word-wrap:break-word;align-self:stretch;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;box-sizing:border-box;color:#1e293b;display:block;flex:1 1 100%;font-weight:500;line-height:1.6;margin:0 0 1rem;max-width:100%;max-width:none!important;overflow-wrap:break-word;padding:1rem;white-space:pre-wrap;width:100%}[data-dark-mode=true] .question-section .question-text,body.dark-mode .question-section .question-text{background:#1e3a5f66;border-color:#1e5a96;color:#e0e0e0}.question-image-container{margin-top:1rem;text-align:center}.question-image{border:1px solid #e2e8f0;border-radius:10px;display:block;margin:0 auto;max-height:400px}.answer-section .user-answer{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;box-sizing:border-box;color:#002e5d;display:block;font-size:.95rem;line-height:1.6;padding:1rem;transition:all .3s ease;white-space:pre-line;width:100%}[data-dark-mode=true] .answer-section .user-answer,body.dark-mode .answer-section .user-answer{background:#1e3a5f66;border-color:#1e5a96;color:#e0e0e0}.collapsible-sections-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.collapsible-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .2s ease}.collapsible-section:hover{box-shadow:0 2px 6px #0000000f}.collapsible-toggle{align-items:center;background:#f8fafc;border:none;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.6rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}[data-dark-mode=true] .collapsible-toggle,body.dark-mode .collapsible-toggle{background:#32323ccc;color:#aaa}.collapsible-toggle:hover{background:#f1f5f9}[data-dark-mode=true] .collapsible-toggle:hover,body.dark-mode .collapsible-toggle:hover{background:#3c3c46cc}.collapsible-toggle.open{background:#f1f5f9;border-bottom:1px solid #e2e8f0}[data-dark-mode=true] .collapsible-toggle.open,body.dark-mode .collapsible-toggle.open{background:#3c3c46cc;border-bottom-color:#444}.collapsible-toggle-icon{color:#94a3b8;flex-shrink:0;font-size:.85rem;text-align:center;width:14px}.collapsible-toggle-label{flex:1 1}.model-answer-toggle{background:#fffbeb}.model-answer-toggle:hover{background:#fef3c7}.model-answer-toggle.open{background:#fef3c7;border-bottom:1px solid #fde68a}.collapsible-content{animation:vmsSlideDown .2s ease-out;background:#fff;padding:1rem;transition:all .3s ease}[data-dark-mode=true] .collapsible-content,body.dark-mode .collapsible-content{background:#282832cc;color:#e0e0e0}@keyframes vmsSlideDown{0%{opacity:0}to{opacity:1}}.model-answer-content{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#475569;font-size:.95rem;line-height:1.6;padding:1rem;transition:all .3s ease;white-space:pre-line}[data-dark-mode=true] .model-answer-content,body.dark-mode .model-answer-content{background:#3c321466;border-color:#654321;color:#e0e0e0}.submission-info{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.85rem;padding-top:.75rem;text-align:right}.submission-date-label{font-weight:600;margin-right:.5rem}.mark-badge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:600;min-width:55px;padding:.35rem .75rem;text-align:center}.mark-badge.full{background:#dcfce7;color:#166534}.mark-badge.partial{background:#fef9c3;color:#854d0e}.mark-badge.zero{background:#fecaca;color:#991b1b}.mark-badge.pending{background:#f1f5f9;color:#64748b}.loading-state{align-items:center;background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;margin:2rem auto;max-width:400px;padding:3rem;text-align:center;transition:all .3s ease}[data-dark-mode=true] .loading-state,body.dark-mode .loading-state{background:#1e1e28f2;box-shadow:0 8px 24px #00000080}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2774ae;height:50px;margin-bottom:1rem;width:50px}[data-dark-mode=true] .loading-spinner,body.dark-mode .loading-spinner{border-color:#60a5fa #444 #444}.loading-text{color:#002e5d;font-size:1.1rem;font-weight:500;transition:color .3s ease}[data-dark-mode=true] .loading-text,body.dark-mode .loading-text{color:#60a5fa}.empty-state{background:#ffffffeb;border-radius:16px;box-shadow:0 8px 24px #0000001f;margin-top:2rem;padding:3rem 2rem;transition:all .3s ease}[data-dark-mode=true] .empty-state,body.dark-mode .empty-state{background:#1e1e28f2;box-shadow:0 8px 24px #00000080}.empty-state-text{color:#64748b;font-size:1.1rem;transition:color .3s ease}[data-dark-mode=true] .empty-state-text,body.dark-mode .empty-state-text{color:#aaa}.vms-page .footer{background:linear-gradient(135deg,#002e5d,#2774ae);border-top:1px solid #ffffff1a;color:#ffffffd9;font-size:.85rem;margin-top:2rem;padding:1.5rem 2rem;text-align:center}@media (max-width:768px){.vms-header{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-align:center}.vms-header-right{flex-direction:column;gap:.5rem}.vms-header-title{font-size:1.3rem}.vms-content{padding:1.25rem}.filter-controls{align-items:flex-start;flex-direction:column;gap:1rem}.quiz-grid{grid-template-columns:1fr}.expanded-details{padding:1.25rem}.panel-header-content{align-items:flex-start;flex-direction:column;gap:.5rem}.panel-header-right{justify-content:space-between;width:100%}.panel-question-preview{margin-right:0}}@media (max-width:480px){.vms-header{padding:.75rem 1rem}.vms-content{padding:1rem}}@media print{.vms-page{background:#fff!important}.vms-wrapper{background:#fff}.archive-button,.button-container,.filter-controls,.footer,.vms-header{display:none}.quiz-grid{display:block}.quiz-card{border:1px solid #ddd;box-shadow:none;margin-bottom:20px;page-break-inside:avoid}.expanded-details{box-shadow:none;page-break-before:always}.question-panel{border:1px solid #ddd;box-shadow:none;margin-bottom:20px;page-break-inside:avoid}.panel-details{display:block!important}.expand-icon{display:none}.collapsible-content{display:block!important}.collapsible-toggle-icon{display:none}}.dark-mode .view-my-scores-page,[data-dark-mode=true] .view-my-scores-page,[data-theme=dark] .view-my-scores-page,body.dark-mode .view-my-scores-page,html.dark-mode .view-my-scores-page{--vms-dark-bg:#0f172a;--vms-dark-header:linear-gradient(135deg,#0b1220,#1e3a5f);--vms-dark-surface:#0f172af0;--vms-dark-surface-2:#1e293beb;--vms-dark-surface-3:#334155c7;--vms-dark-border:#94a3b83d;--vms-dark-border-strong:#60a5fa61;--vms-dark-text:#e5edf7;--vms-dark-muted:#b6c3d4;--vms-dark-heading:#93c5fd;--vms-dark-shadow:0 10px 28px #00000073;background:var(--vms-dark-bg);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page .vms-wrapper,[data-dark-mode=true] .view-my-scores-page .vms-wrapper,[data-theme=dark] .view-my-scores-page .vms-wrapper,body.dark-mode .view-my-scores-page .vms-wrapper,html.dark-mode .view-my-scores-page .vms-wrapper{background:var(--vms-dark-bg)}.dark-mode .view-my-scores-page .footer,.dark-mode .view-my-scores-page .vms-header,[data-dark-mode=true] .view-my-scores-page .footer,[data-dark-mode=true] .view-my-scores-page .vms-header,[data-theme=dark] .view-my-scores-page .footer,[data-theme=dark] .view-my-scores-page .vms-header,body.dark-mode .view-my-scores-page .footer,body.dark-mode .view-my-scores-page .vms-header,html.dark-mode .view-my-scores-page .footer,html.dark-mode .view-my-scores-page .vms-header{background:var(--vms-dark-header);border-color:var(--vms-dark-border);box-shadow:var(--vms-dark-shadow)}.dark-mode .view-my-scores-page :is(.filter-controls,.quiz-card,.expanded-details,.loading-state,.empty-state),[data-dark-mode=true] .view-my-scores-page :is(.filter-controls,.quiz-card,.expanded-details,.loading-state,.empty-state),[data-theme=dark] .view-my-scores-page :is(.filter-controls,.quiz-card,.expanded-details,.loading-state,.empty-state),body.dark-mode .view-my-scores-page :is(.filter-controls,.quiz-card,.expanded-details,.loading-state,.empty-state),html.dark-mode .view-my-scores-page :is(.filter-controls,.quiz-card,.expanded-details,.loading-state,.empty-state){background:var(--vms-dark-surface);border:1px solid var(--vms-dark-border);box-shadow:var(--vms-dark-shadow);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page :is(.quiz-header,.panel-header,.collapsible-toggle),[data-dark-mode=true] .view-my-scores-page :is(.quiz-header,.panel-header,.collapsible-toggle),[data-theme=dark] .view-my-scores-page :is(.quiz-header,.panel-header,.collapsible-toggle),body.dark-mode .view-my-scores-page :is(.quiz-header,.panel-header,.collapsible-toggle),html.dark-mode .view-my-scores-page :is(.quiz-header,.panel-header,.collapsible-toggle){background:var(--vms-dark-surface-2);border-color:var(--vms-dark-border);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page :is(.panel-header:hover,.collapsible-toggle:hover,.collapsible-toggle.open),[data-dark-mode=true] .view-my-scores-page :is(.panel-header:hover,.collapsible-toggle:hover,.collapsible-toggle.open),[data-theme=dark] .view-my-scores-page :is(.panel-header:hover,.collapsible-toggle:hover,.collapsible-toggle.open),body.dark-mode .view-my-scores-page :is(.panel-header:hover,.collapsible-toggle:hover,.collapsible-toggle.open),html.dark-mode .view-my-scores-page :is(.panel-header:hover,.collapsible-toggle:hover,.collapsible-toggle.open){background:var(--vms-dark-surface-3)}.dark-mode .view-my-scores-page :is(.question-panel,.panel-details,.collapsible-content),[data-dark-mode=true] .view-my-scores-page :is(.question-panel,.panel-details,.collapsible-content),[data-theme=dark] .view-my-scores-page :is(.question-panel,.panel-details,.collapsible-content),body.dark-mode .view-my-scores-page :is(.question-panel,.panel-details,.collapsible-content),html.dark-mode .view-my-scores-page :is(.question-panel,.panel-details,.collapsible-content){background:var(--vms-dark-surface-2);border-color:var(--vms-dark-border);box-shadow:0 2px 10px #00000047;color:var(--vms-dark-text)}.dark-mode .view-my-scores-page :is(.filter-title,.quiz-title,.details-title,.section-title,.question-number,.loading-text),[data-dark-mode=true] .view-my-scores-page :is(.filter-title,.quiz-title,.details-title,.section-title,.question-number,.loading-text),[data-theme=dark] .view-my-scores-page :is(.filter-title,.quiz-title,.details-title,.section-title,.question-number,.loading-text),body.dark-mode .view-my-scores-page :is(.filter-title,.quiz-title,.details-title,.section-title,.question-number,.loading-text),html.dark-mode .view-my-scores-page :is(.filter-title,.quiz-title,.details-title,.section-title,.question-number,.loading-text){color:var(--vms-dark-heading)}.dark-mode .view-my-scores-page :is(.filter-subtitle,.archive-toggle-label,.quiz-info,.empty-state-text,.has-image-indicator,.expand-icon,.submission-info,.collapsible-toggle,.feedback-score-label),[data-dark-mode=true] .view-my-scores-page :is(.filter-subtitle,.archive-toggle-label,.quiz-info,.empty-state-text,.has-image-indicator,.expand-icon,.submission-info,.collapsible-toggle,.feedback-score-label),[data-theme=dark] .view-my-scores-page :is(.filter-subtitle,.archive-toggle-label,.quiz-info,.empty-state-text,.has-image-indicator,.expand-icon,.submission-info,.collapsible-toggle,.feedback-score-label),body.dark-mode .view-my-scores-page :is(.filter-subtitle,.archive-toggle-label,.quiz-info,.empty-state-text,.has-image-indicator,.expand-icon,.submission-info,.collapsible-toggle,.feedback-score-label),html.dark-mode .view-my-scores-page :is(.filter-subtitle,.archive-toggle-label,.quiz-info,.empty-state-text,.has-image-indicator,.expand-icon,.submission-info,.collapsible-toggle,.feedback-score-label){color:var(--vms-dark-muted)}.dark-mode .view-my-scores-page :is(.panel-question-preview,.question-text,.user-answer,.feedback-content,.feedback-paragraph,.mark-scheme,.model-answer-content),[data-dark-mode=true] .view-my-scores-page :is(.panel-question-preview,.question-text,.user-answer,.feedback-content,.feedback-paragraph,.mark-scheme,.model-answer-content),[data-theme=dark] .view-my-scores-page :is(.panel-question-preview,.question-text,.user-answer,.feedback-content,.feedback-paragraph,.mark-scheme,.model-answer-content),body.dark-mode .view-my-scores-page :is(.panel-question-preview,.question-text,.user-answer,.feedback-content,.feedback-paragraph,.mark-scheme,.model-answer-content),html.dark-mode .view-my-scores-page :is(.panel-question-preview,.question-text,.user-answer,.feedback-content,.feedback-paragraph,.mark-scheme,.model-answer-content){color:var(--vms-dark-text)}.dark-mode .view-my-scores-page :is(.details-title,.section-title,.panel-header,.collapsible-section,.collapsible-toggle.open,.submission-info,.feedback-score-row,.question-image),[data-dark-mode=true] .view-my-scores-page :is(.details-title,.section-title,.panel-header,.collapsible-section,.collapsible-toggle.open,.submission-info,.feedback-score-row,.question-image),[data-theme=dark] .view-my-scores-page :is(.details-title,.section-title,.panel-header,.collapsible-section,.collapsible-toggle.open,.submission-info,.feedback-score-row,.question-image),body.dark-mode .view-my-scores-page :is(.details-title,.section-title,.panel-header,.collapsible-section,.collapsible-toggle.open,.submission-info,.feedback-score-row,.question-image),html.dark-mode .view-my-scores-page :is(.details-title,.section-title,.panel-header,.collapsible-section,.collapsible-toggle.open,.submission-info,.feedback-score-row,.question-image){border-color:var(--vms-dark-border)}.dark-mode .view-my-scores-page :is(.question-section .question-text,.answer-section .user-answer,.mark-scheme,.feedback-content,.model-answer-content),[data-dark-mode=true] .view-my-scores-page :is(.question-section .question-text,.answer-section .user-answer,.mark-scheme,.feedback-content,.model-answer-content),[data-theme=dark] .view-my-scores-page :is(.question-section .question-text,.answer-section .user-answer,.mark-scheme,.feedback-content,.model-answer-content),body.dark-mode .view-my-scores-page :is(.question-section .question-text,.answer-section .user-answer,.mark-scheme,.feedback-content,.model-answer-content),html.dark-mode .view-my-scores-page :is(.question-section .question-text,.answer-section .user-answer,.mark-scheme,.feedback-content,.model-answer-content){background:#0f172ab8;border-color:var(--vms-dark-border-strong)}.dark-mode .view-my-scores-page .feedback-content,[data-dark-mode=true] .view-my-scores-page .feedback-content,[data-theme=dark] .view-my-scores-page .feedback-content,body.dark-mode .view-my-scores-page .feedback-content,html.dark-mode .view-my-scores-page .feedback-content{background:#142d4fb8}.dark-mode .view-my-scores-page :is(.model-answer-toggle,.model-answer-toggle:hover,.model-answer-toggle.open,.model-answer-content),[data-dark-mode=true] .view-my-scores-page :is(.model-answer-toggle,.model-answer-toggle:hover,.model-answer-toggle.open,.model-answer-content),[data-theme=dark] .view-my-scores-page :is(.model-answer-toggle,.model-answer-toggle:hover,.model-answer-toggle.open,.model-answer-content),body.dark-mode .view-my-scores-page :is(.model-answer-toggle,.model-answer-toggle:hover,.model-answer-toggle.open,.model-answer-content),html.dark-mode .view-my-scores-page :is(.model-answer-toggle,.model-answer-toggle:hover,.model-answer-toggle.open,.model-answer-content){background:#45351294;border-color:#f59e0b59}.dark-mode .view-my-scores-page :is(.score-highlight.high,.mark-badge.full),[data-dark-mode=true] .view-my-scores-page :is(.score-highlight.high,.mark-badge.full),[data-theme=dark] .view-my-scores-page :is(.score-highlight.high,.mark-badge.full),body.dark-mode .view-my-scores-page :is(.score-highlight.high,.mark-badge.full),html.dark-mode .view-my-scores-page :is(.score-highlight.high,.mark-badge.full){background:#22c55e2e;border:1px solid #22c55e52;color:#86efac}.dark-mode .view-my-scores-page :is(.score-highlight.medium,.mark-badge.partial),[data-dark-mode=true] .view-my-scores-page :is(.score-highlight.medium,.mark-badge.partial),[data-theme=dark] .view-my-scores-page :is(.score-highlight.medium,.mark-badge.partial),body.dark-mode .view-my-scores-page :is(.score-highlight.medium,.mark-badge.partial),html.dark-mode .view-my-scores-page :is(.score-highlight.medium,.mark-badge.partial){background:#f59e0b2e;border:1px solid #f59e0b57;color:#fcd34d}.dark-mode .view-my-scores-page :is(.score-highlight.low,.mark-badge.zero),[data-dark-mode=true] .view-my-scores-page :is(.score-highlight.low,.mark-badge.zero),[data-theme=dark] .view-my-scores-page :is(.score-highlight.low,.mark-badge.zero),body.dark-mode .view-my-scores-page :is(.score-highlight.low,.mark-badge.zero),html.dark-mode .view-my-scores-page :is(.score-highlight.low,.mark-badge.zero){background:#ef44442e;border:1px solid #ef444457;color:#fca5a5}.dark-mode .view-my-scores-page .mark-badge.pending,[data-dark-mode=true] .view-my-scores-page .mark-badge.pending,[data-theme=dark] .view-my-scores-page .mark-badge.pending,body.dark-mode .view-my-scores-page .mark-badge.pending,html.dark-mode .view-my-scores-page .mark-badge.pending{background:#94a3b824;border:1px solid #94a3b847;color:#cbd5e1}.dark-mode .view-my-scores-page :is(.vms-back-button,.action-button.view,.action-button.download),[data-dark-mode=true] .view-my-scores-page :is(.vms-back-button,.action-button.view,.action-button.download),[data-theme=dark] .view-my-scores-page :is(.vms-back-button,.action-button.view,.action-button.download),body.dark-mode .view-my-scores-page :is(.vms-back-button,.action-button.view,.action-button.download),html.dark-mode .view-my-scores-page :is(.vms-back-button,.action-button.view,.action-button.download){border:1px solid #93c5fd42;color:#fff}.dark-mode .view-my-scores-page .archive-button.archive,[data-dark-mode=true] .view-my-scores-page .archive-button.archive,[data-theme=dark] .view-my-scores-page .archive-button.archive,body.dark-mode .view-my-scores-page .archive-button.archive,html.dark-mode .view-my-scores-page .archive-button.archive{background:#f59e0b24;border-color:#f59e0b57;color:#fbbf24}.dark-mode .view-my-scores-page .archive-button.unarchive,[data-dark-mode=true] .view-my-scores-page .archive-button.unarchive,[data-theme=dark] .view-my-scores-page .archive-button.unarchive,body.dark-mode .view-my-scores-page .archive-button.unarchive,html.dark-mode .view-my-scores-page .archive-button.unarchive{background:#94a3b81f;border-color:#94a3b847;color:#cbd5e1}.dark-mode .view-my-scores-page :is(input,select,textarea),[data-dark-mode=true] .view-my-scores-page :is(input,select,textarea),[data-theme=dark] .view-my-scores-page :is(input,select,textarea),body.dark-mode .view-my-scores-page :is(input,select,textarea),html.dark-mode .view-my-scores-page :is(input,select,textarea){accent-color:#60a5fa;background:#111827;border-color:var(--vms-dark-border);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page :is(table,thead,tbody,tr,th,td),[data-dark-mode=true] .view-my-scores-page :is(table,thead,tbody,tr,th,td),[data-theme=dark] .view-my-scores-page :is(table,thead,tbody,tr,th,td),body.dark-mode .view-my-scores-page :is(table,thead,tbody,tr,th,td),html.dark-mode .view-my-scores-page :is(table,thead,tbody,tr,th,td){background-color:var(--vms-dark-surface-2);border-color:var(--vms-dark-border);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page .image-modal .modal-content,[data-dark-mode=true] .view-my-scores-page .image-modal .modal-content,[data-theme=dark] .view-my-scores-page .image-modal .modal-content,body.dark-mode .view-my-scores-page .image-modal .modal-content,html.dark-mode .view-my-scores-page .image-modal .modal-content{background:var(--vms-dark-surface);border:1px solid var(--vms-dark-border);color:var(--vms-dark-text)}.dark-mode .view-my-scores-page .image-modal :is(.close-modal,.modal-caption),[data-dark-mode=true] .view-my-scores-page .image-modal :is(.close-modal,.modal-caption),[data-theme=dark] .view-my-scores-page .image-modal :is(.close-modal,.modal-caption),body.dark-mode .view-my-scores-page .image-modal :is(.close-modal,.modal-caption),html.dark-mode .view-my-scores-page .image-modal :is(.close-modal,.modal-caption){color:var(--vms-dark-text)}.dark-mode .view-my-scores-page .feedback-section .section-title,[data-dark-mode=true] .view-my-scores-page .feedback-section .section-title,[data-theme=dark] .view-my-scores-page .feedback-section .section-title,body.dark-mode .view-my-scores-page .feedback-section .section-title,html.dark-mode .view-my-scores-page .feedback-section .section-title{border-bottom-color:#60a5fa40}.dark-mode .view-my-scores-page .feedback-content,[data-dark-mode=true] .view-my-scores-page .feedback-content,[data-theme=dark] .view-my-scores-page .feedback-content,body.dark-mode .view-my-scores-page .feedback-content,html.dark-mode .view-my-scores-page .feedback-content{background:#111827;border-color:#60a5fa47;border-left:4px solid #22d3ee;box-shadow:0 12px 28px #00000047;color:#e5e7eb}.dark-mode .view-my-scores-page .feedback-content :is(.feedback-parsed,.feedback-paragraph),[data-dark-mode=true] .view-my-scores-page .feedback-content :is(.feedback-parsed,.feedback-paragraph),[data-theme=dark] .view-my-scores-page .feedback-content :is(.feedback-parsed,.feedback-paragraph),body.dark-mode .view-my-scores-page .feedback-content :is(.feedback-parsed,.feedback-paragraph),html.dark-mode .view-my-scores-page .feedback-content :is(.feedback-parsed,.feedback-paragraph){color:#dbeafe}.dark-mode .view-my-scores-page .feedback-content .feedback-score-row,[data-dark-mode=true] .view-my-scores-page .feedback-content .feedback-score-row,[data-theme=dark] .view-my-scores-page .feedback-content .feedback-score-row,body.dark-mode .view-my-scores-page .feedback-content .feedback-score-row,html.dark-mode .view-my-scores-page .feedback-content .feedback-score-row{border-top-color:#60a5fa3d}.dark-mode .view-my-scores-page .feedback-content .feedback-score-label,[data-dark-mode=true] .view-my-scores-page .feedback-content .feedback-score-label,[data-theme=dark] .view-my-scores-page .feedback-content .feedback-score-label,body.dark-mode .view-my-scores-page .feedback-content .feedback-score-label,html.dark-mode .view-my-scores-page .feedback-content .feedback-score-label{color:#9ca3af}.dark-mode .view-my-scores-page .feedback-content .feedback-score-value,[data-dark-mode=true] .view-my-scores-page .feedback-content .feedback-score-value,[data-theme=dark] .view-my-scores-page .feedback-content .feedback-score-value,body.dark-mode .view-my-scores-page .feedback-content .feedback-score-value,html.dark-mode .view-my-scores-page .feedback-content .feedback-score-value{background:linear-gradient(135deg,#0f766e,#2563eb);box-shadow:0 6px 16px #22d3ee2e;color:#fff}.dark-mode .view-my-scores-page .feedback-section,[data-dark-mode=true] .view-my-scores-page .feedback-section,[data-theme=dark] .view-my-scores-page .feedback-section,body.dark-mode .view-my-scores-page .feedback-section,html.dark-mode .view-my-scores-page .feedback-section{background:#111827;border:1px solid #60a5fa40;border-left:4px solid #22d3ee;border-radius:12px;box-shadow:0 12px 28px #00000042;color:#e5e7eb;padding:1.1rem 1.25rem}.dark-mode .view-my-scores-page .feedback-section .section-title,[data-dark-mode=true] .view-my-scores-page .feedback-section .section-title,[data-theme=dark] .view-my-scores-page .feedback-section .section-title,body.dark-mode .view-my-scores-page .feedback-section .section-title,html.dark-mode .view-my-scores-page .feedback-section .section-title{border-bottom-color:#94a3b838;color:#bfdbfe;margin-bottom:.9rem}.dark-mode .view-my-scores-page .feedback-section .section-content,[data-dark-mode=true] .view-my-scores-page .feedback-section .section-content,[data-theme=dark] .view-my-scores-page .feedback-section .section-content,body.dark-mode .view-my-scores-page .feedback-section .section-content,html.dark-mode .view-my-scores-page .feedback-section .section-content{background:#0000;color:#cbd5e1}.dark-mode .view-my-scores-page .feedback-section .feedback-content,[data-dark-mode=true] .view-my-scores-page .feedback-section .feedback-content,[data-theme=dark] .view-my-scores-page .feedback-section .feedback-content,body.dark-mode .view-my-scores-page .feedback-section .feedback-content,html.dark-mode .view-my-scores-page .feedback-section .feedback-content{background:#ffffff0a;border:1px solid #60a5fa38;box-shadow:none;color:#e5e7eb}: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{margin:0 auto;max-width:640px;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-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}@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%}}@media (max-width:480px){.jt-header{padding:.75rem 1rem}.jt-content{padding:1rem}.jt-card{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}.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-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 .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-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 .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}.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}
/*# sourceMappingURL=main.0533298d.css.map*/