@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--bg:#0b0e14;--surface:#140e28e0;--surface-solid:#130d28;--surface-muted:#a855f712;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#a855f738;--border-strong:#a855f773;--primary:#a855f7;--primary-strong:#9333ea;--secondary:#94a3b8;--secondary-hover:#cbd5e1;--accent:#ec4899;--accent-muted:#ec48991f;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--info:#60a5fa;--hover-bg:#a855f71a;--hover-border:#a855f773;--focus-ring:#a855f7b3;--shadow:0 4px 24px #0006,0 0 0 1px #a855f71a;--shadow-lg:0 12px 40px #0000008c,0 0 0 1px #a855f726;--grad-primary:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);--grad-surface:linear-gradient(160deg,#0b0e14 0%,#110d24 45%,#1c1533 100%)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--surface:#fff;--surface-solid:#fff;--surface-muted:#e8ecf4;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#cbd5e1;--border-strong:#94a3b8;--primary:#7c3aed;--primary-strong:#6d28d9;--secondary:#64748b;--secondary-hover:#475569;--accent:#ec4899;--accent-muted:#fdf2f8;--danger:#dc2626;--success:#059669;--warning:#d97706;--info:#2563eb;--hover-bg:#f1f5f9;--hover-border:#94a3b8;--focus-ring:#7c3aed;--shadow:0 4px 6px -1px #0f172a0f,0 10px 20px -5px #0f172a14;--shadow-lg:0 10px 25px -5px #0f172a14,0 20px 40px -10px #0f172a1a;--grad-primary:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);--grad-surface:#f2f4f8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);cursor:default;margin:0;font-family:Inter,Segoe UI,Noto Sans Arabic,Arial,sans-serif;font-size:1rem;line-height:1.6}html[data-theme=light] body{background:var(--bg)}a,button,[role=button],label[for],select{cursor:pointer}input,textarea,[contenteditable=true]{cursor:text}nav,header,h1,h2,h3,h4,h5,h6,button{-webkit-user-select:none;user-select:none}a{color:inherit}h1,h2,h3,p{margin:0}code{background:var(--surface-muted);border-radius:6px;padding:2px 6px;font-family:Consolas,Monaco,monospace}.screen-center{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(440px,100%)}.app-shell{background:var(--grad-surface);background-attachment:fixed;min-height:100vh}html[data-theme=light] .app-shell{background:var(--bg)}.top-nav{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#0b0e14d1;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 20px;display:flex;position:sticky;top:0}html[data-theme=light] .top-nav{background:#ffffffe6}.top-nav-brand{align-items:center;gap:10px;min-width:200px;display:flex}.brand-link{letter-spacing:-.01em;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800;text-decoration:none}html[data-theme=light] .brand-link{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.top-nav-actions{align-items:center;gap:8px;display:flex}.session-pill{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-secondary);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.layout-grid{grid-template-columns:220px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a1899;min-height:calc(100vh - 58px);padding:16px 10px}html[data-theme=light] .sidebar{background:#ffffffb3}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:14px 10px 4px;font-size:10.5px;font-weight:700}.nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-link{color:var(--text-muted);border-radius:10px;align-items:center;gap:9px;padding:9px 10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--hover-bg);color:var(--text)}.nav-link-active{color:#fff;background:linear-gradient(135deg,#a855f759 0%,#ec489933 100%);border:1px solid #a855f74d;font-weight:600}html[data-theme=light] .nav-link-active{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed33}.page-content{padding:var(--space-xl)var(--space-5);width:100%;min-height:calc(100vh - 58px)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.page-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.page-header h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.25}.page-description{margin-top:var(--space-2);color:var(--text-muted);font-size:.9375rem;line-height:1.5}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);padding:var(--space-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border-radius:18px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong);box-shadow:0 6px 32px #00000073,0 0 0 1px #a855f733}html[data-theme=light] .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;box-shadow:0 2px 12px #00000012}html[data-theme=light] .card:hover{border-color:#7c3aed59;box-shadow:0 4px 20px #7c3aed1a}.card-header,.card-body,.card-footer{gap:var(--space-sm);display:grid}.card-title{font-size:1.1rem;font-weight:650;line-height:1.3}.card-description{margin-top:var(--space-2);color:var(--text-muted);font-size:.9375rem;line-height:1.5}.empty-state{text-align:center;padding:var(--space-6)var(--space-6);gap:var(--space-4);justify-items:center;display:grid}.empty-state-icon{background:color-mix(in srgb,var(--primary)12%,transparent);width:42px;height:42px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.inline-link{text-decoration:none}.field{gap:6px;display:grid}.field label,.field-label{font-size:14px;font-weight:600}.input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;padding:10px 12px;font-size:1rem;transition:border-color .15s,box-shadow .15s}select option{background:var(--surface);color:var(--text)}html[data-theme=light] select,html[data-theme=light] .input,html[data-theme=light] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.input::placeholder{color:var(--text-muted)}.input:focus,select:focus,textarea:focus,.button:focus-visible,.nav-link:focus-visible,.mobile-nav-link:focus-visible,.tab-button:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline-offset:2px;outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--primary)}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.button-md{font-size:14px}.button-sm{min-height:44px;padding:8px 12px;font-size:13px}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--grad-primary);color:#fff;border-color:#0000;box-shadow:0 0 16px #a855f740}.button-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 24px #a855f766}html[data-theme=light] .button-primary{box-shadow:0 2px 8px #7c3aed4d}.button-secondary{background:var(--surface-muted);border-color:var(--border);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:var(--border-strong);background:#a855f71f}html[data-theme=light] .button-secondary:hover:not(:disabled){background:#7c3aed12;border-color:#7c3aed4d}.button-secondary:active:not(:disabled){background:#a855f72e}.button-danger{background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger)90%,#000)}.button-danger:active:not(:disabled){background:color-mix(in srgb,var(--danger)80%,#000)}.button-ghost{color:var(--primary);background:0 0;border-color:#0000}.button-ghost:active:not(:disabled){background:0 0}.table-container{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}html[data-theme=light] .table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.table{border-collapse:collapse;width:100%}.table-head-cell,.table-cell{text-align:left;padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table-head-cell{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;background:#a855f70d;padding-top:14px;padding-bottom:14px;font-size:.75rem;font-weight:700}html[data-theme=light] .table-head-cell{color:var(--text-secondary);background:#7c3aed0a}.badge{padding:var(--space-xs)var(--space-sm);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-neutral{color:#94a3b8;background:#94a3b81a;border-color:#94a3b840}.badge-success{color:#34d399;background:#34d39924;border-color:#34d39959;box-shadow:0 0 10px #34d39947,0 0 2px #34d39980}.badge-warning{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440;box-shadow:0 0 8px #fbbf2426}.badge-danger{color:#f87171;background:#f8717124;border-color:#f8717159;box-shadow:0 0 10px #f8717147,0 0 2px #f8717180}.badge-info{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa40}html[data-theme=light] .badge-success{color:#059669;box-shadow:none;background:#0596691a;border-color:#05966940}html[data-theme=light] .badge-warning{color:#d97706;box-shadow:none;background:#d977061a;border-color:#d9770633}html[data-theme=light] .badge-danger{color:#dc2626;box-shadow:none;background:#dc262614;border-color:#dc262633}.alert-panel{border:1px solid var(--border);background:var(--surface);padding:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-radius:12px;display:flex}.alert-title{font-size:.9375rem;font-weight:650}.alert-message{margin-top:var(--space-1);color:var(--text-muted);font-size:.875rem;line-height:1.45}.alert-error{border-color:color-mix(in srgb,var(--danger)42%,var(--border));background:color-mix(in srgb,var(--danger)6%,var(--surface))}.alert-warning{border-color:color-mix(in srgb,var(--warning)42%,var(--border));background:color-mix(in srgb,var(--warning)6%,var(--surface))}.alert-success{border-color:color-mix(in srgb,var(--success)42%,var(--border));background:color-mix(in srgb,var(--success)6%,var(--surface))}.alert-info{border-color:color-mix(in srgb,var(--info)42%,var(--border));background:color-mix(in srgb,var(--info)6%,var(--surface))}.skeleton{background:linear-gradient(90deg,var(--surface-muted),var(--border),var(--surface-muted));background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.skeleton-line{height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{border:1px solid var(--border);background:var(--surface-muted);max-width:100%;padding:var(--space-1);gap:var(--space-1);border-radius:10px;display:inline-flex;overflow-x:auto}.tab-button{padding:var(--space-2)var(--space-3);min-height:44px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.tab-button:last-child{border-right:none}.tab-button:hover{color:var(--text);background:color-mix(in srgb,var(--surface)60%,transparent)}.toast-viewport{z-index:80;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:16px;right:16px}.toast-item{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-left-width:4px;border-radius:12px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--info)}.toast-title{font-weight:600}.toast-message{color:var(--text-muted);margin-top:2px}.mobile-drawer{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:10px;position:fixed;inset:60px 0 auto}.mobile-nav-link{color:var(--text-muted);border-radius:8px;padding:10px;text-decoration:none;display:block}.mobile-nav-link-active{color:var(--text);background:var(--hover-bg)}.mobile-only{display:none}.skip-link{z-index:200;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;text-decoration:none;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.contract-blocker{border-style:dashed}.auth-loading{gap:8px;margin:24px;display:grid}.stack{gap:12px;display:grid}.section-block{gap:var(--space-4);display:grid}.section-header-block{gap:var(--space-2);display:grid}.section-title{font-size:1.1rem;font-weight:700;line-height:1.25}.section-description{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.panel-error{border:1px solid color-mix(in srgb,var(--danger)34%,var(--border));background:color-mix(in srgb,var(--danger)7%,var(--surface));padding:var(--space-3);gap:var(--space-2);border-radius:12px;display:grid}.panel-error-title{color:var(--danger);font-weight:700}.pagination-row{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.table-skeleton-grid{gap:var(--space-2);display:grid}.table-skeleton-row{height:40px}.table-link{color:var(--primary);text-decoration:none}.table-link:hover{color:var(--primary-strong);text-decoration:underline}.small-note{font-size:.82rem}.small{color:var(--text-muted);font-size:.875rem}.page-filters{border:1px solid var(--border);padding:var(--space-3);background:var(--surface);border-radius:12px}.controls-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.controls-row-split{justify-content:space-between}.list-card-item{border:1px solid var(--border);background:var(--surface);padding:var(--space-3);border-radius:12px}.hidden-input{display:none}.qr-skeleton{width:180px;height:180px}.muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.error-list{color:var(--danger);gap:4px;margin:0;padding-left:18px;display:grid}.modal-overlay{z-index:70;background:color-mix(in srgb,var(--text)50%,transparent);padding:var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.route-loading-indicator{background:var(--primary);z-index:9999;pointer-events:none;height:3px;animation:.35s ease-out route-loading-shine;position:fixed;top:0;left:0;right:0}@keyframes route-loading-shine{0%{opacity:0;transform-origin:0;transform:scaleX(0)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}.modal{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);padding:var(--space-5);box-shadow:var(--shadow-lg);border-radius:16px}.modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0;font-size:1.125rem;font-weight:700}@keyframes nebula-drift{0%,to{transform:translate(0%)scale(1)}33%{transform:translate(-1.8%,1.2%)scale(1.035)}66%{transform:translate(1.2%,-1.8%)scale(.965)}}@keyframes hero-glow-pulse{0%,to{box-shadow:0 0 18px #ffffff26,0 4px 24px #00000073}50%{box-shadow:0 0 44px #ffffff4d,0 6px 28px #00000080}}.landing{flex-direction:column;min-height:100vh;display:flex}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0e14e6;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 40px;display:grid;position:sticky;top:0}.landing-nav-logo{color:#fff;letter-spacing:.1px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.landing-nav-logo-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.landing-nav-center{justify-content:center;align-items:center;gap:4px;display:flex}.landing-nav-link{color:#fff9;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:7px;padding:7px 14px;font-size:.875rem;font-weight:450;text-decoration:none;transition:color .18s,background .18s}.landing-nav-link:hover{color:#fff;background:#ffffff12}.landing-nav-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.landing-btn-login{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .18s,background .18s}.landing-btn-login:hover{color:#fff;background:#ffffff12}.landing-btn-get-started{color:#0b0e14;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .18s,transform .15s,box-shadow .18s;box-shadow:0 2px 10px #0000004d}.landing-btn-get-started:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 18px #0006}.landing-hero-section{background:linear-gradient(160deg,#0b0e14 0%,#110d24 45%,#1c1533 100%);flex-direction:column;align-items:center;padding:96px 24px 0;display:flex;position:relative;overflow:hidden}.landing-hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 25% 45%,#8b5cf638 0%,#0000 52%),radial-gradient(at 78% 22%,#db277726 0%,#0000 46%),radial-gradient(at 50% 85%,#4f46e521 0%,#0000 46%);animation:30s ease-in-out infinite nebula-drift;position:absolute;inset:-30%}.landing-hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex;position:relative}.landing-headline{letter-spacing:-.04em;color:#fff;margin:0 0 28px;font-size:3.75rem;font-weight:800;line-height:1.1}.landing-gradient-text{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-cta-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.landing-btn-hero{color:#0b0e14;cursor:pointer;letter-spacing:.01em;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;padding:17px 46px;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s;animation:3.5s ease-in-out infinite hero-glow-pulse;display:inline-flex}.landing-btn-hero:hover{background:#f0f0f0;transform:scale(1.04)}.landing-cta-note{color:#ffffff61;letter-spacing:.02em;-webkit-user-select:none;user-select:none;cursor:default;margin:0;font-size:.8125rem}.landing-mockup-wrapper{z-index:2;width:100%;max-width:880px;margin-top:60px;position:relative}.landing-mockup-frame{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d0a1cb3;border:1px solid #ffffff1a;border-bottom:none;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 40px 100px #000000bf,inset 0 1px #ffffff17}.lm-browser-bar{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:10px 16px;display:flex}.lm-dots{flex-shrink:0;gap:6px;display:flex}.lm-dots span{border-radius:50%;width:10px;height:10px}.lm-dots span:first-child{background:#ff5f57}.lm-dots span:nth-child(2){background:#febc2e}.lm-dots span:nth-child(3){background:#28c840}.lm-address{text-align:center;color:#ffffff47;background:#ffffff0d;border-radius:5px;flex:1;max-width:240px;margin:0 auto;padding:3px 12px;font-size:.7rem}.lm-app{height:320px;display:flex}.lm-sidebar{border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:20px;width:176px;padding:16px 12px;display:flex}.lm-sb-brand{color:#fff;align-items:center;gap:8px;padding:2px 4px;font-size:.9375rem;font-weight:700;display:flex}.lm-sb-logo{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.7rem;font-weight:800;display:grid}.lm-sb-nav{flex-direction:column;gap:2px;display:flex}.lm-sb-item{color:#ffffff6b;cursor:default;border-radius:7px;padding:8px 10px;font-size:.8rem}.lm-sb-item.active{color:#c084fc;background:#a855f72e;font-weight:600}.lm-content{flex:1;padding:20px 22px;overflow:hidden}.lm-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.lm-top h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.lm-create-btn{color:#fff;cursor:default;white-space:nowrap;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:7px;padding:6px 14px;font-size:.75rem;font-weight:600}.lm-quiz-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lm-quiz-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.lm-qc-title{color:#ffffffd1;font-size:.8rem;font-weight:600}.lm-qc-meta{color:#ffffff52;font-size:.68rem}.lm-qc-badge{color:#4ade80;background:#22c55e26;border-radius:999px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.62rem;font-weight:600;display:inline-block}.lm-qc-badge.draft{color:#fbbf24;background:#facc151f}.landing-mockup-fade{pointer-events:none;background:linear-gradient(#0000 0%,#1c1533 100%);height:130px;position:absolute;bottom:0;left:0;right:0}.landing-features-section{background:#fff;padding:88px 24px 96px}.landing-features-header{text-align:center;margin-bottom:52px}.landing-features-label{text-transform:uppercase;letter-spacing:.12em;color:#a855f7;margin:0 0 10px;font-size:.8125rem;font-weight:600}.landing-features-title{letter-spacing:-.025em;color:#0f172a;margin:0 0 12px;font-size:2.125rem;font-weight:800;line-height:1.2}.landing-features-subtitle{color:#64748b;max-width:460px;margin:0 auto;font-size:1.0625rem;line-height:1.6}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:920px;margin:0 auto;display:grid}.landing-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:28px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.landing-feature-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 10px 32px #00000014}.landing-feature-card h3{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.landing-feature-card p{color:#64748b;margin:0;font-size:.9375rem;line-height:1.6}.landing-feature-icon{color:#a855f7;background:linear-gradient(135deg,#a855f724,#ec489917);border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lf-graph{align-items:flex-end;gap:5px;height:64px;margin-top:8px;display:flex}.lf-graph-bar{opacity:.7;background:linear-gradient(#ec4899,#a855f7);border-radius:4px 4px 0 0;flex:1;transition:opacity .2s}.landing-feature-card:hover .lf-graph-bar{opacity:1}.lf-summary-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:7px;margin-top:8px;padding:12px;display:flex}.lf-sum-line{background:#e2e8f0;border-radius:4px;height:7px}.lf-sum-line.highlight{background:linear-gradient(90deg,#a855f759,#ec489940)}.lf-sum-line.short{width:55%}.lf-sum-line.med{width:78%}.landing-footer{background:#0b0e14;border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:14px;padding:28px 40px;display:flex}.landing-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.landing-footer-link{color:#ffffff6b;-webkit-user-select:none;user-select:none;border-radius:6px;padding:5px 12px;font-size:.8125rem;text-decoration:none;transition:color .18s,background .18s}.landing-footer-link:hover{color:#fffc;background:#ffffff0f}.landing-footer-copy{color:#ffffff38;-webkit-user-select:none;user-select:none;cursor:default;font-size:.8rem}.cosmic-page{background:linear-gradient(160deg,#0b0e14 0%,#110d24 45%,#1c1533 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.cosmic-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 25% 45%,#8b5cf62e 0%,#0000 52%),radial-gradient(at 75% 22%,#db277721 0%,#0000 46%),radial-gradient(at 55% 82%,#4f46e51c 0%,#0000 46%);animation:30s ease-in-out infinite nebula-drift;position:absolute;inset:-30%}.cosmic-auth-body{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px 64px;display:flex;position:relative}.cosmic-logo{color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:18px;place-items:center;width:68px;height:68px;margin-bottom:24px;font-size:1.875rem;font-weight:800;display:grid;box-shadow:0 8px 32px #a855f773,0 0 0 1px #ffffff1a}.cosmic-auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d0a1eb8;border:1px solid #a855f733;border-radius:20px;gap:22px;width:min(460px,100%);padding:36px;display:grid;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #0000008c,0 0 48px #a855f712}.cosmic-auth-header{text-align:center;gap:10px;display:grid}.cosmic-auth-title{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.875rem;font-weight:800;line-height:1.15}.cosmic-auth-sub{color:#ffffff75;max-width:340px;margin:0 auto;font-size:.9375rem;line-height:1.65}.cosmic-divider{border:none;border-top:1px solid #ffffff14;margin:0}.cosmic-form{gap:16px;display:grid}.cosmic-field{gap:7px;display:grid}.cosmic-label{color:#ffffffb3;font-size:.875rem;font-weight:600}.cosmic-field-row{justify-content:space-between;align-items:center;display:flex}.cosmic-auth-card .input{color:#fff;background:#ffffff0f;border-color:#ffffff1c}.cosmic-auth-card .input::placeholder{color:#ffffff42}.cosmic-auth-card .input:focus{border-color:#a855f7a6;box-shadow:0 0 0 3px #a855f72e,0 0 14px #a855f71a}html[data-theme=light] .cosmic-auth-card .input{color:#fff;background:#ffffff0f;border-color:#ffffff1c}html[data-theme=light] .cosmic-auth-card .input::placeholder{color:#ffffff42}.cosmic-forgot{color:#c084fc;white-space:nowrap;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .18s}.cosmic-forgot:hover{color:#a855f7}.cosmic-submit-btn{color:#0b0e14;cursor:pointer;letter-spacing:.01em;background:#fff;border:none;border-radius:999px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .18s,background .18s;animation:3.5s ease-in-out infinite hero-glow-pulse}.cosmic-submit-btn:hover:not(:disabled){background:#f0f0f0;transform:scale(1.02)}.cosmic-submit-btn:disabled{opacity:.55;cursor:not-allowed;animation:none}.cosmic-footer-text{text-align:center;color:#ffffff61;margin:0;font-size:.875rem}.cosmic-footer-text a{color:#c084fc;font-weight:500;text-decoration:none;transition:color .18s}.cosmic-footer-text a:hover{color:#a855f7}.cosmic-error-panel{background:#ef444414;border:1px solid #ef44444d;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.cosmic-error-title{color:#f87171;margin:0;font-size:.875rem;font-weight:700}.cosmic-error-text{color:#fca5a5;margin:0;font-size:.875rem}.pub-page{flex-direction:column;min-height:100vh;display:flex}.pub-hero{text-align:center;background:linear-gradient(160deg,#0b0e14 0%,#110d24 45%,#1c1533 100%);padding:96px 24px 80px;position:relative;overflow:hidden}.pub-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 25% 45%,#8b5cf633 0%,#0000 52%),radial-gradient(at 75% 22%,#db277724 0%,#0000 46%),radial-gradient(at 55% 82%,#4f46e51f 0%,#0000 46%);animation:30s ease-in-out infinite nebula-drift;position:absolute;inset:-30%}.pub-hero-inner{z-index:1;max-width:700px;margin:0 auto;position:relative}.pub-hero-title{color:#fff;letter-spacing:-.035em;margin:0 0 18px;font-size:3rem;font-weight:800;line-height:1.15}.pub-hero-sub{color:#ffffff85;max-width:520px;margin:0 auto;font-size:1.0625rem;line-height:1.65}.hiw-section{background:#fff;flex:1;padding:88px 24px 96px}.hiw-section-header{text-align:center;margin-bottom:64px}.hiw-label{text-transform:uppercase;letter-spacing:.12em;color:#a855f7;margin:0 0 10px;font-size:.8125rem;font-weight:600}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:960px;margin:0 auto;display:grid;position:relative}.hiw-grid:before{content:"";opacity:.25;pointer-events:none;background:linear-gradient(90deg,#a855f7,#ec4899);height:2px;position:absolute;top:32px;left:calc(16.66% + 16px);right:calc(16.66% + 16px)}.hiw-step{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.hiw-step-top{flex-direction:column;align-items:center;gap:16px;display:flex}.hiw-step-number{color:#fff;z-index:1;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:grid;position:relative;box-shadow:0 4px 16px #a855f759}.hiw-step-icon{color:#a855f7;background:linear-gradient(135deg,#a855f71a,#ec489912);border:1px solid #a855f72e;border-radius:18px;place-items:center;width:72px;height:72px;transition:transform .2s,box-shadow .2s;display:grid}.hiw-step:hover .hiw-step-icon{transform:translateY(-4px);box-shadow:0 8px 24px #a855f72e}.hiw-step h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.hiw-step p{color:#64748b;margin:0;font-size:.9375rem;line-height:1.65}.hiw-step-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hiw-tag{color:#a855f7;background:#a855f714;border:1px solid #a855f733;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:500}.faq-section{background:#fff;flex:1;padding:88px 24px 96px}.faq-inner{max-width:720px;margin:0 auto}.faq-section-header{text-align:center;margin-bottom:52px}.faq-label{text-transform:uppercase;letter-spacing:.12em;color:#a855f7;margin:0 0 10px;font-size:.8125rem;font-weight:600}.faq-section-title{letter-spacing:-.025em;color:#0f172a;margin:0;font-size:2.125rem;font-weight:800}.faq-list{border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;margin-bottom:60px;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid #e2e8f0}.faq-item:last-child{border-bottom:none}.faq-question{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .18s,color .18s;display:flex}.faq-question:hover{background:#f8fafc}.faq-question[data-open=true]{color:#a855f7;background:#a855f70a}.faq-chevron{color:#94a3b8;flex-shrink:0;transition:transform .25s}.faq-question[data-open=true] .faq-chevron{color:#a855f7;transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer[data-open=true]{max-height:400px}.faq-answer-inner{color:#475569;padding:0 24px 22px;font-size:.9375rem;line-height:1.7}.faq-contact-card{text-align:center;background:linear-gradient(135deg,#0d0a1e 0%,#1a0b2e 100%);border:1px solid #a855f740;border-radius:20px;padding:44px 40px;box-shadow:0 0 50px #a855f71a,0 20px 60px #0000004d}.faq-contact-title{color:#fff;margin:0 0 12px;font-size:1.625rem;font-weight:700}.faq-contact-body{color:#ffffff80;margin:0 0 24px;font-size:.9375rem;line-height:1.65}.faq-contact-email{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:999px;align-items:center;gap:8px;padding:13px 30px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 22px #a855f766}.faq-contact-email:hover{transform:translateY(-2px);box-shadow:0 8px 32px #a855f78c}@media (max-width:640px){.hiw-grid{grid-template-columns:1fr}.hiw-grid:before{display:none}.pub-hero-title{font-size:2.125rem}.faq-contact-card{padding:32px 24px}}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.flex-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gap-sm{gap:var(--space-2)}.nav-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:14px 10px 4px;font-size:11px;font-weight:700}.nav-link{align-items:center;gap:10px;transition:background .15s,color .15s;display:flex}.nav-icon{flex-shrink:0;width:18px;height:18px}.mobile-nav-link{align-items:center;gap:10px;transition:background .15s,color .15s;display:flex}.table tbody tr:hover{background:var(--hover-bg)}.table tbody tr{transition:background-color .15s}.stat-card{gap:var(--space-2);padding:var(--space-5)var(--space-6);display:grid}.stat-value{letter-spacing:-.02em;color:var(--text);font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500;line-height:1.35}.quick-actions-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.step-list{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.step-item{counter-increment:step;background:var(--surface-muted);border-radius:10px;align-items:stretch;gap:12px;font-size:.92rem;display:flex;overflow:hidden}.step-item:hover{background:color-mix(in srgb,var(--surface-muted)85%,var(--primary))}.step-item-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.step-item-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.step-item-body{flex-direction:column;gap:4px;display:flex}.step-item-title{font-size:.95rem;font-weight:600}.step-item-desc{color:var(--text-muted);font-size:.82rem;line-height:1.35}.step-item:before{content:counter(step);background:var(--primary);color:#fff;border-radius:10px 0 0 10px;flex-shrink:0;place-items:center;width:36px;min-width:36px;font-size:14px;font-weight:700;display:grid}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:14px;place-items:center;gap:10px;padding:36px 24px;transition:border-color .2s,background .2s;display:grid}.drop-zone:hover,.drop-zone-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)5%,transparent)}.drop-zone-icon{background:color-mix(in srgb,var(--primary)12%,transparent);width:48px;height:48px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.drop-zone-label{font-weight:600}.drop-zone-hint{color:var(--text-muted);font-size:.85rem}.screen-center{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary)6%,transparent)0%,transparent 70%)}@media (max-width:1024px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:inline-flex}}.breadcrumb{margin-bottom:4px}.breadcrumb-list{align-items:center;gap:0;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-link{color:var(--primary);font-weight:500;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:var(--text-muted);margin:0 8px}.breadcrumb-current{color:var(--text-muted);font-weight:500}.question-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:box-shadow .15s,border-color .15s}.question-card:hover{border-color:color-mix(in srgb,var(--primary)40%,var(--border))}.question-card-open{box-shadow:var(--shadow)}.question-card-header{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.92rem;line-height:1.5;display:flex}.question-card-number{background:var(--surface-muted);width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.question-card-text{flex:1;min-width:0}.question-card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.question-card-chevron{color:var(--text-muted);flex-shrink:0;margin-top:6px;font-size:12px;transition:transform .2s}.question-card-chevron-open{transform:rotate(180deg)}.question-card-body{border-top:1px solid var(--border);gap:16px;margin-top:0;padding:16px;display:grid}.question-card-section{gap:6px;display:grid}.question-card-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.8rem;font-weight:700}.question-card-answer{background:color-mix(in srgb,var(--success)8%,var(--surface));border:1px solid color-mix(in srgb,var(--success)30%,var(--border));border-radius:8px;padding:10px 14px;font-weight:500}.choices-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.choice-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.correct-choice{background:color-mix(in srgb,var(--success)8%,var(--surface));border-color:color-mix(in srgb,var(--success)40%,var(--border))}.correct-choice-tag{color:var(--success);text-transform:uppercase;letter-spacing:.4px;margin-left:auto;font-size:.75rem;font-weight:700}.source-snippet{border-left:3px solid var(--primary);background:var(--surface-muted);color:var(--text-muted);border-radius:0 8px 8px 0;margin:0;padding:12px 16px;font-size:.88rem;font-style:italic;line-height:1.55}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-bar select{width:auto;min-width:140px;padding:8px 10px;font-size:.85rem}.summary-bar{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:.88rem;display:flex}.summary-bar strong{color:var(--text)}.pulse-dot{background:var(--success);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.4s ease-in-out infinite pulse-ring;display:inline-block}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.live-label{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;display:flex}.gen-progress-bar{background:var(--surface-muted);border-radius:6px;width:100%;height:8px;display:flex;overflow:hidden}.gen-progress-accepted{background:var(--success);transition:width .3s}.gen-progress-dropped{background:var(--danger);transition:width .3s}.gen-progress-legend{color:var(--text-muted);gap:16px;font-size:.82rem;display:flex}.gen-progress-legend span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot-accepted{background:var(--success)}.legend-dot-dropped{background:var(--danger)}.meta-grid{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;font-size:.92rem;display:grid}.meta-label{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}.quiz-attempt-layout{gap:var(--space-4);display:grid}.quiz-attempt-sticky-header{z-index:10;padding-top:var(--space-4);padding-bottom:var(--space-4);position:sticky;top:72px}.question-card{scroll-margin-top:260px}.quiz-attempt-sticky-grid{gap:var(--space-3);grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:center;display:grid}.quiz-attempt-title{font-size:1.1rem;font-weight:700;line-height:1.3}.quiz-attempt-metric-block{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.quiz-attempt-metric-value{font-size:1.1rem;font-weight:700;line-height:1.2}.quiz-attempt-timer{letter-spacing:.02em;color:var(--primary);font-size:1.5rem;font-weight:800;line-height:1.1}.quiz-attempt-info-card{padding-top:var(--space-4);padding-bottom:var(--space-4)}.quiz-attempt-info-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;display:grid}.quiz-attempt-submit-card{border-color:color-mix(in srgb,var(--primary)35%,var(--border))}.question-card-result-correct{border-color:color-mix(in srgb,var(--success)55%,var(--border));background:color-mix(in srgb,var(--success)6%,var(--surface))}.question-card-result-incorrect{border-color:color-mix(in srgb,var(--danger)55%,var(--border));background:color-mix(in srgb,var(--danger)6%,var(--surface))}.attempt-result-pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:700}.attempt-result-pill-correct{color:var(--success);border-color:color-mix(in srgb,var(--success)45%,var(--border));background:color-mix(in srgb,var(--success)15%,transparent)}.attempt-result-pill-incorrect{color:var(--danger);border-color:color-mix(in srgb,var(--danger)45%,var(--border));background:color-mix(in srgb,var(--danger)15%,transparent)}@media (max-width:720px){.top-nav{padding:12px}.top-nav-actions .session-pill{display:none}.page-content{padding:16px}.tabs{white-space:nowrap;width:100%;display:flex}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.landing-nav{grid-template-columns:1fr 1fr;padding:12px 20px}.landing-nav-center{display:none}.landing-headline{font-size:2.375rem}.landing-hero-section{padding:72px 20px 0}.landing-features-grid{grid-template-columns:1fr}.landing-features-section{padding:60px 20px 72px}.landing-mockup-wrapper{max-width:100%}.lm-app{height:260px}.lm-sidebar{width:130px}.lm-quiz-grid{grid-template-columns:1fr 1fr}.question-card-badges{display:none}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select{width:100%}.quiz-attempt-sticky-header{top:64px}.quiz-attempt-sticky-grid{grid-template-columns:1fr}.quiz-attempt-timer{font-size:1.3rem}.attempt-result-pill{margin-left:0}}@media print{.top-nav,.sidebar,.mobile-drawer,.button,.tabs,.breadcrumb{display:none!important}.page-content{padding:0}.card,.chart-card,.kpi-card{box-shadow:none;break-inside:avoid}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-4)var(--space-5);gap:var(--space-1);box-shadow:var(--shadow);border-radius:14px;transition:box-shadow .15s,border-color .15s;display:grid}.kpi-card:hover{box-shadow:var(--shadow-lg);border-color:var(--hover-border)}.kpi-value{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.15}.kpi-label{color:var(--text-muted);font-size:.8125rem;font-weight:500;line-height:1.35}.kpi-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.chart-section{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-container{width:100%;height:240px}.chart-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-5);box-shadow:var(--shadow);gap:var(--space-3);border-radius:14px;display:grid}.chart-title{font-size:.9375rem;font-weight:650;line-height:1.3}.chart-description{color:var(--text-muted);margin-top:-var(--space-2);font-size:.875rem;line-height:1.45}.analytics-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:-4px;font-size:.75rem;font-weight:700}.inline-bar-track{background:var(--surface-muted);vertical-align:middle;border-radius:4px;width:80px;height:7px;display:inline-block;overflow:hidden}.inline-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.inline-bar-fill-danger{background:var(--danger)}.inline-bar-fill-warning{background:var(--warning)}.inline-bar-fill-success{background:var(--success)}.q-type-badge{letter-spacing:.02em;background:color-mix(in srgb,var(--info)14%,transparent);color:var(--info);white-space:nowrap;border-radius:6px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.q-difficulty-easy{background:color-mix(in srgb,var(--success)14%,transparent);color:var(--success)}.q-difficulty-medium{background:color-mix(in srgb,var(--warning)16%,transparent);color:var(--warning)}.q-difficulty-hard{background:color-mix(in srgb,var(--danger)14%,transparent);color:var(--danger)}.analytics-empty{justify-content:center;align-items:center;gap:var(--space-2);height:180px;color:var(--text-muted);flex-direction:column;font-size:.9rem;display:flex}.rank-badge{color:var(--text);align-items:center;gap:5px;font-size:1.5rem;font-weight:700;display:inline-flex}.rank-badge-suffix{color:var(--text-muted);font-size:.9rem;font-weight:500}.insight-callout{border:1px solid color-mix(in srgb,var(--primary)34%,var(--border));background:color-mix(in srgb,var(--primary)8%,var(--surface));padding:var(--space-3)var(--space-4);color:var(--text-secondary);border-radius:12px;font-size:.9rem;line-height:1.5}.leaderboard-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.leaderboard-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.leaderboard-rank{color:var(--primary);min-width:36px;font-weight:700}.leaderboard-name{color:var(--text);font-weight:600}.leaderboard-meta{color:var(--text-muted);text-align:right;font-size:.82rem}.inline-rate-row{align-items:center;gap:8px;display:inline-flex}.inline-rate-value{color:var(--text-muted);font-size:.82rem}.table-sort-button{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0}.table-sort-button:hover{text-decoration:underline}.chart-tooltip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:8px 12px;font-size:.84rem}.chart-tooltip-label{color:var(--text-muted);margin-bottom:4px}.chart-tooltip-value{color:var(--text);font-weight:600}@media (max-width:720px){.chart-section{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{cursor:default;flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:inherit;background:var(--grad-primary);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.stat-card:hover:before{opacity:.04}.stat-value{background:var(--grad-primary);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8125rem;font-weight:700}.page-header h1{letter-spacing:-.02em;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1.25}html[data-theme=light] .page-header h1{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quiz-card-list{flex-direction:column;gap:8px;display:flex}.quiz-card-row,.quiz-card-list-header{grid-template-columns:5fr 2fr 2fr 1fr 2fr;align-items:center;column-gap:1.25rem;display:grid}.quiz-card-row{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:16px;padding:28px 40px;transition:border-color .18s,box-shadow .18s,background .18s}.quiz-card-row:hover{border-color:var(--border-strong);background:#ffffff0d;box-shadow:0 4px 20px #0000004d,0 0 0 1px #a855f72e}html[data-theme=light] .quiz-card-row{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}html[data-theme=light] .quiz-card-row:hover{background:#7c3aed06;border-color:#7c3aed4d;box-shadow:0 4px 16px #7c3aed14}.quiz-card-list-header{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 40px 10px;font-size:.72rem;font-weight:700}.quiz-card-row>:first-child,.quiz-card-list-header>:first-child{text-align:left;justify-self:start}.quiz-card-row>:nth-child(2),.quiz-card-row>:nth-child(3),.quiz-card-row>:nth-child(4),.quiz-card-list-header>:nth-child(2),.quiz-card-list-header>:nth-child(3),.quiz-card-list-header>:nth-child(4){text-align:center;justify-content:center;justify-self:center;align-items:center;display:flex}.quiz-card-row>:nth-child(5),.quiz-card-list-header>:nth-child(5){text-align:right;justify-self:end}.quiz-card-title{flex-direction:column;gap:4px;min-width:0;display:flex}.quiz-card-title>a{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .15s;overflow:hidden}.quiz-card-title>a:hover{color:var(--primary)}.quiz-card-meta{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.quiz-stat-col{color:var(--text);white-space:nowrap;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.quiz-card-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.quiz-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.quiz-action-btn:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text)}.quiz-action-btn.danger:hover{color:var(--danger);background:#f871711f;border-color:#f871714d}.classroom-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.classroom-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);border-radius:18px;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex}.classroom-card:hover{border-color:var(--border-strong);box-shadow:0 6px 28px #00000059,0 0 0 1px #a855f738}html[data-theme=light] .classroom-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}html[data-theme=light] .classroom-card:hover{border-color:#7c3aed4d;box-shadow:0 4px 16px #7c3aed1a}.classroom-card-name{color:var(--text);font-size:1rem;font-weight:700}.classroom-card-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.classroom-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.classroom-card-header{align-items:center;gap:8px;display:flex}.classroom-card-meta{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px;font-size:.8rem;display:flex}.classroom-role-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.role-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.role-badge-owner{color:#c084fc;background:#a855f72e;border:1px solid #a855f759}.role-badge-mentor{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.role-badge-student{color:#93c5fd;background:#60a5fa1f;border:1px solid #60a5fa40}@keyframes ws-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ws-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes ws-item-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.workspace-switcher{width:100%;position:relative}.workspace-switcher-btn,.workspace-switcher-static{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background .15s;display:flex}.workspace-switcher-btn:hover{background:var(--hover-bg)}.workspace-switcher-static{cursor:default}.workspace-switcher-icon{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 8px #7c3aed59}.workspace-switcher-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.workspace-switcher-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.workspace-switcher-role{color:var(--primary);font-size:.72rem;font-weight:500;line-height:1.2}.workspace-switcher-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.workspace-switcher-chevron[data-open=true]{transform:rotate(180deg)}.workspace-switcher-dropdown{background:var(--surface-solid);border:1px solid var(--border);z-index:200;transform-origin:0 0;border-radius:14px;min-width:240px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards ws-in;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #00000059,0 0 0 1px #a855f71a}.workspace-switcher-dropdown-out{animation:.16s forwards ws-out}html[data-theme=light] .workspace-switcher-dropdown{box-shadow:0 8px 24px #0f172a1a,0 0 0 1px #7c3aed14}.workspace-switcher-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;padding:4px 8px 6px;font-size:.68rem;font-weight:700}.workspace-switcher-item{color:var(--text);opacity:0;border-radius:9px;align-items:center;gap:10px;padding:7px 8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s;animation:.22s forwards ws-item-in;display:flex;overflow:hidden}.workspace-switcher-item:nth-child(2){animation-delay:60ms}.workspace-switcher-item:nth-child(3){animation-delay:.1s}.workspace-switcher-item:nth-child(4){animation-delay:.14s}.workspace-switcher-item:nth-child(5){animation-delay:.18s}.workspace-switcher-item:nth-child(6){animation-delay:.22s}.workspace-switcher-item:nth-child(n+7){animation-delay:.26s}.workspace-switcher-dropdown-out .workspace-switcher-item{opacity:1;animation:none}.workspace-switcher-item:hover{background:var(--hover-bg)}.workspace-switcher-item[aria-selected=true]{color:var(--primary);background:#a855f71f;font-weight:600}html[data-theme=light] .workspace-switcher-item[aria-selected=true]{background:#7c3aed14}.workspace-switcher-item-icon{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;display:flex}.workspace-switcher-dot{background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:50%;flex-shrink:0;width:8px;height:8px}.classroom-role-mentor{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.classroom-role-member{color:#93c5fd;background:#60a5fa1f;border:1px solid #60a5fa40}.search-bar-wrap{flex:1;max-width:400px;position:relative}.search-bar-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);border-radius:10px;padding:9px 12px 9px 36px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #a855f72e}.page-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-toolbar-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.timeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.timeline-dot-quiz{background:var(--success);box-shadow:0 0 6px var(--success)}.timeline-dot-attempt{background:var(--info);box-shadow:0 0 6px var(--info)}.timeline-dot-document{background:var(--warning);box-shadow:0 0 6px var(--warning)}.dash-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.dash-icon-purple{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.dash-icon-green{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.dash-icon-cyan{color:#06b6d4;background:#06b6d41f;border:1px solid #06b6d44d}.dash-icon-pink{color:#ec4899;background:#ec48991f;border:1px solid #ec48994d}.dash-stat-sub{margin-top:2px;font-size:.78rem;line-height:1.4}.dash-trend-up{color:#34d399;font-weight:600}.dash-insights-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:900px){.dash-insights-row{grid-template-columns:1fr}}.dash-insight-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140e28e0;border:1px solid #a855f738;border-radius:18px;padding:24px 28px;transition:border-color .18s,box-shadow .18s}.dash-insight-panel:hover{border-color:#a855f766;box-shadow:0 0 24px #a855f714}.dash-panel-header{justify-content:space-between;align-items:flex-start;display:flex}.dash-panel-title{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:.9rem;font-weight:800}.dash-panel-sub{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.dash-attention-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.dash-attention-item:hover{background:#ffffff0f}.dash-attention-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-attention-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:.7rem;font-weight:700}.dash-attention-value{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.875rem;font-weight:600;overflow:hidden}.dash-timeline-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;display:flex}.dash-page-btn{color:#a855f7;cursor:pointer;background:#a855f714;border:1px solid #a855f740;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.dash-page-btn:hover:not(:disabled){background:#a855f729;border-color:#a855f773}.dash-page-btn:disabled{opacity:.35;cursor:not-allowed}.card-gradient-header{margin:calc(var(--space-lg)*-1)calc(var(--space-lg)*-1)var(--space-md);padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#a855f726 0%,#ec489914 100%);border-radius:18px 18px 0 0}.input,select,textarea{background:#a855f70a}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a855f72e}html[data-theme=light] .input,html[data-theme=light] select,html[data-theme=light] textarea{background:var(--surface)}.tabs{border-color:var(--border);background:#a855f70f}.tab-button-active{color:#d8b4fe;background:#a855f72e;box-shadow:0 2px 8px #a855f733}html[data-theme=light] .tab-button-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.modal{border-color:var(--border-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100c20f5}html[data-theme=light] .modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.button-ghost{color:#c084fc}.button-ghost:hover:not(:disabled){background:#a855f71a;text-decoration:none}html[data-theme=light] .button-ghost{color:var(--primary)}html[data-theme=light] .button-ghost:hover:not(:disabled){background:#7c3aed0f}.input:focus,select:focus,textarea:focus,.button:focus-visible,.nav-link:focus-visible,.mobile-nav-link:focus-visible,.tab-button:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}@media (max-width:1024px){.quiz-card-row,.quiz-card-list-header{grid-template-columns:5fr 2fr 2fr 2fr;column-gap:1rem;padding:22px 24px}.quiz-card-list-header>:nth-child(4),.quiz-card-row>:nth-child(4){display:none}}@media (max-width:768px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:flex}.quiz-card-row,.quiz-card-list-header{grid-template-columns:1fr auto;column-gap:1rem;padding:18px 16px}.quiz-card-list-header>:nth-child(2),.quiz-card-row>:nth-child(2),.quiz-card-list-header>:nth-child(3),.quiz-card-row>:nth-child(3),.quiz-card-list-header>:nth-child(4),.quiz-card-row>:nth-child(4){display:none}.classroom-card-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}[dir=rtl] body,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button{font-family:Noto Sans Arabic,Inter,Segoe UI,Arial,sans-serif}[dir=rtl] .layout-grid{direction:rtl}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .top-nav{direction:rtl}[dir=rtl] .page-content{text-align:start;direction:rtl}[dir=rtl] .card{text-align:start}[dir=rtl] .timeline-dot{flex-shrink:0}[dir=rtl] .correct-choice-tag,[dir=rtl] .attempt-result-pill{margin-left:0;margin-right:auto}[dir=rtl] .workspace-switcher-dropdown{left:auto;right:0}[dir=rtl] .dash-timeline-pagination,[dir=rtl] .quiz-card-row,[dir=rtl] .quiz-card-list-header{direction:rtl}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[dir=rtl] .cosmic-page{direction:rtl}[dir=rtl] .cosmic-auth-card{text-align:start}[dir=rtl] .mobile-drawer,[dir=rtl] .breadcrumb{direction:rtl}[dir=rtl] .stat-card{text-align:start}[dir=rtl] .dash-insights-row,[dir=rtl] .dash-insight-panel,[dir=rtl] .dash-attention-item{text-align:start;direction:rtl}[dir=rtl] .quiz-card-title,[dir=rtl] .page-header{text-align:start}[dir=rtl] .recharts-wrapper{direction:ltr}