@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--bg-main: #ffffff;--bg-soft: #f8fafc;--bg-accent: #f1f5f9;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #475569;--accent: #059669;--danger: #dc2626;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;letter-spacing:-.025em}.main-nav-standard{height:64px;margin-top:1rem;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;padding:0 4rem;position:sticky;top:0;z-index:1000;transition:var(--transition)}.nav-left{display:flex;align-items:center;gap:3rem}.nav-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-main);transition:var(--transition)}.nav-brand:hover{transform:translateY(-1px)}.brand-logo-refined{width:38px;height:38px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2563eb40;transition:var(--transition);flex-shrink:0}.nav-brand:hover .brand-logo-refined{box-shadow:0 6px 20px #2563eb59;transform:scale(1.05)}.brand-text .name{display:block;font-weight:800;font-size:1rem;letter-spacing:-.01em;color:var(--text-main)}.brand-text .tag{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.nav-links{display:flex;gap:1.5rem}.nav-link{text-decoration:none;font-weight:600;font-size:.95rem;color:#64748b;transition:var(--transition);padding:.6rem 1.5rem;border-radius:100px;position:relative}.nav-link:hover{color:var(--text-main);background:var(--bg-soft)}.nav-link.active{color:var(--primary);background:#eff6ff}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:12px;height:2px;background:var(--primary);border-radius:2px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{width:0;opacity:0}to{width:12px;opacity:1}}.nav-right,.header-actions{display:flex;align-items:center;gap:1.5rem}.user-profile-group{display:flex;align-items:center;gap:1rem}.profile-pill-premium{display:flex;align-items:center;gap:.75rem;background:#f8fafc;padding:.35rem 1.25rem .35rem .35rem;border-radius:100px;border:1px solid var(--border-light)}.avatar-mini{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.email-truncate{font-size:.9rem;font-weight:600;color:var(--text-main);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout-circle{width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:#94a3b8;flex-shrink:0}.btn-logout-circle:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;transform:translateY(-1px)}.btn-bell{background:none;border:none;cursor:pointer;position:relative;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0;color:#64748b}.btn-bell:hover{background:#f1f5f9;color:#1e293b}.unread-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #ef44444d}.secondary-nav-standard{background:#fff;height:56px;padding:0 4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.btn-back-studio{text-decoration:none;color:#64748b;font-size:.875rem;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-back-studio:hover{color:var(--primary)}.btn-back-studio svg{transition:var(--transition)}.btn-back-studio:hover svg{transform:translate(-3px)}.dashboard-title{font-size:1.35rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.02em}.logged-as-info{font-size:.85rem;color:#94a3b8}.email-highlight{color:#1e293b;font-weight:700}.btn-signin-premium{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;padding:.6rem 1.75rem;border-radius:10px;transition:var(--transition);box-shadow:0 4px 14px #2563eb40;white-space:nowrap}.btn-signin-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.landing-standard{max-width:1040px;margin:2.5rem auto 0;padding:0 1.25rem 3rem}.hero-centered-std{padding:4rem 0 2rem;text-align:left;max-width:1040px;margin:0 auto}.hero-head-content{margin-bottom:2rem;animation:fadeUp .8s ease-out;max-width:42rem}.badge-premium{display:inline-block;background:var(--primary-light);color:var(--primary);padding:.4rem 1rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:1.5rem}.hero-title-max{font-size:clamp(2.5rem,6vw,3.5rem);line-height:1.1;margin-bottom:1rem;color:var(--text-main);letter-spacing:-.02em;max-width:16ch}.text-gradient-hero{display:inline-block;color:var(--primary)}.hero-subtitle-large{font-size:1.08rem;color:var(--text-muted);max-width:34rem;margin:0;line-height:1.75}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,440px);gap:2rem;align-items:start;max-width:1080px;margin:0 auto}.hero-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.hero-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm)}.hero-feature-card strong{display:block;font-size:1rem;margin-bottom:.75rem}.hero-feature-card p{color:var(--text-muted);line-height:1.75;font-size:.95rem}.hero-centerpiece{position:relative;margin-bottom:0;display:flex;justify-content:center;z-index:10}.glass-uploader-card{background:var(--bg-card);padding:1.75rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);width:100%;max-width:460px}.hero-card-head{margin-bottom:1.5rem}.hero-card-head .hero-card-label{display:block;font-weight:800;margin-bottom:.75rem;color:var(--text-main)}.hero-card-note{color:var(--text-muted);line-height:1.7;font-size:.95rem}.hero-card-actions{margin-top:1.5rem;display:flex;justify-content:flex-start}.placeholder-copy{margin-bottom:1.5rem}.placeholder-title{font-weight:800;font-size:1.05rem;margin-bottom:.5rem}.hero-trust-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.95rem;align-items:center;padding-top:1.25rem;border-top:1px solid var(--border);margin:1.75rem 0 0;max-width:820px;justify-content:start}.token{display:inline-flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;color:var(--text-muted)}.token span{font-size:1.2rem}.studio-showcase{padding:5rem 0 4.5rem;background:var(--bg-soft);text-align:center}.showcase-content h3{font-size:2.25rem;margin:1rem 0 1.5rem}.showcase-content p{font-size:1.05rem;color:var(--text-muted);max-width:550px;margin:0 auto 3.5rem}.showcase-visual-frame{max-width:1100px;margin:0 auto}.mock-studio-window{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.window-header{height:48px;background:#f1f5f9;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:1.5rem}.window-header .dots{display:flex;gap:.5rem}.window-header .dots span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.address-bar{flex:1;background:#fff;height:28px;border-radius:6px;font-size:.7rem;display:flex;align-items:center;padding:0 1rem;color:var(--text-muted)}.window-body{height:500px;display:flex}.body-sidebar{width:200px;border-right:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.s-line{height:8px;background:#f1f5f9;border-radius:4px}.s-line.short{width:60%}.body-content{flex:1;padding:4rem;text-align:left}.content-h{width:40%;height:24px;background:#e2e8f0;border-radius:6px;margin-bottom:2rem}.content-p{width:90%;height:10px;background:#f1f5f9;margin-bottom:1rem;border-radius:4px}.content-p.short{width:50%}.content-block{margin-top:3rem;width:100%;height:150px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp 1s ease-out backwards;animation-delay:.3s}.workspace-studio{height:calc(100vh - 72px);height:calc(100dvh - 72px);display:flex;flex-direction:column}.studio-top-info{padding:1rem 2rem;background:var(--bg-main);border-bottom:1px solid var(--border)}.breadcrumb{font-size:.8rem;color:var(--text-muted)}.breadcrumb strong{color:var(--text-main)}.studio-layout{flex:1;display:flex;overflow:hidden}.studio-sidebar{width:240px;background:#fff;border-right:1px solid var(--border);padding:2rem}.studio-stats-panel label{display:block;font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem}.studio-stats-panel .count{font-size:2rem;font-weight:800;margin-bottom:2rem;color:var(--primary)}.studio-editor-main{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-soft)}.studio-preview-pane{width:450px;background:#fff;border-left:1px solid var(--border);overflow-y:auto;transition:var(--transition)}.studio-preview-pane.full{width:100%}.how-it-works-std{padding:6rem 0;border-top:1px solid var(--border-light)}.section-title-centered{text-align:center;margin-bottom:5rem}.section-title-centered h3{font-size:2.25rem;margin-top:.5rem;margin-bottom:1rem}.steps-grid{display:flex;align-items:center;justify-content:space-between;gap:2rem}.step-card{flex:1;background:#fff;padding:3rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition)}.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border)}.step-num{font-size:.75rem;font-weight:800;color:var(--primary);background:var(--primary-light);width:fit-content;padding:.4rem .8rem;border-radius:100px;margin-bottom:1.5rem}.step-card h4{font-size:1.25rem;margin-bottom:1rem}.step-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.step-icon{font-size:2rem;color:var(--border);font-family:serif;transition:var(--transition)}.benefits-section-std{padding:5rem 0;background:var(--bg-soft);border-radius:var(--radius-lg);margin-bottom:5rem}.benefit-row{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding:0 4rem}.benefit-info h3{font-size:2.25rem;margin-bottom:1.5rem}.benefit-info>p{font-size:1.05rem;color:var(--text-muted);margin-bottom:2.5rem}.benefit-list{list-style:none;display:flex;flex-direction:column;gap:2rem}.benefit-list li{display:flex;flex-direction:column;gap:.25rem}.benefit-list li strong{font-size:1.1rem;color:var(--text-main)}.benefit-list li span{font-size:.95rem;color:var(--text-muted)}.benefit-visual{display:flex;justify-content:center}.visual-box-outline{width:280px;height:280px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;position:relative}.inner-pulse{width:56px;height:56px;background:var(--primary-light);border-radius:50%}.footer-standard{background:var(--text-main);color:#fff;padding:6rem 0 3rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin-bottom:6rem}.footer-brand{max-width:300px}.footer-brand h3{font-size:1.5rem;margin:1rem 0}.footer-brand p{color:#94a3b8;font-size:.9rem}.footer-links-group{display:flex;gap:6rem;flex-wrap:wrap}.links-col h5{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:#64748b}.links-col{display:flex;flex-direction:column;gap:.75rem}.links-col a{color:#cbd5e1;text-decoration:none;font-size:.95rem;transition:var(--transition)}.links-col a:hover{color:#fff}.copyright-bar{text-align:center;padding-top:3rem;border-top:1px solid #1e293b;font-size:.85rem;color:#64748b}.upload-box{border:2px dashed var(--border);padding:4rem 2rem;text-align:center;border-radius:var(--radius-lg);background:var(--bg-main);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;max-width:600px;margin:0 auto}.upload-box:hover,.upload-box.drag-active{border-color:var(--primary);background:var(--primary-light);transform:scale(1.01)}.upload-label-premium{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;cursor:pointer}.upload-visual{position:relative;display:flex;flex-direction:column;align-items:center}.upload-icon{font-size:4rem;margin-bottom:.5rem;transition:var(--transition)}.upload-box:hover .upload-icon{transform:scale(1.1) rotate(-5deg)}.upload-status-badge{background:var(--primary);color:#fff;font-size:.65rem;font-weight:800;padding:.25rem .6rem;border-radius:4px;letter-spacing:.05em;position:absolute;bottom:0}.btn-upload-fake{display:inline-block;padding:.85rem 2.5rem;background:var(--text-main);color:#fff;border-radius:100px;font-weight:700;font-size:.95rem;transition:var(--transition);box-shadow:var(--shadow-md)}.upload-box:hover .btn-upload-fake{background:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-formats{font-size:.75rem;color:var(--text-muted);font-weight:500}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-out}.spinner-elegant{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{font-weight:700;color:var(--text-main);font-size:1.1rem}.toolbar{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.toolbar button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.2rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .25s}.toolbar button:hover{background:#2563eb;transform:translateY(-2px)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-main);border-color:var(--primary);color:var(--primary)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-accent:disabled{opacity:.6;cursor:not-allowed}.toolbar-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.action-group{display:flex;gap:.75rem}.v-divider{width:1px;height:24px;background:var(--border);margin:0 .5rem}.btn-preview-toggle{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-preview-toggle.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.options-grid-editor{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}@media (max-width: 1200px){.options-grid-editor{grid-template-columns:1fr}}.option-editor-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-main);padding:.5rem;border-radius:10px;border:1px solid transparent;transition:var(--transition)}.option-editor-item:focus-within{border-color:var(--primary-light);background:#fff}.option-editor-item.selected{background:var(--primary-light);border-color:var(--primary)}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-danger-soft{color:var(--danger);background:#fef2f2}.btn-danger-soft:hover{background:#fee2e2;transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1024px){.main-nav-standard{padding:0 1rem;height:60px}.nav-left{gap:1rem}.nav-links{gap:.6rem}.brand-text .name{font-size:.95rem}.brand-text .tag{display:none}.nav-right{gap:.6rem}.landing-standard{margin:2rem auto;padding:0 1rem}.hero-centered-std{padding:4rem 1rem 3rem}.hero-centerpiece{margin-bottom:3rem}.glass-uploader-card{padding:1rem;max-width:100%}.hero-trust-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.studio-showcase{padding:4rem 1rem}.window-body{flex-direction:column;height:auto}.body-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:1rem}.body-content{padding:1.25rem}.studio-sidebar,.studio-preview-pane{display:none}.studio-editor-main{padding:1rem}.steps-grid{flex-direction:column;gap:1.25rem}.step-icon{transform:rotate(90deg)}.benefit-row{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.benefit-visual{order:-1}.visual-box-outline{width:200px;height:200px}.footer-content{padding:0 1.5rem;gap:2.5rem;margin-bottom:3rem}.footer-links-group{gap:3rem}.admin-nav{padding:1rem 1.5rem}.admin-content,.dashboard-container{padding:1.5rem}.player-container{grid-template-columns:1fr;height:auto}.player-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;padding:1rem}.player-main{padding:2rem 1.25rem}.table-wrapper{overflow-x:auto}.admin-table{min-width:640px}}@media (max-width: 600px){.main-nav-standard{padding:0 .75rem;height:56px}.brand-text,.nav-links{display:none}.btn-signin-premium{padding:.45rem .9rem;font-size:.8rem}.upload-box{padding:2.25rem 1rem}.hero-title-max{font-size:clamp(1.6rem,8vw,2.6rem)}.hero-subtitle-large{font-size:1rem;max-width:100%}.glass-uploader-card{border-radius:16px}.course-card-display,.empty-state-card{padding:1rem}.profile-pill-premium,.email-truncate{display:none}.breadcrumb{font-size:.75rem}.dashboard-title{font-size:1.1rem}.window-body{padding:1rem}.content-block{height:120px}}img,video{max-width:100%;height:auto}.btn-hamburger{background:none;border:none;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;cursor:pointer;color:var(--text-muted);flex-shrink:0}.mobile-menu{display:none}.mobile-menu.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem}.mobile-menu-inner{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-lg);max-height:calc(100vh - 4rem);overflow-y:auto}.mobile-close{background:none;border:none;font-size:1.25rem;float:right;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.mobile-nav-links a,.mobile-nav-links button{text-decoration:none;color:var(--text-main);font-weight:700;padding:.75rem 1rem;border-radius:8px;background:var(--bg-soft)}.courses-grid-display{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hero-ctas{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.hero-ctas .btn-primary{padding:.95rem 1.75rem;border-radius:14px;font-weight:800}.hero-ctas .btn-secondary{padding:.7rem 1.2rem;border-radius:10px;font-weight:700;color:var(--text-main);background:transparent;border:1px solid var(--border)}@media (max-width: 1000px){.hero-grid{grid-template-columns:1fr;padding:0 1rem;gap:1.25rem}.hero-feature-strip{grid-template-columns:1fr}.hero-centerpiece{order:-1}}.features-list{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.feature-item{background:var(--bg-soft);padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border-light);color:var(--text-muted);font-weight:600}.uploader-placeholder{text-align:center;padding:1rem}@media (max-width: 1024px){.btn-hamburger{display:inline-flex}.nav-links{display:none}.courses-grid-display{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.courses-grid-display{grid-template-columns:1fr}.toolbar-actions{flex-direction:column;gap:.5rem}}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.course-stats{padding:1.5rem;background:var(--primary-light);border-radius:var(--radius-md);margin-top:auto}.course-stats h3{font-size:.875rem;color:var(--primary);text-transform:uppercase;margin-bottom:.75rem}.course-stats p{font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text-main);font-style:normal;text-align:left}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;gap:1rem}.loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text h3{font-size:1.125rem;margin-bottom:.5rem}.loader-text p{font-size:.875rem;color:var(--text-muted)}.shimmer-bar{width:100%;height:6px;background:var(--border);border-radius:10px;overflow:hidden;margin-top:1rem}.shimmer{width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:shimmer 1.5s infinite ease-in-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (max-width: 900px){.workspace{flex-direction:column}.left-panel,.right-panel{width:100%}}.landing-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center;animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.hero-section{max-width:840px;margin-bottom:4rem}.hero-section h2{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-main) 30%,var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;line-height:1.6}.landing-uploader-container{width:100%;max-width:540px;background:#fff;padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin-top:6rem}.feature-card{padding:2.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition);text-align:left}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-main)}.feature-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.workspace-3col{display:grid;grid-template-columns:320px 1.2fr 1fr;gap:1.5rem;padding:1.5rem;flex:1;max-width:1800px;margin:0 auto;width:100%;align-items:start}.left-panel,.middle-panel,.right-panel{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 10px #0000000d;overflow-y:auto}.preview-panel{background:#f9fafb;padding:1rem;border-radius:.75rem}.preview-panel h2{font-size:1.4rem;color:#1f2937}.course-desc{color:#4b5563;font-size:.95rem;margin-bottom:1.2rem}.preview-section{background:#fff;padding:1rem;margin-bottom:1rem;border-radius:.5rem;border:1px solid #e5e7eb}.preview-quiz{margin-top:1rem;padding-top:.5rem;border-top:2px solid #e5e7eb}.quiz-question{margin-bottom:.8rem}.quiz-question strong{display:block;color:#1e40af;margin-bottom:.3rem}.quiz-question ul{padding-left:1.2rem;margin:.2rem 0}@media (max-width: 1000px){.workspace-3col{grid-template-columns:1fr}.left-panel,.middle-panel,.right-panel{width:100%}}@media (max-width: 1200px){.workspace-3col{grid-template-columns:200px 1fr 1fr}}@media (max-width: 768px){.workspace-3col,.workspace-3col.preview-only{grid-template-columns:1fr}.left-panel,.middle-panel{display:none}.preview-only .right-panel{display:block}.app{padding:1rem}h1{font-size:1.5rem}}.preview-toggle{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .2s ease-in-out}.preview-toggle.active{background:#2563eb}.course-preview{padding:20px;background:#f9fafb;border-radius:12px;box-shadow:0 0 10px #0000001a}.preview-section,.preview-quiz{margin-bottom:1rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);padding:2rem}.auth-card{background:var(--bg-main);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:2.5rem;position:relative}.auth-header h2{font-size:2rem;margin-bottom:.5rem}.btn-close{position:absolute;top:-1.5rem;right:-1.5rem;background:var(--bg-soft);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.btn-close:hover{background:var(--danger);color:#fff}.auth-header p{color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-main)}.form-group input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.auth-footer{margin-top:2rem;text-align:center;font-size:.875rem}.auth-footer .hint{margin-top:1.5rem;padding:.75rem;background:var(--bg-soft);border-radius:var(--radius-sm);color:var(--text-muted)}.admin-container{min-height:100vh;background:var(--bg-soft)}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:var(--bg-main);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.admin-content{padding:3rem;max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.stat-card{background:var(--bg-main);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.5rem}.stat-card .label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:2rem;font-weight:700;color:var(--primary)}.courses-table-section{margin-top:4rem}.table-wrapper{background:var(--bg-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto;margin-top:1.5rem;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:var(--bg-soft);padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);font-size:.9375rem}.badge-status{padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.badge-status.success{background:#dcfce7;color:#166534}.badge-status.warning{background:#fef9c3;color:#854d0e}.badge-status.danger{background:#fee2e2;color:#991b1b}.badge-status.approved{background:var(--primary-light);color:var(--primary)}.badge-status.pending{background:#fef3c7;color:#92400e}.badge-status.rejected{background:#fee2e2;color:#991b1b}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:left}.marketplace-section{margin-top:4rem;width:100%}.courses-grid-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.course-card-display{background:#fff;border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border);transition:var(--transition);text-align:left;display:flex;flex-direction:column;gap:1.5rem}.course-card-display:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.course-icon-display{font-size:2.5rem}.btn-accent-sm{background:var(--accent);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.875rem;display:inline-block;text-align:center}.btn-danger-sm{background:var(--danger);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;font-weight:600;font-size:.875rem}.player-container{display:grid;grid-template-columns:minmax(280px,320px) 1fr;height:calc(100vh - 72px);height:calc(100dvh - 72px);background:#fff;overflow:hidden}.player-sidebar{background:var(--bg-main);border-right:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.section-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid transparent;background:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-size:.9375rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.nav-item:hover{background:#ffffff80}.nav-item.active{background:#fff;color:var(--primary);border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.nav-item.completed{color:var(--text-main)}.nav-item.completed .dot{background:var(--accent)}.nav-item .dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.player-main{padding:4rem 2rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.player-main>div{max-width:800px;width:100%}.section-badge{background:var(--primary-light);color:var(--primary);padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.content-body{margin-top:2rem;font-size:1.125rem;line-height:1.8;color:#334155;white-space:pre-wrap}.player-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.progress-card{margin-top:auto;padding:1.5rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border)}.progress-card span{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.progress-track{height:8px;background:var(--bg-soft);border-radius:4px;margin-top:.75rem;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .6s cubic-bezier(.4,0,.2,1)}.player-quiz-item{background:var(--bg-main);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border)}.option-pill{padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.75rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:var(--transition);font-weight:500}.option-pill:hover{border-color:var(--primary);background:var(--bg-main)}.option-pill.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.results-card{text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.score-circle{width:140px;height:140px;border:6px solid var(--accent);border-radius:50%;margin:0 auto 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-val{font-size:2.5rem;font-weight:700;color:var(--accent)}.score-label{font-size:.75rem;font-weight:600;text-transform:uppercase}.editor-toolbar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rich-toolbar{display:flex;gap:.25rem;background:var(--bg-soft);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border)}.rich-toolbar button{padding:.4rem .6rem;background:#fff;border:1px solid var(--border);border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition);color:var(--text-main)}.rich-toolbar button:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.rich-textarea{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;background:#f8fafc}.rich-renderer-content{color:#334155}.rich-h1{font-size:1.75rem;font-weight:800;margin:2rem 0 1rem;color:var(--text-main);border-bottom:2px solid var(--primary-light);padding-bottom:.5rem}.rich-h2{font-size:1.4rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text-main)}.rich-text{margin-bottom:1.25rem;line-height:1.8}.rich-code-block{background:#1e293b;color:#f8fafc;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem;border-left:4px solid var(--primary)}.rich-image-wrapper{margin:2rem 0;text-align:center}.rich-image{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.rich-image-caption{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.75rem;font-style:italic}.rich-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.rich-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.glass-panel{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.feature-card,.stat-card,.course-card-display{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.feature-card:hover,.stat-card:hover,.course-card-display:hover{transform:translateY(-8px) scale(1.02)}.section-title-preview{font-size:1.25rem;color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title-preview:before{content:"";width:4px;height:1.25rem;background:var(--primary);border-radius:2px}.course-header-editor{margin-bottom:2.5rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.title-group-editor{display:flex;flex-direction:column;gap:.5rem}.course-title-elegant{font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:800;border:none;border-bottom:2px solid transparent;width:100%;color:var(--text-main);padding:.5rem 0;transition:var(--transition);background:transparent;outline:none;letter-spacing:-.02em}.course-title-elegant:focus{border-bottom-color:var(--primary)}.label-sm{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.sections-list{display:flex;flex-direction:column;gap:2rem}.section-card-editor{position:relative;padding:2rem;border-radius:var(--radius-lg);display:flex;gap:1.5rem;border:1px solid var(--border);transition:var(--transition)}.section-card-editor:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.section-index{font-size:2rem;font-weight:800;color:var(--primary-light);font-family:Plus Jakarta Sans,sans-serif;line-height:1;opacity:.5}.section-content-wrapper{flex:1}.btn-delete-section,.btn-delete-quiz{position:absolute;top:1rem;right:1rem;background:#fee2e2;color:#ef4444;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;opacity:0;transition:var(--transition)}.section-card-editor:hover .btn-delete-section,.quiz-card-editor:hover .btn-delete-quiz{opacity:1}.btn-delete-section:hover,.btn-delete-quiz:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.btn-add-section-dashed{width:100%;padding:2rem;background:transparent;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:var(--transition)}.btn-add-section-dashed:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.title-input-minimal{font-size:1.25rem;font-weight:700;border:none;background:transparent;width:100%;padding:.5rem 0;color:var(--text-main);outline:none;border-bottom:1px solid var(--border);margin-bottom:1rem}.field-group-inline{display:flex;flex-direction:column;gap:.25rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.font-bold{font-weight:800}.section-header-elegant{margin-top:4rem;margin-bottom:2rem;border-top:2px solid var(--border);padding-top:2rem}.quiz-list-editor{display:flex;flex-direction:column;gap:1.5rem}.quiz-card-editor{padding:2rem;border-radius:var(--radius-lg);position:relative;border:1px solid var(--border)}.card-header-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-badge{background:var(--bg-soft);color:var(--text-muted);padding:.4rem .8rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.elegant-textarea{background:#fdfdfd;font-size:1rem;line-height:1.6;border-radius:var(--radius-md);padding:1rem}.options-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.option-item-editor{background:#f8fafc;padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:2px solid transparent;transition:var(--transition)}.input-minimal-opt{border:none;background:transparent;flex:1;font-weight:500;outline:none;color:var(--text-main)}.mark-correct{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);background:#fff;color:transparent;font-weight:700}.mark-correct.active{background:var(--accent);border-color:var(--accent);color:#fff}.option-item-editor.correct-choice{background:#ecfdf5;border-color:var(--accent)}.btn-add-quiz{border-style:dotted;padding:1.5rem;margin-top:1rem}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;padding:1rem}.media-modal{background:#fff;width:100%;max-width:480px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);max-height:calc(100vh - 2rem);overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;margin:0}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.media-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.media-option-card{padding:2rem 1.5rem;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:var(--transition);text-align:center}.media-option-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-4px)}.media-option-card .icon{font-size:2.5rem}.media-option-card span{font-weight:700;font-size:.875rem;color:var(--text-main)}.link-input-group{margin-top:1rem;animation:fadeIn .3s ease-out}.link-input-group label{display:block;margin-bottom:.5rem}.search-container-admin{margin-bottom:1.5rem}.search-results-mini{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.5rem;max-height:200px;overflow-y:auto}.search-item{padding:.75rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--primary-light);color:var(--primary)}.selected-students-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;min-height:40px}.student-tag{background:var(--primary-light);color:var(--primary);padding:.4rem .8rem;border-radius:100px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.student-tag .close{cursor:pointer;font-weight:800;opacity:.7}.student-tag .close:hover{opacity:1}.notifications-wrapper{position:relative;display:flex;align-items:center}.btn-bell{background:none;border:none;font-size:1.5rem;padding:.5rem;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);position:relative}.btn-bell:hover{background:var(--bg-soft)}.unread-badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:1px 4px;border-radius:100px;border:2px solid white}.notifications-dropdown{position:absolute;top:100%;right:0;width:320px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000;margin-top:.75rem;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.notif-header{padding:1rem;background:var(--bg-soft);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notif-header h4{margin:0;font-size:.9rem}.notif-list{max-height:400px;overflow-y:auto}.notif-item{padding:1rem;border-bottom:1px solid var(--border);display:flex;gap:.75rem;transition:var(--transition);cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-main)}.notif-item.unread{background:var(--primary-light)}.notif-content{flex:1}.notif-message{font-size:.85rem;color:var(--text-main);margin-bottom:.25rem;line-height:1.4}.notif-time{font-size:.7rem;color:var(--text-muted)}.notif-icon-box{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-success{background:#dcfce7;color:#166534}.notif-warning{background:#fef9c3;color:#854d0e}.notif-info{background:#e0f2fe;color:#075985}.empty-notif{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted)}.dashboard-section{margin-top:2rem}.section-header-inline{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header-inline .icon{font-size:1.5rem}.section-header-inline h3{font-size:1.25rem;margin:0;color:var(--text-main)}.progress-container-dashboard{margin:1.5rem 0}.progress-text-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-text-row .label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-text-row .val{font-size:.875rem;font-weight:800;color:var(--primary)}.progress-bar-mini{height:6px;background:var(--bg-soft);border-radius:100px;overflow:hidden}.progress-bar-mini .fill{height:100%;background:var(--primary);border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.empty-state-card{grid-column:1 / -1;padding:3rem;text-align:center;background:var(--bg-soft);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.preview-panel-elegant{padding:0;display:flex;flex-direction:column;gap:2rem}.preview-banner{padding:2.5rem 2rem;background:#fff;border-radius:var(--radius-lg);border-bottom:4px solid var(--primary-light);box-shadow:var(--shadow-sm)}.preview-title{font-size:2rem;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-main);margin-top:.5rem;letter-spacing:-.03em}.preview-content-flow{display:flex;flex-direction:column;gap:2rem}.preview-section-item{background:#fff;padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.section-indicator{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.section-header-preview{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--bg-soft)}.quiz-header-preview{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.quiz-header-preview .icon{font-size:3rem;background:var(--primary-light);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px}.preview-quiz-flow{background:#f8fafc;padding:3rem 2rem;border-radius:var(--radius-lg);border:2px dashed var(--border)}.quiz-questions-preview{display:flex;flex-direction:column;gap:1.5rem}.quiz-question-preview-card{background:#fff;padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.options-preview-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.option-preview-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-main);border-radius:12px;font-size:.95rem;border:1px solid transparent;transition:var(--transition)}.option-preview-item .dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.option-preview-item.correct-preview{background:#ecfdf5;color:#065f46;border-color:#34d399;font-weight:500}.option-preview-item.correct-preview .dot{background:#34d399}.option-preview-item .check{margin-left:auto;font-weight:800}.animate-fade{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.full-view{max-width:900px;margin:0 auto}.student-cell{display:flex;align-items:center;gap:.75rem;font-weight:500}.student-avatar-sm{width:28px;height:28px;background:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.progress-cell{display:flex;align-items:center;gap:.75rem;width:150px}.progress-bar-admin{flex:1;height:6px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-bar-admin .fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.progress-label{font-size:.8rem;font-weight:600;width:32px;text-align:right}.score-display{font-weight:700}.score-display.pass{color:var(--accent)}.score-display.fail{color:var(--danger)}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-weight:800;font-size:.9rem}.grade-a{background:#dcfce7;color:#166534}.grade-b{background:#dbeafe;color:#1e40af}.grade-c{background:#fef9c3;color:#854d0e}.grade-d{background:#ffedd5;color:#9a3412}.grade-f{background:#fee2e2;color:#991b1b}.extraction-progress{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px;width:100%;max-width:280px}.extraction-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden}.extraction-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:99px;transition:width .4s ease}.extraction-progress-label{font-size:12px;color:var(--text-muted);font-weight:500}.reviewer-wrapper{width:100%;min-height:calc(100vh - 64px);background:var(--bg-soft);padding:32px 40px 80px}.content-reviewer{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.reviewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-md)}.reviewer-header-left{flex:1;display:flex;flex-direction:column;gap:8px}.reviewer-badge{display:inline-block;background:linear-gradient(135deg,#eff6ff,#e0e7ff);color:#4338ca;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:99px;border:1px solid #c7d2fe;width:fit-content}.reviewer-title{font-size:24px;font-weight:700;color:var(--text-main);margin:0}.reviewer-subtitle{font-size:14px;color:var(--text-muted);max-width:560px;line-height:1.6}.reviewer-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:4px}.reviewer-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);font-weight:500}.stat-icon{font-size:15px}.reviewer-header-right{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.btn-reviewer-reset{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:10px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-reviewer-reset:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-reviewer-reset:disabled{opacity:.5;cursor:not-allowed}.btn-reviewer-generate{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;padding:12px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;box-shadow:0 4px 14px #2563eb4d}.btn-reviewer-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.btn-reviewer-generate:disabled{opacity:.7;cursor:not-allowed;transform:none}.reviewer-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.reviewer-tips{display:flex;gap:12px;flex-wrap:wrap}.tip-item{flex:1;min-width:220px;display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-size:13px;color:var(--text-muted);line-height:1.5}.tip-item strong{color:var(--text-main)}.tip-item code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;font-size:12px;font-family:Courier New,monospace;color:#7c3aed}.reviewer-editor-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.reviewer-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.editor-label{font-size:13px;font-weight:600;color:var(--text-muted)}.btn-clear-content{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:var(--transition)}.btn-clear-content:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.reviewer-textarea{width:100%;min-height:500px;padding:24px;font-family:Courier New,Consolas,Monaco,monospace;font-size:13.5px;line-height:1.75;color:var(--text-main);background:#fff;border:none;resize:vertical;outline:none;-moz-tab-size:2;tab-size:2}.reviewer-textarea::placeholder{color:#cbd5e1}.reviewer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0}.char-count{font-size:12px;color:#94a3b8}.btn-reviewer-generate-bottom{font-size:13px;padding:10px 20px}@media (max-width: 768px){.reviewer-wrapper{padding:20px 16px 60px}.reviewer-header{flex-direction:column;padding:20px}.reviewer-header-right{flex-direction:row;width:100%}.btn-reviewer-generate{flex:1;justify-content:center}.reviewer-tips{flex-direction:column}}@media (max-width: 480px){.main-nav-standard{margin-top:.5rem;padding:0 .65rem;height:52px}.secondary-nav-standard{padding:.6rem .9rem;flex-wrap:wrap;height:auto;gap:.4rem;row-gap:.25rem}.sec-center{order:3;width:100%}.brand-logo-refined{width:32px;height:32px}.header-actions{gap:.5rem}.btn-signin-premium{padding:.4rem .8rem;font-size:.78rem}.hero-centered-std{padding:2.25rem .9rem 2rem}.badge-premium{font-size:.68rem;padding:.3rem .75rem;margin-bottom:1rem}.hero-title-max{font-size:clamp(1.5rem,9vw,2.1rem);max-width:100%}.hero-subtitle-large{font-size:.95rem;line-height:1.6}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;text-align:center}.hero-feature-strip{margin-top:1.5rem}.hero-feature-card{padding:1.15rem;min-height:unset}.glass-uploader-card{padding:1rem .85rem}.hero-trust-tokens{grid-template-columns:1fr;gap:.65rem}.studio-showcase{padding:2.75rem .9rem}.showcase-content h3{font-size:1.6rem}.showcase-content p{margin-bottom:2rem}.body-content{padding:1rem}.content-block{height:90px}.how-it-works-std{padding:3rem .9rem}.section-title-centered{margin-bottom:2.5rem}.section-title-centered h3{font-size:1.6rem}.step-card{padding:1.75rem 1.5rem}.benefits-section-std{padding:2.75rem 0;border-radius:var(--radius-md);margin-bottom:2.5rem}.benefit-info h3{font-size:1.6rem}.benefit-row{padding:0 .9rem;gap:1.5rem}.visual-box-outline{width:160px;height:160px}.footer-standard{padding:3rem 0 2rem;margin-top:2.5rem}.footer-content{flex-direction:column;gap:2rem;padding:0 1.25rem;margin-bottom:3rem}.footer-links-group{gap:2rem}.footer-brand{max-width:100%}.upload-box{padding:1.75rem .9rem}.upload-icon{font-size:3rem}.btn-upload-fake{padding:.7rem 1.75rem;font-size:.875rem}.auth-container{padding:1rem}.auth-card{padding:1.75rem 1.25rem}.auth-header h2{font-size:1.5rem}.btn-close{top:-.75rem;right:-.5rem}.admin-nav{padding:.85rem 1rem}.admin-content,.dashboard-container{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.85rem}.stat-card{padding:1.1rem}.stat-card .value{font-size:1.5rem}.courses-grid-display{grid-template-columns:1fr;gap:1rem}.course-card-display{padding:1.35rem}.benefit-row,.marketplace-section{padding-left:0;padding-right:0}.course-header-editor{padding:1rem}.course-title-elegant{font-size:1.5rem}.section-card-editor,.quiz-card-editor{padding:1.25rem;flex-direction:column}.options-editor-grid,.media-options{grid-template-columns:1fr}.preview-section-item,.preview-banner{padding:1.5rem}.preview-title{font-size:1.5rem}.quiz-header-preview{gap:1rem}.quiz-header-preview .icon{width:56px;height:56px;font-size:2rem}.player-main{padding:1.5rem 1rem}.player-sidebar{padding:1rem;gap:1rem}.results-card{padding:2.5rem 1.25rem}.score-circle{width:110px;height:110px}.reviewer-title{font-size:20px}.reviewer-tips{gap:8px}.tip-item{min-width:100%}.reviewer-textarea{min-height:320px;padding:16px;font-size:13px}.modal-body{padding:1.25rem}.media-option-card{padding:1.5rem 1rem}.notifications-dropdown{width:min(320px,calc(100vw - 2rem));right:-.5rem}}@media (max-width: 400px){.email-truncate{max-width:110px}.hero-title-max{font-size:clamp(1.35rem,9vw,1.9rem)}}