@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#1a1a2e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#1a1a2e;--ink-secondary:#3d3d5c;--muted:#6b7294;--surface:#ffffffd1;--surface-hover:#fffffff2;--surface-elevated:#ffffffeb;--border:#0000000f;--border-hover:#0000001f;--accent:#6c5ce7;--accent-soft:#a29bfe;--accent-glow:#6c5ce726;--accent-text:#5a4bd1;--success:#00b894;--success-bg:#00b8941a;--danger:#e17055;--danger-bg:#e170551a;--warning:#fdcb6e;--gradient-primary:linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-warm:linear-gradient(135deg, #fd79a8, #fdcb6e);--gradient-cool:linear-gradient(135deg, #00b894, #00cec9);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 32px #0000000f;--shadow-lg:0 20px 60px #00000014;--shadow-accent:0 8px 32px #6c5ce733;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font-display:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--transition:.3s cubic-bezier(.4, 0, .2, 1);background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 40%,#fef5f0 100%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;transition:background var(--transition), color var(--transition);margin:0}button,textarea,input{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0}h1{letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.05}h2{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.15}h3{font-size:1.1rem;font-weight:600}p{margin:0}a{color:inherit}#root{min-height:100vh}body.theme-dark{color:#e8eaed;--ink:#e8eaed;--ink-secondary:#b0b3c5;--muted:#8b8fa8;--surface:#1e1e32bf;--surface-hover:#282841d9;--surface-elevated:#23233ad9;--border:#ffffff0f;--border-hover:#ffffff1f;--accent-glow:#6c5ce740;--accent-text:#b8b0ff;--success-bg:#00b89426;--danger-bg:#e1705526;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #00000040;--shadow-lg:0 20px 60px #0000004d;--shadow-accent:0 8px 32px #6c5ce74d;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 40%,#16213e 100%)}.shell{gap:24px;width:min(1320px,100% - 40px);margin:0 auto;padding:24px 0 60px;display:grid;position:relative}.ambient{filter:blur(90px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;animation:12s ease-in-out infinite float;position:fixed}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.ambient-one{background:radial-gradient(circle,#6c5ce780,#a29bfe33);width:400px;height:400px;top:-80px;right:-100px}.ambient-two{background:radial-gradient(circle,#fd79a866,#00b89426);width:350px;height:350px;animation-delay:-6s;bottom:-60px;left:-80px}.panel{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-md);transition:background var(--transition), border var(--transition), box-shadow var(--transition);position:relative}.panel:hover{box-shadow:var(--shadow-lg)}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.topbar h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:8px 0 10px}.lede{max-width:55ch;color:var(--muted);font-size:.95rem;line-height:1.6}.topbar-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.theme-toggle{border:2px solid var(--border);background:var(--surface-elevated);cursor:pointer;width:56px;height:30px;transition:all var(--transition);border-radius:999px;flex-shrink:0;align-items:center;padding:0 4px;display:flex;position:relative}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.theme-toggle-knob{background:var(--gradient-primary);width:22px;height:22px;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;box-shadow:0 2px 8px #6c5ce74d}.theme-toggle.dark .theme-toggle-knob{transform:translate(26px)}.status-chip{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;display:flex}.status-chip span{color:var(--muted)}.status-chip strong{color:var(--accent-text);font-weight:600}.status-chip .pulse-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;display:grid}.hero-card,.story-card{padding:28px}.hero-card{gap:24px;display:grid}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hero-stats div{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);transition:all var(--transition);padding:18px}.hero-stats div:hover{border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.hero-stats span,.metric-card span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.8rem;font-weight:600}.hero-stats strong,.metric-card strong,.summary-card strong{color:var(--ink);font-size:1.6rem;font-weight:800;font-family:var(--font-display);margin-top:8px;display:block}.subject-banner{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;padding:28px;position:relative;overflow:hidden}.subject-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff26,#0000 60%);position:absolute;inset:0}.subject-banner .eyebrow,.subject-banner p,.subject-banner h2{color:inherit;position:relative}.subject-banner p{opacity:.85}.story-card{flex-direction:column;gap:8px;display:flex}.feature-list{gap:12px;margin:14px 0 0;padding-left:0;list-style:none;display:grid}.feature-list li{border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border);color:var(--ink-secondary);transition:all var(--transition);padding:12px 16px 12px 36px;font-size:.9rem;position:relative}.feature-list li:hover{border-color:var(--accent);transform:translate(4px)}.feature-list li:before{content:"✦";color:var(--accent);font-size:.75rem;position:absolute;left:14px}.workspace{grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr);align-items:start;gap:24px;display:grid}.admin-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-rail,.quiz-panel,.import-panel,.metrics-panel,.performance-panel,.insights-panel,.attempts-panel,.login-panel{padding:28px}.rail-header,.quiz-header,.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.pill{color:var(--accent-text);background:var(--accent-glow);white-space:nowrap;border-radius:999px;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.subject-list{gap:10px;margin-top:20px;display:grid}.subject-tile{border-radius:var(--radius-md);text-align:left;background:var(--surface-elevated);border:1px solid var(--border);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 16px 16px 20px;display:grid;position:relative;overflow:hidden}.subject-tile:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.subject-tile:before{content:"";background:var(--subject-accent,var(--accent));width:4px;transition:width var(--transition);border-radius:0 4px 4px 0;position:absolute;inset:0 auto 0 0}.subject-tile:hover:before{width:6px}.subject-tile strong{color:var(--ink);font-size:.95rem;font-weight:600}.subject-tile small{color:var(--muted);font-size:.8rem}.subject-tile.locked{opacity:.45;cursor:not-allowed}.subject-tile.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:var(--shadow-accent)}.subject-tile.active:before{width:6px}.subject-order{color:var(--accent-text);font-size:.85rem;font-weight:800;font-family:var(--font-display)}.subject-status{color:var(--muted);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.quiz-header{margin-bottom:20px}.quiz-header h2{color:var(--ink)}.quiz-header p{color:var(--muted);margin-top:4px;font-size:.9rem}.summary-card{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);min-width:160px;padding:14px 18px}.summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.message-strip{border-radius:var(--radius-sm);color:var(--ink-secondary);background:var(--accent-glow);border:1px solid #6c5ce71a;margin-bottom:20px;padding:14px 18px;font-size:.9rem;line-height:1.5}.question-stack{gap:16px;display:grid}.question-card{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:28px;animation:.4s cubic-bezier(.4,0,.2,1) cardSlideIn}@keyframes cardSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.question-heading{margin-bottom:20px}.question-heading span{background:var(--accent-glow);color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.question-heading h3{color:var(--ink);margin:0;font-size:1.2rem;line-height:1.5}.progress-bar-container{margin-bottom:20px}.progress-info{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:.82rem;font-weight:600;display:flex}.progress-track{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.question-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.question-dot{border:2px solid var(--border);cursor:pointer;width:10px;height:10px;transition:all var(--transition);background:0 0;border-radius:50%;padding:0}.question-dot:hover{border-color:var(--accent);transform:scale(1.2)}.question-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);transform:scale(1.3)}.question-dot.answered{background:var(--accent-soft);border-color:var(--accent-soft)}.question-dot.correct-dot{background:var(--success);border-color:var(--success)}.question-dot.incorrect-dot{background:var(--danger);border-color:var(--danger)}.option-grid{gap:10px;display:grid}.option-card{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition);align-items:center;gap:14px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.option-card:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.option-card:hover:not(.correct):not(.incorrect){border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.option-card input{accent-color:var(--accent);z-index:1;margin:0;position:relative}.option-card span{z-index:1;color:var(--ink);font-weight:500;position:relative}.option-card.selected{border-color:var(--accent);background:var(--accent-glow)}.option-card.correct{border-color:var(--success);background:var(--success-bg)}.option-card.correct span{font-weight:600}.option-card.incorrect{border-color:var(--danger);background:var(--danger-bg)}.answer-review{border-radius:var(--radius-md);background:var(--success-bg);border:1px solid #00b89426;margin-top:20px;padding:18px 20px}.answer-review strong{color:var(--success);font-size:.95rem}.answer-review p{color:var(--ink-secondary);margin-top:6px;font-size:.9rem;line-height:1.6}.action-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.nav-buttons{gap:8px;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;font:inherit;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;border:0;padding:12px 24px;font-size:.9rem;font-weight:700}.primary-button{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-accent)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6c5ce759}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{color:var(--ink);background:var(--surface-elevated);border:1px solid var(--border)}.secondary-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-glow);color:var(--accent-text)}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.ghost-button{color:var(--danger);background:var(--danger-bg);border:1px solid #0000}.ghost-button:hover{border-color:var(--danger)}.login-panel{text-align:center;flex-direction:column;gap:20px;max-width:420px;margin:40px auto;display:flex}.login-panel .login-icon{margin-bottom:4px;font-size:3rem}.login-panel input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--ink);transition:all var(--transition);width:100%;padding:14px 18px;font-size:.95rem}.login-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-panel input::placeholder{color:var(--muted)}.login-panel .primary-button{width:100%;padding:14px;font-size:1rem}.login-error{color:var(--danger);border-radius:var(--radius-sm);background:var(--danger-bg);padding:10px;font-size:.85rem;font-weight:600}.import-textarea{border-radius:var(--radius-md);border:1.5px solid var(--border);resize:vertical;width:100%;min-height:320px;font:.9rem/1.6 var(--font-mono);color:var(--ink);background:var(--surface);transition:all var(--transition);margin-top:16px;padding:18px}.import-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mode-switch{background:var(--surface-elevated);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.mode-switch button{cursor:pointer;font:inherit;color:var(--muted);transition:all var(--transition);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.mode-switch button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-accent)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.metric-card{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);transition:all var(--transition);padding:20px}.metric-card:hover{border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.bar-list{gap:12px;margin-top:20px;display:grid}.bar-card{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);transition:all var(--transition);grid-template-columns:minmax(0,1fr) minmax(120px,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}.bar-card:hover{border-color:var(--accent)}.bar-card strong{color:var(--ink)}.bar-card span{color:var(--muted);font-size:.85rem}.bar-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.insight-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.insight-columns h3{color:var(--ink);margin-bottom:4px}.stat-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.stat-list li{border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border);transition:all var(--transition);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:.9rem;display:flex}.stat-list li:hover{border-color:var(--accent)}.stat-list li span{color:var(--muted)}.stat-list li strong{color:var(--ink)}.attempt-list{gap:12px;margin-top:20px;display:grid}.attempt-card{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);transition:all var(--transition);justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.attempt-card:hover{border-color:var(--accent)}.attempt-card div{gap:4px;display:grid}.attempt-card strong{color:var(--ink)}.attempt-card span{color:var(--muted);font-size:.85rem}.empty-state{border-radius:var(--radius-lg);text-align:center;background:var(--surface-elevated);border:1px solid var(--border);padding:40px 28px}.empty-state h3{color:var(--ink);margin-bottom:8px}.empty-state p{color:var(--muted)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin:0;font-size:.75rem;font-weight:700}@media (width<=1120px){.hero-grid,.workspace,.admin-workspace{grid-template-columns:1fr}.hero-stats,.metric-grid,.insight-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}@media (width<=720px){.shell{width:calc(100% - 20px);padding:12px 0 40px}.topbar,.hero-card,.story-card,.subject-rail,.quiz-panel,.import-panel,.metrics-panel,.performance-panel,.insights-panel,.attempts-panel,.login-panel{padding:20px}.panel{border-radius:var(--radius-lg)}.hero-stats,.metric-grid,.insight-columns,.bar-card{grid-template-columns:1fr}.attempt-card{flex-direction:column;align-items:flex-start}.rail-header,.quiz-header,.section-header{flex-direction:column}.subject-tile{grid-template-columns:auto 1fr}.subject-status{grid-column:2}.action-row{flex-direction:column;align-items:stretch}.nav-buttons{width:100%}.nav-buttons button{flex:1}}.admin-login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.ambient-three{background:radial-gradient(circle,#a29bfe26,#0000 70%);width:500px;height:500px;animation-delay:-3s;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-login-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);width:100%;max-width:1000px;min-height:600px;box-shadow:var(--shadow-lg);z-index:1;display:flex;position:relative;overflow:hidden}.admin-login-branding{background:var(--gradient-primary);color:#fff;flex-direction:column;flex:1;justify-content:space-between;padding:48px;display:flex;position:relative}.admin-login-branding:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.branding-content{z-index:1;position:relative}.branding-icon{margin-bottom:24px}.admin-login-branding h1{color:#fff;margin-bottom:8px;font-size:2.5rem}.branding-tagline{opacity:.9;margin-bottom:48px;font-size:1.1rem}.branding-features{flex-direction:column;gap:24px;display:flex}.branding-feature{align-items:flex-start;gap:16px;display:flex}.feature-icon{border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #fff3;padding:12px;font-size:1.5rem}.branding-feature strong{margin-bottom:4px;font-size:1.1rem;display:block}.branding-feature p{opacity:.8;font-size:.9rem;line-height:1.5}.branding-footer{z-index:1;opacity:.7;border-top:1px solid #fff3;padding-top:24px;font-size:.85rem;position:relative}.admin-login-form-panel{background:var(--surface-elevated);flex-direction:column;flex:0 0 450px;padding:40px 48px;display:flex}.login-form-header{justify-content:flex-end;display:flex}.login-form-body{flex-direction:column;flex:1;justify-content:center;display:flex}.login-welcome{text-align:center;margin-bottom:32px}.login-avatar{background:var(--accent-glow);width:56px;height:56px;color:var(--accent-text);border:2px solid var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-welcome h2{color:var(--ink);margin-bottom:8px;font-size:1.8rem}.login-welcome p{color:var(--muted);font-size:.95rem}.login-error-banner{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);border:1px solid #e170554d;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--ink);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);position:absolute;left:14px}.input-wrapper input{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);transition:all var(--transition);padding:14px 14px 14px 44px;font-size:.95rem}.input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:14px}.password-toggle:hover{color:var(--ink)}.login-submit-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-accent);transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px;font-size:1rem;font-weight:600;display:flex}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #6c5ce759}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-form-footer{text-align:center;margin-top:32px}.back-to-quiz-link{color:var(--muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:.9rem;font-weight:500}.back-to-quiz-link:hover{color:var(--accent)}.file-importer{margin-top:16px}.importer-tabs{gap:8px;margin-bottom:20px;display:flex}.importer-tab{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex}.importer-tab:hover{background:var(--surface-hover);color:var(--ink)}.importer-tab.active{background:var(--surface-elevated);border-color:var(--accent);color:var(--accent-text);box-shadow:0 4px 12px var(--accent-glow)}.importer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.template-dropdown-container{position:relative}.template-btn{background:var(--surface-elevated);border:1px solid var(--border);color:var(--ink-secondary);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.template-btn:hover{border-color:var(--accent-soft);color:var(--accent-text)}.template-dropdown{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:250px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;padding:12px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;padding:4px 16px 8px;font-size:.75rem;font-weight:700}.template-dropdown hr{border:0;border-top:1px solid var(--border);margin:8px 0}.template-dropdown button{text-align:left;color:var(--ink);cursor:pointer;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;display:flex}.template-dropdown button:hover{background:var(--accent-glow)}.badge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.badge.json{color:#e67e22;background:#f39c1226}.badge.text{color:#2980b9;background:#3498db26}.badge.csv{color:#27ae60;background:#2ecc7126}.paste-area{position:relative}.uploaded-badge{background:var(--accent);color:#fff;box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-12px;right:24px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--surface);cursor:pointer;transition:all var(--transition);padding:60px 20px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow)}.hidden-input{display:none}.drop-zone-content{flex-direction:column;align-items:center;gap:12px;display:flex}.drop-icon{color:var(--accent);margin-bottom:8px}.drop-zone h3{color:var(--ink);margin:0;font-size:1.2rem}.drop-zone p{color:var(--muted);margin:0;font-size:.95rem}.supported-formats{gap:8px;margin-top:16px;display:flex}.importer-actions{justify-content:flex-end;margin-top:24px;display:flex}.format-guide{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-top:32px}.format-guide summary{color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:16px 20px;font-weight:600;list-style:none;display:flex}.format-guide summary::-webkit-details-marker{display:none}.format-guide-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:0 20px 20px;display:grid}.format-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.format-card h4{align-items:center;gap:8px;margin-bottom:12px;display:flex}.format-card p,.format-card code{color:var(--muted);font-size:.85rem;line-height:1.6}.format-card code{background:var(--border);color:var(--ink-secondary);border-radius:4px;padding:2px 6px}.admin-topbar{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.admin-topbar-left{align-items:center;gap:20px;display:flex}.admin-title{margin:4px 0 0;font-size:1.5rem}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-quick-stats{border-right:1px solid var(--border);gap:16px;margin-right:16px;padding-right:24px;display:flex}.quick-stat{flex-direction:column;align-items:center;display:flex}.quick-stat span{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:800;line-height:1}.quick-stat small{text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.admin-nav-btn{padding:8px 16px}.admin-logout-btn{align-items:center;gap:8px;padding:8px 16px;display:flex}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.admin-import-section{grid-column:1/-1}.admin-danger-zone{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.admin-danger-zone button{align-items:center;gap:8px;display:flex}@media (width<=900px){.admin-login-container{flex-direction:column}.admin-login-branding,.admin-login-form-panel{flex:auto}.admin-topbar{flex-direction:column;align-items:flex-start;gap:20px}.admin-topbar-right{flex-wrap:wrap;width:100%}.admin-quick-stats{border-right:none;width:100%;margin-bottom:12px;margin-right:0;padding-right:0}}