@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}.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)}.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{box-shadow:0 2px 6px #0000000a,0 8px 24px #00000014,0 20px 48px #0000000f;transform:translateY(-4px)}.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}}.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}.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)}: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;white-space:nowrap}.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}}.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}.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}.create-quiz-container{margin:0 auto;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-weight:500;padding:10px 18px;transition:all .3s ease}.back-button:hover{background-color:#2573a7;box-shadow:0 4px 8px #0000001a}.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}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}}.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}}*{margin:0;padding:0}:root{--light-bg:#f2f5f9}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:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.success-card{background-color:#fffffff2;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin:auto;max-width:800px;padding:30px 40px;text-align:center;width:90%}.success-title{border-bottom:2px solid #c2dcf2;color:#2980b9;color:var(--primary-color);font-size:28px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;padding-bottom:15px}.success-text{color:#666;color:var(--text-light);font-size:18px;margin-bottom:20px}.success-quiz-code{background-color:#e3f2fd;border-radius:20px;color:#2980b9;color:var(--primary-color);display:inline-block;font-weight:600;margin-left:5px;padding:4px 10px}.success-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 6px 12px #00000014;margin-bottom:25px;margin-top:25px;overflow:hidden;width:100%}.success-table td,.success-table th{padding:14px 16px;text-align:left}.success-table th{background-color:#2980b9;background-color:var(--primary-color);color:#fff;color:var(--white);font-size:16px;font-weight:600;letter-spacing:.5px}.success-table tr:nth-child(2n){background-color:#f2f7fc}.success-table tr:nth-child(odd){background-color:#fff;background-color:var(--white)}.success-table td{border-bottom:1px solid #c2dcf2;font-size:15px;vertical-align:middle}.success-table tr:last-child td{border-bottom:none}.success-question-image{border-radius:4px;box-shadow:0 2px 4px #0000001a;display:block;margin:5px 0;max-height:150px;max-width:150px;transition:transform .3s}.success-question-image:hover{transform:scale(1.1)}.success-no-questions{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#666;color:var(--text-light);margin:25px 0;padding:20px;text-align:center}.success-button{background:linear-gradient(45deg,#2980b9,#3498db);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 8px #2980b933;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 24px;transition:all .3s}.success-button:hover{box-shadow:0 6px 12px #2980b94d;transform:translateY(-2px)}@media (max-width:768px){.success-card{padding:20px}.success-title{font-size:24px}.success-table td,.success-table th{font-size:14px;padding:10px 12px}}.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%}}.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:#2774ae}.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;width:155px}.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;margin-bottom:.25rem;max-width:140px;text-align:center;word-break:break-word}.podium-name-first,.podium-score{color:#002e5d;font-size:1rem}.podium-score{font-weight:700}.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-input,.mark-label{color:#002e5d;font-weight:600}.mark-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;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;font-weight:600}.response-title-container{align-items:center;display:flex;gap:.5rem}.question-toggle{color:#002e5d;display:inline-block;font-size:1.1rem;transform:rotate(0deg);transition:transform .2s ease}.question-toggle.expanded{transform:rotate(90deg)}.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}}:root{--primary-blue:#3498db;--primary-dark-blue:#2980b9;--success-green:#2ecc71;--danger-red:#e74c3c;--light-bg:#f8f9fa;--white:#fff;--text-dark:#ebebeb;--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));border-radius:3px;height:100%;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{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;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:#fff;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.even{background:#fff}.students-table-row.odd{background:#f8fafc}.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;color:#dc2626;margin-bottom:2rem;padding:1.25rem 1.5rem}.empty-state{border:2px dashed #cbd5e1;color:#64748b;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}}:root{--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;border-top-color:#fff;display:inline-block;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;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{align-items:center;animation:fadeIn .3s ease-out;background-color:#e74c3c1a;border-left:4px solid #e74c3c;border-left:4px solid var(--error-color);border-radius:4px;color:var(--error-color);display:flex;font-size:.95rem;font-weight:500;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-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%}}.auto-report-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-container h1{color:#2c3e50;margin:0}.dashboard-button{background-color:#3498db;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:#2980b9}.progress-indicator{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.progress-indicator:before{background-color:#e0e0e0;content:"";height:2px;left:0;position:absolute;right:0;top:25px;z-index: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:#e0e0e0;border-radius:50%;font-weight:700;height:50px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:50px}.step-label{color:#777;font-size:14px;text-align:center}.progress-step.active .step-circle{background-color:#3498db;color:#fff}.progress-step.completed .step-circle{background-color:#2ecc71;color:#fff}.progress-step.active .step-label,.progress-step.completed .step-label{color:#333;font-weight:700}.step-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.step-container h2{border-bottom:1px solid #eee;color:#2c3e50;margin-bottom:25px;margin-top:0;padding-bottom:15px}.form-group{margin-bottom:20px}.form-group label{color:#555;font-weight:700;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d;outline:none}.form-group textarea{min-height:100px;resize:vertical}.error-message{margin-top:8px}.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:#3498db;color:#fff}.next-button:hover{background-color:#2980b9}.back-button{background-color:#95a5a6;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}.download-options{display:flex;gap:15px;justify-content:center;margin:20px 0}.csv-button{background-color:#27ae60;color:#fff}.csv-button:hover{background-color:#219653}.pdf-button{background-color:#e74c3c;color:#fff}.pdf-button:hover{background-color:#c0392b}.button-group{display:flex;justify-content:space-between;margin-top:30px}.student-name-edit{border-top:1px dashed #ddd;margin-top:30px;padding-top:20px}.student-name-edit h3{color:#2c3e50;margin-bottom:20px;margin-top:0}.student-details-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.student-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 5px #0000000d;padding:20px}.student-card h3{border-bottom:1px solid #eee;color:#2c3e50;margin-bottom:20px;margin-top:0;padding-bottom:10px}.reports-container{margin-bottom:30px;max-height:600px;overflow-y:auto}.report-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 5px #0000000d;margin-bottom:20px;padding:20px;position:relative}.report-card h3{color:#2c3e50;margin-bottom:15px;margin-top:0}.report-text{line-height:1.6;margin-bottom:20px}.report-card .copy-button{position:absolute;right:15px;top:15px}@media (max-width:768px){.auto-report-container{padding:15px}.step-container{padding:20px}.progress-indicator{flex-wrap:wrap}.progress-step{margin-bottom:20px;width:50%}.student-details-container{grid-template-columns:1fr}.button-group{flex-direction:column}.back-button,.generate-button,.next-button{margin-bottom:10px;margin-right:0;width:100%}.download-options{flex-direction:column}.download-button{margin-bottom:10px;width:100%}}@media (max-width:480px){.progress-step{width:100%}.step-label{font-size:12px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px}}:root{--primary-color:#2980b9;--secondary-color:#3498db;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--light-bg:#f5f7fa;--card-bg:#fff;--border-color:#e2e8f0;--text-color:#2c3e50;--text-light:#7f8c8d;--divider-color:#ecf0f1}.paper-submission-container,.paper-submission-container *{box-sizing:border-box}body.paper-submission-open{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);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:1000px;min-height:100vh;padding:30px 20px}.paper-submission-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.paper-submission-header h1{color:#2c3e50;color:var(--text-color);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.back-button{background-color:#7f8c8d;background-color:var(--text-light);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background-color:#5d6d7b;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.divider{border:none;border-top:2px solid #ffffff80;margin:0 0 30px}.paper-submission-main{display:flex;flex-direction:column;gap:30px}.step-indicator{flex-wrap:wrap;gap:20px;margin-bottom:30px}.step-dot,.step-indicator{align-items:center;display:flex;justify-content:center}.step-dot{background-color:#fff;background-color:var(--card-bg);border:3px solid #e2e8f0;border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #00000014;color:#7f8c8d;color:var(--text-light);cursor:pointer;font-size:18px;font-weight:700;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.step-dot.active{background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#2980b9;border-color:var(--primary-color);box-shadow:0 4px 12px #2980b94d;color:#fff}.step-dot.current{box-shadow:0 8px 20px #2980b966;transform:scale(1.15)}.batch-step{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:40px}.step-header{border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--divider-color);margin-bottom:35px;padding-bottom:20px}.step-header h2{color:#2c3e50;color:var(--text-color);font-size:28px;font-weight:700;margin:0 0 10px}.step-header p{color:#7f8c8d;color:var(--text-light);font-size:16px;line-height:1.5;margin:0}.form-group{margin-bottom:25px}.form-group label{color:#2c3e50;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:#f9fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--text-color);font-size:15px;padding:12px 16px;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:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 4px #3498db26;outline:none}.custom-react-select .react-select__control{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px 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:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 4px #3498db26}.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:#7f8c8d;color:var(--text-light);font-size:15px}.custom-react-select .react-select__single-value{color:#2c3e50;color:var(--text-color);font-size:15px}.custom-react-select .react-select__menu{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000026;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:#2c3e50;color:var(--text-color)}.custom-react-select .react-select__option--is-selected{background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.manual-entry-row{align-items:flex-end;display:flex;gap:12px}.manual-entry-row input{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px 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:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 4px #3498db26;outline:none}.student-list-section{background-color:#f9fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin-top:30px;padding:25px}.student-list-section h3{align-items:center;color:#2c3e50;color:var(--text-color);display:flex;font-size:18px;font-weight:700;gap:12px;margin:0 0 20px}.limit-warning{background-color:#f39c12;background-color:var(--warning-color);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px}.empty-state{color:#7f8c8d;color:var(--text-light);font-size:15px;margin:0;padding:30px 20px;text-align:center}.student-chips{display:flex;flex-wrap:wrap;gap:10px}.student-chip{align-items:center;animation:chipIn .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:24px;box-shadow:0 2px 8px #2980b94d;color:#fff;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:#ffffff4d;border:none;border-radius:50%;color:#fff;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:#ffffff80;transform:scale(1.1)}.selection-summary{background-color:#f0f7ff;border-left:4px solid #3498db;border-left:4px solid var(--secondary-color);border-radius:6px;margin:20px 0;padding:15px 20px}.selection-summary p{color:#2c3e50;color:var(--text-color);font-size:15px;margin:0}.upload-card{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:30px}.upload-card-header{align-items:center;border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.upload-card-header h3{color:#2c3e50;color:var(--text-color);font-size:22px;font-weight:700;margin:0}.page-count{align-items:center;color:#7f8c8d;color:var(--text-light);display:flex;font-size:16px;font-weight:600;gap:8px}.page-count .warning{background-color:#fff8e1;border-radius:4px;color:#f39c12;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:3px dashed #e2e8f0;border:3px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:50px 30px;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:#3498db;border-color:var(--secondary-color);box-shadow:0 8px 20px #3498db26;transform:translateY(-2px)}.upload-icon{font-size:52px;margin-bottom:15px}.upload-text{color:#7f8c8d;color:var(--text-light);font-size:16px;font-weight:500;margin-bottom:20px;text-align:center}.choose-button{background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #2980b94d;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:2px solid #ecf0f1;border-top:2px 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:#2c3e50;color:var(--text-color);font-size:16px;font-weight:700}.images-list h4{margin:0 0 15px}.sort-button{background-color:#fff;border:2px solid #2980b9;border:2px solid var(--primary-color);border-radius:6px;color:#2980b9;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:#2980b9;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 #e2e8f0;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:#3498db;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:#2980b9;color:var(--primary-color);font-size:14px;font-weight:700}.image-name{color:#7f8c8d;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 #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2c3e50;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:#3498db;background-color:var(--secondary-color);border-color:#3498db;border-color:var(--secondary-color);color:#fff}.remove-button{background-color:#e74c3c;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:#2c3e50;color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 10px}.progress-fill{background:linear-gradient(90deg,#2980b9,#3498db);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:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:35px}.summary-card{background:linear-gradient(135deg,#f9fafc,#f0f4f8);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;min-width:0;overflow:hidden;padding:20px 16px;text-align:center;transition:all .3s ease}.summary-card:hover{border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 4px 12px #3498db1a;transform:translateY(-2px)}.summary-label{color:#7f8c8d;color:var(--text-light);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#2980b9;color:var(--primary-color);font-size:clamp(16px,2.5vw,26px);font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:100%;overflow-wrap:break-word;word-break:break-word}.credit-breakdown-section{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:25px}.credit-breakdown-section h3{color:#2c3e50;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 20px}.credit-breakdown{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:20px}.credit-row{align-items:center;border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--divider-color);color:#2c3e50;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:#2980b9;color:var(--primary-color);font-size:16px;font-weight:700;padding-bottom:0;padding-top:15px}.credit-cost{background-color:#fff8e1;border-radius:20px;color:#f39c12;color:var(--warning-color);font-size:14px;font-weight:600;padding:4px 12px}.credit-cost-total{background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;box-shadow:0 2px 8px #2980b94d;color:#fff;font-size:15px;font-weight:700;padding:6px 16px}.credit-note{background-color:#f0f7ff;border-left:4px solid #3498db;border-left:4px solid var(--secondary-color);border-radius:8px;color:#7f8c8d;color:var(--text-light);font-size:14px;margin:0;padding:12px}.full-analysis-section{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:25px}.full-analysis-section h3{color:#2c3e50;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:#2980b9;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-label span{color:#2c3e50;color:var(--text-color);flex:1 1;font-size:15px;line-height:1.5}.student-list-summary{background-color:#f9fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;margin-bottom:25px;padding:25px}.student-list-summary h3{color:#2c3e50;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 #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.summary-item:hover{background-color:#f9fafc;border-color:#3498db;border-color:var(--secondary-color)}.student-name{color:#2c3e50;color:var(--text-color);font-size:15px;font-weight:600}.page-badge{background-color:#3498db;background-color:var(--secondary-color);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.step-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.primary-button,.secondary-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:0;padding:14px 28px;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-button{background:linear-gradient(135deg,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 12px #2980b94d;color:#fff;flex:1 1;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{cursor:not-allowed;opacity:.6}.secondary-button{background-color:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#2c3e50;color:var(--text-color);flex:1 1;min-width:140px}.secondary-button:hover{background-color:#f9fafc;border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 2px 8px #3498db1a;color:#3498db;color:var(--secondary-color)}.secondary-button:active{background-color:#f0f4f8}.processing-progress{margin-bottom:35px}.progress-bar{background-color:#e2e8f0;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:#2c3e50;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 #e2e8f0;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:#27ae60;border-color:var(--success-color)}.count-item.failed{background-color:#fef2f2;border-color:#e74c3c;border-color:var(--danger-color)}.count-item.processing{background-color:#fffbeb;border-color:#f39c12;border-color:var(--warning-color)}.count-item.pending{background-color:#f9fafc;border-color:#cbd5e0}.count-label{color:#7f8c8d;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:#27ae60;color:var(--success-color)}.count-item.failed .count-value{color:#e74c3c;color:var(--danger-color)}.count-item.processing .count-value{color:#f39c12;color:var(--warning-color)}.count-item.pending .count-value{color:#7f8c8d}.submission-list{margin-bottom:30px}.submission-list h3{color:#2c3e50;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 15px}.submission-item{background-color:#fff;border:2px solid #e2e8f0;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:#27ae60;border-color:var(--success-color)}.submission-item.failed{background-color:#fef2f2;border-color:#e74c3c;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:#2c3e50;color:var(--text-color);font-size:15px;font-weight:600}.submission-status{display:inline-block;font-size:13px;font-weight:600}.submission-error{color:#e74c3c;color:var(--danger-color);font-size:13px;font-style:italic;margin-top:8px}.results-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.result-item{background:linear-gradient(135deg,#f9fafc,#f0f4f8);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.result-item.completed{background:linear-gradient(135deg,#f0fdf4,#dbeafe);border-color:#27ae60;border-color:var(--success-color)}.result-item.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#e74c3c;border-color:var(--danger-color)}.result-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.result-number{font-size:48px;font-weight:700;margin-bottom:10px}.result-item.completed .result-number{color:#27ae60;color:var(--success-color)}.result-item.failed .result-number{color:#e74c3c;color:var(--danger-color)}.result-label{color:#7f8c8d;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 #e74c3c;border:2px solid var(--danger-color);border-radius:12px;margin-bottom:25px;padding:25px}.failed-submissions-section h3{color:#e74c3c;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 #e74c3c;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:#2c3e50;color:var(--text-color);font-weight:600;min-width:150px}.error-message{color:#e74c3c;color:var(--danger-color);flex:1 1;font-size:14px;text-align:right}.spinner{animation:spin 1s linear infinite;border:5px solid #e2e8f0;border-top:5px solid #3498db;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:#2c3e50;color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:15px}.loading-subtext{color:#7f8c8d;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:#3498db;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:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-card:hover{border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.result-card.completed{border-top:4px solid #27ae60;border-top:4px solid var(--success-color)}.result-card.failed{background-color:#fef9f9;border-top:4px solid #e74c3c;border-top:4px solid var(--danger-color)}.card-header{align-items:flex-start;border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--divider-color);display:flex;gap:15px;justify-content:space-between;padding:20px}.card-header h3{color:#2c3e50;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:20px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;white-space:nowrap}.badge.completed{background-color:#dcfce7;border:1px solid #27ae60;border:1px solid var(--success-color);color:#27ae60;color:var(--success-color)}.badge.failed{background-color:#fee2e2;border:1px solid #e74c3c;border:1px solid var(--danger-color);color:#e74c3c;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:#2980b9;color:var(--primary-color);font-size:36px;font-weight:700}.percentage-display{background-color:#f0f7ff;border-radius:12px;color:#3498db;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:#2c3e50;color:var(--text-color);font-size:14px;margin:8px 0}.error-content strong{color:#e74c3c;color:var(--danger-color);display:block;font-size:13px;margin-top:8px}.card-actions{border-top:1px solid #ecf0f1;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,#2980b9,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 2px 8px #2980b933;color:#fff}.breakdown-button:hover{box-shadow:0 4px 12px #2980b94d;transform:translateY(-2px)}.download-button{background-color:#f0f4f8;border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#2c3e50;color:var(--text-color)}.download-button:hover{background-color:#f9fafc;border-color:#3498db;border-color:var(--secondary-color);color:#3498db;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:#2c3e50;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:#e74c3c;background-color:var(--danger-color);color:#fff;transform:scale(1.1)}.breakdown-header{align-items:flex-start;border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--divider-color);display:flex;gap:20px;justify-content:space-between;padding:30px 30px 20px}.breakdown-header h2{color:#2c3e50;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:#2980b9;color:var(--primary-color);font-size:28px;font-weight:700}.percentage-badge{background:linear-gradient(135deg,#2980b9,#3498db);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 #e74c3c;border:2px solid var(--danger-color);border-radius:12px;padding:20px}.failure-info h3{color:#e74c3c;color:var(--danger-color);margin-top:0}.failure-info p{color:#2c3e50;color:var(--text-color);font-size:15px;margin:10px 0}.questions-breakdown h3{color:#2c3e50;color:var(--text-color);font-size:20px;font-weight:700;margin:0 0 20px}.question-item{background-color:#f9fafc;border:2px solid #e2e8f0;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:#3498db;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:#2980b9;color:var(--primary-color);font-size:16px;font-weight:700}.marks-badge{background-color:#3498db;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 #ecf0f1;border-bottom:1px solid var(--divider-color);margin-bottom:15px;padding-bottom:15px}.question-text strong{color:#7f8c8d;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.question-text p{color:#2c3e50;color:var(--text-color);font-size:14px;line-height:1.6;margin:0}.student-answer{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--divider-color);margin-bottom:15px;padding-bottom:15px}.student-answer strong{color:#7f8c8d;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.student-answer p{color:#2c3e50;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 #3498db;border-left:4px solid var(--secondary-color);border-radius:8px;margin-bottom:15px;padding:15px}.feedback-section strong{color:#7f8c8d;color:var(--text-light);display:block;font-size:13px;margin-bottom:8px}.feedback-section p{color:#2c3e50;color:var(--text-color);font-size:14px;line-height:1.6;margin:0}.full-analysis-section h4{border-top:2px solid #ecf0f1;border-top:2px solid var(--divider-color);color:#2c3e50;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 #e2e8f0;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:#2c3e50;color:var(--text-color);font-size:14px;line-height:1.5;margin:6px 0}.analysis-block p{color:#7f8c8d;color:var(--text-light);font-size:13px;margin:4px 0 0;padding-left:20px}.analysis-block.strengths{background-color:#f0fdf4;border-left-color:#27ae60;border-left-color:var(--success-color)}.analysis-block.missing{background-color:#fef2f2;border-left-color:#e74c3c;border-left-color:var(--danger-color)}.analysis-block.targets{background-color:#fffbeb;border-left-color:#f39c12;border-left-color:var(--warning-color)}.analysis-block.errors{background-color:#fef3c7;border-left-color:#d97706}.breakdown-actions{border-top:2px solid #ecf0f1;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:20px 15px}.batch-step{padding:25px}.paper-submission-header{align-items:flex-start;flex-direction:column}.paper-submission-header h1{font-size:24px}.step-dot{font-size:14px;height:40px;width:40px}.step-indicator{gap:12px}.summary-grid{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:column}.primary-button,.secondary-button{flex:1 1;min-width:auto}.image-actions{flex-direction:column;gap:6px}.submission-info{align-items:flex-start;flex-direction:column}.upload-label{padding:35px 20px}.image-name{max-width:150px}}@media (max-width:480px){.paper-submission-container{padding:15px 10px}.batch-step{padding:20px 15px}.paper-submission-header h1{font-size:20px}.step-dot{font-size:12px;height:36px;width:36px}.progress-counts,.summary-grid{grid-template-columns:1fr}.student-chips{gap:8px}.student-chip{font-size:13px;padding:8px 12px}}.phone-upload-option{border-top:1px dashed #e2e8f0;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 #2980b9;border:2px solid var(--primary-color);border-radius:8px;color:#2980b9;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:#2980b9;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:#2980b9;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}.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%}}.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.fb605cff.css.map*/