:root{--text:#4b5265;--text-h:#12141c;--text-muted:#6b7280;--bg:#fff;--bg-soft:#f6f7fb;--border:#e4e6ee;--primary:#2f5dfc;--primary-dark:#1f3fc9;--primary-bg:#2f5dfc14;--accent:#ff8a3d;--accent-bg:#ff8a3d1f;--green:#16a34a;--green-bg:#16a34a1a;--purple:#7c3aed;--purple-bg:#7c3aed14;--logo-pink:#ec1868;--logo-blue:#1ea7e8;--card-bg:#fff;--shadow:#14182814 0 10px 25px -5px, #1418280d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:17px/155% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b7bcc9;--text-h:#f4f5f8;--text-muted:#8a90a2;--bg:#0f1117;--bg-soft:#171a24;--border:#262a38;--primary:#6b8bff;--primary-dark:#8ba0ff;--primary-bg:#6b8bff1f;--accent:#ff9a5a;--accent-bg:#ff9a5a24;--green:#4ade80;--green-bg:#4ade8024;--purple:#a78bfa;--purple-bg:#a78bfa24;--logo-pink:#ff4d94;--logo-blue:#4fc3f7;--card-bg:#171a24;--shadow:#0006 0 10px 25px -5px, #0000004d 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:650}p{margin:0}button,a{font-family:inherit}img,svg{max-width:100%;display:block}.brand-wordmark-padho{color:var(--text-h)}.brand-wordmark-pedia{color:var(--primary)}.logo-mark{flex-shrink:0;display:inline-flex}.logo-mark-img{object-fit:contain;width:100%;height:100%}.logo-mark-dark{display:none}@media (prefers-color-scheme:dark){.logo-mark-light{display:none}.logo-mark-dark{display:block}}.navbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:8px 24px;display:flex}.brand{color:var(--text-h);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:84px;height:56px}.nav-links{flex:1;justify-content:center;gap:28px;display:flex}.nav-links a{color:var(--text);font-size:15px;text-decoration:none}.nav-links a:hover{color:var(--text-h)}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:none}@media (width<=720px){.nav-links{display:none}.navbar-toggle{display:inline-flex}.navbar-actions .navbar-login-desktop{display:none}}.navbar-mobile-menu{border-top:1px solid var(--border);flex-direction:column;padding:8px 24px 16px;display:flex}.navbar-mobile-menu a:not(.btn){color:var(--text);border-bottom:1px solid var(--border);padding:12px 4px;font-size:15.5px;text-decoration:none}.navbar-mobile-menu a:not(.btn):last-child{border-bottom:none}.navbar-mobile-menu a:not(.btn):hover{color:var(--primary)}.navbar-mobile-login{justify-content:center;width:100%;margin-top:12px}@media (width>=721px){.navbar-mobile-menu{display:none}}.hero{background:radial-gradient(circle at 15% 20%, var(--primary-bg), transparent 45%), radial-gradient(circle at 85% 0%, var(--accent-bg), transparent 40%);padding:88px 24px 72px}.hero-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;display:grid}@media (width<=900px){.hero-inner{grid-template-columns:1fr}}.hero-copy{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;display:flex}@media (width<=900px){.hero-copy{text-align:center;align-items:center}}.eyebrow{background:var(--primary-bg);color:var(--primary);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{font-size:46px;line-height:1.12}@media (width<=640px){.hero{padding:56px 20px 48px}.hero h1{font-size:30px}}.hero-sub{color:var(--text-muted);max-width:560px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}@media (width<=900px){.hero-actions{justify-content:center}}.hero-preview{justify-content:center;display:flex}.hero-preview-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.hero-preview-dots{gap:6px;margin-bottom:4px;display:flex}.hero-preview-dots span{background:var(--border);border-radius:50%;width:10px;height:10px}.hero-preview-row{background:var(--bg-soft);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.hero-preview-icon{flex-shrink:0;font-size:18px}.hero-preview-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hero-preview-row-text strong{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.hero-preview-row-text span{color:var(--text-muted);font-size:12px}.hero-preview-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.hero-preview-badge-approved{background:var(--green-bg);color:var(--green)}.hero-preview-badge-pending{background:var(--primary-bg);color:var(--primary-dark)}.vision{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 24px}.vision-inner{max-width:1080px;margin:0 auto}.vision-top{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=860px){.vision-top{grid-template-columns:1fr}}.vision-copy{text-align:left;flex-direction:column;align-items:flex-start;gap:18px;display:flex}.vision-heading{font-size:40px;line-height:1.15}.vision-heading-accent{color:var(--primary)}@media (width<=640px){.vision-heading{font-size:30px}}.vision-copy p{color:var(--text);font-size:17px;line-height:1.7}.mission-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.mission-card-icon{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:inline-flex}.mission-card h3{margin-bottom:4px;font-size:15.5px}.mission-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.vision-illustration{justify-content:center;align-items:center;height:340px;display:flex;position:relative}.vision-blob{background:linear-gradient(135deg, var(--primary-bg), var(--accent-bg));border-radius:62% 38% 55% 45%/55% 45% 62% 38%;position:absolute;inset:8%}.vision-illustration-center{z-index:1;background:var(--card-bg);width:96px;height:96px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:inline-flex;position:relative}.vision-badge{z-index:1;background:var(--card-bg);width:56px;height:56px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:inline-flex;position:absolute}.vision-badge-1{background:var(--green-bg);top:6%;left:12%}.vision-badge-2{background:var(--primary-bg);top:10%;right:8%}.vision-badge-3{background:var(--accent-bg);bottom:12%;right:14%}.vision-badge-4{background:var(--purple-bg);bottom:6%;left:8%}.value-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;display:grid}@media (width<=920px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.value-grid{grid-template-columns:1fr}}.value-card{background:var(--value-tint);border-radius:16px;align-items:flex-start;gap:14px;padding:24px;display:flex}.value-icon{background:var(--card-bg);width:44px;height:44px;box-shadow:var(--shadow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.value-card-text{flex-direction:column;gap:6px;min-width:0;display:flex}.value-card h3{font-size:16.5px}.value-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.how-it-works{padding:72px 24px}.how-it-works-inner{max-width:1080px;margin:0 auto}.steps-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}@media (width<=920px){.steps-row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.steps-row{grid-template-columns:1fr}}.step-card{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;align-items:flex-start;gap:14px;padding:40px 24px 24px;display:flex;position:relative}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.step-icon{flex-shrink:0;font-size:24px}.step-card-text{flex-direction:column;gap:6px;min-width:0;display:flex}.step-card h3{font-size:16.5px}.step-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.step-connector{display:none}@media (width>=921px){.step-connector{color:var(--text-muted);font-size:16px;display:inline-flex;position:absolute;top:24px;right:-16px}}.features{padding:72px 24px}.features-inner{max-width:1080px;margin:0 auto}.section-title{text-align:center;font-size:32px}.section-sub{text-align:center;color:var(--text-muted);margin-top:10px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}@media (width<=920px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.feature-card{border:1px solid var(--border);background:var(--card-bg);text-align:left;border-radius:14px;align-items:flex-start;gap:14px;padding:24px;display:flex}.feature-icon{flex-shrink:0;font-size:26px}.feature-card-text{flex-direction:column;gap:6px;min-width:0;display:flex}.feature-card h3{font-size:17px}.feature-card p{color:var(--text-muted);font-size:14.5px;line-height:1.6}.trust-safety{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 24px}.trust-safety-inner{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;max-width:1080px;margin:0 auto;display:grid}@media (width<=860px){.trust-safety-inner{grid-template-columns:1fr}}.trust-safety-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:sticky;top:96px}@media (width<=860px){.trust-safety-copy{position:static}}.section-title-left{text-align:left;font-size:30px;line-height:1.2}.trust-safety-copy p{color:var(--text);font-size:15.5px;line-height:1.7}.trust-point-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.trust-point-grid{grid-template-columns:1fr}}.trust-point-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;gap:14px;padding:20px;display:flex}.trust-point-icon{background:var(--green-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.trust-point-card h3{margin-bottom:4px;font-size:15px}.trust-point-card p{color:var(--text-muted);font-size:13.5px;line-height:1.6}.audience{background:var(--bg-soft);border-top:1px solid var(--border);padding:72px 24px}.audience-inner{grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto;display:grid}@media (width<=680px){.audience-inner{grid-template-columns:1fr}}.audience-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.audience-icon{font-size:34px}.audience-card h3{font-size:19px}.audience-card p{color:var(--text-muted);font-size:15px;line-height:1.6}.audience-card .btn{margin-top:8px}.faq{padding:72px 24px}.faq-inner{max-width:720px;margin:0 auto}.faq-list{flex-direction:column;gap:12px;margin-top:40px;display:flex}.faq-item{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;overflow:hidden}.faq-item-open{border-color:var(--primary)}.faq-question{text-align:left;width:100%;color:var(--text-h);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.faq-chevron{color:var(--text-muted);flex-shrink:0;font-size:18px;transition:transform .15s}.faq-item-open .faq-chevron{color:var(--primary);transform:rotate(180deg)}.faq-answer{color:var(--text-muted);padding:0 20px 18px;font-size:14.5px;line-height:1.7}.closing-cta{background:linear-gradient(135deg, var(--primary-bg), var(--accent-bg));border-top:1px solid var(--border);padding:72px 24px}.closing-cta-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.closing-cta-inner h2{font-size:30px}.closing-cta-inner p{color:var(--text-muted);font-size:15.5px}.closing-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;display:flex}.closing-cta .btn-outline{background:var(--card-bg)}.footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:auto;padding:56px 24px 28px}.footer-inner{max-width:1120px;margin:0 auto}.footer-columns{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}@media (width<=760px){.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-columns{grid-template-columns:1fr}}.footer-brand-link{color:var(--text-h);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.footer-brand-mark{width:28px;height:28px}.footer-tagline{color:var(--text-muted);max-width:260px;margin-top:12px;font-size:14px;line-height:1.6}.footer-column{flex-direction:column;gap:10px;display:flex}.footer-column h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:13px}.footer-column a{color:var(--text);font-size:14.5px;text-decoration:none}.footer-column a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:48px;padding-top:24px;font-size:13.5px}.auth-page{background:radial-gradient(circle at 15% 20%, var(--primary-bg), transparent 45%), radial-gradient(circle at 85% 0%, var(--accent-bg), transparent 40%);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:16px;padding:36px}.auth-brand{color:var(--text-h);align-items:center;gap:10px;margin-bottom:24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.auth-brand-mark{width:28px;height:28px}.auth-card h1{margin-bottom:6px;font-size:22px}.auth-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14.5px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-h);font-size:13.5px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.form-field textarea{resize:vertical;min-height:80px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.form-hint{color:var(--text-muted);font-size:12.5px}.role-radio-group{gap:10px;display:flex}.role-radio{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.role-radio:has(input:checked){border-color:var(--primary);background:var(--primary-bg)}.role-radio input{accent-color:var(--primary)}.privacy-checkbox{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;display:flex}.privacy-checkbox input{accent-color:var(--primary);flex-shrink:0;margin-top:2px}.terms-checkbox{cursor:pointer;color:var(--text-muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.terms-checkbox input{accent-color:var(--primary);flex-shrink:0;margin-top:3px}.terms-checkbox a{color:var(--primary);font-weight:600;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.auth-error{background:var(--accent-bg);color:var(--accent);border-radius:8px;padding:10px 12px;font-size:14px}.auth-success{text-align:center;flex-direction:column;gap:10px;display:flex}.auth-success-icon{font-size:32px}.auth-footer-link{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px}.auth-footer-link a{color:var(--primary);font-weight:600;text-decoration:none}.legal-page{padding:56px 24px 80px}.legal-inner{max-width:760px;margin:0 auto}.legal-inner h1{font-size:34px}.legal-updated{color:var(--text-muted);margin-top:8px;font-size:14px}.legal-content{flex-direction:column;gap:28px;margin-top:36px;display:flex}.legal-content h2{margin-bottom:10px;font-size:19px}.legal-content p{color:var(--text);font-size:15.5px;line-height:1.75}.legal-content ul{flex-direction:column;gap:8px;margin:10px 0 0;padding-left:22px;display:flex}.legal-content li{color:var(--text);font-size:15.5px;line-height:1.7}.legal-content strong{color:var(--text-h)}.legal-content a{color:var(--primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}.header-menu{position:relative}.header-menu-btn{background:var(--accent-bg);width:40px;height:40px;color:var(--text-h);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.header-menu-btn:hover{border-color:var(--primary)}.header-menu-dropdown{background:var(--card-bg);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow);z-index:50;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.header-menu-item{text-align:left;width:100%;color:var(--text-h);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.header-menu-item:hover{background:var(--bg-soft)}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.pagination-status{color:var(--text-muted);font-size:13.5px}.dashboard{flex-direction:column;min-height:100svh;display:flex}.dashboard-header{background:radial-gradient(circle at 12% 0%, var(--primary-bg), transparent 55%), radial-gradient(circle at 88% 100%, var(--accent-bg), transparent 55%);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 24px;display:grid;position:relative}.dashboard-header:after{content:"";background:linear-gradient(90deg, var(--logo-pink), var(--primary) 35%, var(--logo-blue) 65%, var(--accent));height:3px;position:absolute;bottom:-1px;left:0;right:0}.dashboard-tagline{justify-self:center;align-items:center;gap:14px;display:flex}@media (width<=760px){.dashboard-header{grid-template-columns:auto auto;justify-content:space-between}.dashboard-tagline{display:none}}.dashboard-tagline-word{letter-spacing:.02em;text-transform:uppercase;color:var(--text-h);font-size:19px;font-weight:700}.dashboard-tagline-dot{font-size:34px;line-height:0}.dashboard-tagline-dot-pink{color:var(--logo-pink)}.dashboard-tagline-dot-blue{color:var(--logo-blue)}.dashboard-brand{color:var(--text-h);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.dashboard-brand-mark{width:28px;height:28px}.dashboard-user{color:var(--text-muted);align-items:center;gap:14px;font-size:14px;display:flex}.dashboard-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,4fr);align-items:start;gap:28px;width:100%;max-width:1180px;margin:0 auto;padding:32px 24px;display:grid}.dashboard-sidebar{min-width:0;position:sticky;top:24px}.dashboard-main{min-width:0}@media (width<=860px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}}.materials-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.materials-loading{color:var(--text-muted);font-size:15px}.materials-pending-note{color:var(--text-muted);font-size:14px}.course-tile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.dashboard-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:380px;margin:0 auto;display:flex}.dashboard-empty-icon{font-size:36px}.dashboard-empty p{color:var(--text-muted);font-size:15px}.modal-overlay{z-index:100;background:#0f111780;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow);border-radius:16px;padding:28px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:20px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.modal-close:hover{color:var(--text-h)}.modal-card-lg{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:28px;display:flex;overflow-y:auto}.moderation-status-filter{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;align-self:flex-start;padding:10px 12px;font-size:14px}.moderation-queue-list{flex-direction:column;gap:12px;display:flex}.moderation-queue-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.moderation-queue-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.moderation-queue-item-title{margin-bottom:4px;font-size:15.5px}.moderation-queue-item-meta{color:var(--text-muted);font-size:13px}.moderation-queue-item-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.moderation-danger-btn{color:var(--accent);border-color:var(--accent)}.moderation-action-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.moderation-action-form textarea{border:1px solid var(--border);background:var(--bg);color:var(--text-h);resize:vertical;border-radius:8px;min-height:70px;padding:10px 12px;font-family:inherit;font-size:14px}.moderation-action-form-buttons{gap:8px;display:flex}.notification-bell{position:relative}.notification-bell-btn{background:var(--primary-bg);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex;position:relative}.notification-bell-btn:hover{border-color:var(--primary)}.notification-bell-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{background:var(--card-bg);border:1px solid var(--border);width:300px;max-height:360px;box-shadow:var(--shadow);z-index:50;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notification-dropdown-empty{color:var(--text-muted);padding:16px;font-size:14px}.notification-dropdown-list{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.notification-dropdown-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;margin:0;padding:10px;font-size:13.5px}.notification-dropdown-item-clickable{cursor:pointer}.notification-dropdown-item-clickable:hover{background:var(--bg-soft)}.pending-teachers-list{flex-direction:column;gap:10px;display:flex}.pending-teacher-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pending-teacher-name{margin-bottom:2px;font-size:15px}.pending-teacher-meta{color:var(--text-muted);font-size:13px}.avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0}.student-tile{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:18px;display:flex;position:relative}.student-tile-name{overflow-wrap:break-word;word-break:break-word;margin-top:8px;font-size:15px}.student-tile-meta{color:var(--text-muted);font-size:13px}.student-tile-context{color:var(--primary-dark);background:var(--primary-bg);border-radius:999px;margin-top:4px;padding:3px 10px;font-size:12.5px}.student-tile-action{width:100%;margin-top:14px}.review-decision-actions{opacity:0;justify-content:center;gap:10px;transition:opacity .15s;display:flex}.student-tile:hover .review-decision-actions,.student-tile:focus-within .review-decision-actions{opacity:1}@media (hover:none){.review-decision-actions{opacity:1}}.review-decision-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:inline-flex}.review-decision-btn:disabled{opacity:.6;cursor:default}.review-decision-approve{background:#1f9d55}.review-decision-deny{background:#e0463c}.action-menu{display:inline-flex}.action-menu-trigger{border:1px solid var(--border);width:34px;height:34px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.action-menu-trigger:hover{border-color:var(--primary)}.action-menu-dropdown{background:var(--card-bg);border:1px solid var(--border);min-width:190px;max-width:260px;box-shadow:var(--shadow);z-index:60;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;transform:translate(-100%)}.action-menu-item{text-align:left;width:100%;color:var(--text-h);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:9px 10px;font-size:13.5px;overflow:hidden}.action-menu-item:hover:not(:disabled){background:var(--bg-soft)}.action-menu-item:disabled{color:var(--text-muted);cursor:default}.action-menu-item-primary{color:var(--primary);font-weight:600}.edit-content-callout{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.edit-content-callout p{color:var(--text-muted);font-size:13px;line-height:1.5}.course-tile{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:18px;display:flex}.course-tile-type{color:var(--text-muted);font-size:12.5px}.course-tile-title{overflow-wrap:break-word;word-break:break-word;margin-top:2px;font-size:16px}.course-tile-subject{color:var(--text-muted);overflow-wrap:break-word;font-size:13.5px}.course-tile-teacher{color:var(--text-muted);font-size:13px}.course-tile-error{color:var(--accent);font-size:12.5px}.course-tile-action{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.course-tile-badge{background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.material-comments-subtitle{color:var(--text-muted);margin-top:-12px;margin-bottom:16px;font-size:14px}.material-comments-list{flex-direction:column;gap:12px;display:flex}.material-comment-item{background:var(--bg-soft);border-radius:10px;padding:12px 14px}.material-comment-text{color:var(--text-h);white-space:pre-wrap;font-size:14px}.material-comment-meta{color:var(--text-muted);margin-top:6px;font-size:12px}.materials-table-wrap{width:100%;overflow-x:auto}.materials-table{border-collapse:collapse;width:100%;font-size:14.5px}.materials-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:600}.materials-table td{border-bottom:1px solid var(--border);color:var(--text-h);vertical-align:middle;padding:12px 14px}.materials-table tbody tr:last-child td{border-bottom:none}.materials-table tbody tr:hover{background:var(--bg-soft)}.materials-private-badge{background:var(--accent-bg);color:var(--accent);white-space:nowrap;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.materials-status-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{background:var(--primary-bg);color:var(--primary-dark)}.status-approved{background:var(--green-bg);color:var(--green)}.status-changes{background:var(--accent-bg);color:var(--accent)}.status-deletion{color:#e0463c;background:#e0463c24}.materials-status-countdown{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.materials-title-menu{display:none}@media (width<=640px){.materials-table-wrap{overflow-x:visible}.materials-table thead{display:none}.materials-table,.materials-table tbody,.materials-table tr{width:100%;display:block}.materials-table tbody{flex-direction:column;gap:12px;display:flex}.materials-table tr{border:1px solid var(--border);border-radius:14px;overflow:hidden}.materials-table tbody tr:hover{background:0 0}.materials-table td{justify-content:space-between;align-items:center;gap:12px;display:flex}.materials-table td:before{content:attr(data-label);color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600}.materials-table td[data-label=Title]{background:var(--bg-soft);justify-content:space-between;align-items:flex-start;font-size:15.5px;font-weight:600}.materials-title-text{flex:1;min-width:0}.materials-title-menu{flex-shrink:0;display:inline-flex}.materials-table td[data-label=Title]:before{content:none}.materials-table td[data-label=Actions]{display:none}}.clamped-text{flex:1;min-width:0}.clamped-text-empty{min-width:0;color:var(--text-muted);overflow-wrap:break-word;flex:1;font-size:14px;font-style:italic}.clamped-text-body{overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.clamped-text-more{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0 0;font-size:13px;font-weight:600}.clamped-text-full{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;color:var(--text-h);font-size:15px}.profile-sidebar{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:28px 24px}.profile-view{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.profile-name{margin-top:10px;font-size:19px}.profile-role-pill{background:var(--primary-bg);color:var(--primary-dark);border-radius:999px;align-items:center;gap:4px;margin-top:2px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.profile-meta{text-align:left;width:100%;color:var(--text-h);flex-direction:column;gap:6px;margin-top:16px;font-size:14px;display:flex}.profile-about{text-align:left;width:100%;margin-top:18px}.profile-about h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;font-size:13px}.profile-meta-row{align-items:flex-start;gap:8px;display:flex}.meta-icon{flex-shrink:0;line-height:1.5}.profile-edit-btn{width:100%;margin-top:22px}.profile-avatar-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:opacity .15s}.profile-avatar-trigger:hover:not(:disabled){opacity:.85}.profile-avatar-trigger:disabled{cursor:default}.avatar-lightbox{max-width:min(420px,90vw);position:relative}.avatar-lightbox-image{width:100%;height:auto;box-shadow:var(--shadow);border-radius:16px}.avatar-lightbox-close{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;position:absolute;top:-14px;right:-14px}.profile-avatar-field{text-align:center;align-items:center}.profile-avatar-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.profile-edit-actions{gap:10px;display:flex}.profile-edit-actions .btn{flex:1}.browse-search{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;width:100%;padding:10px 14px;font-size:15px}.browse-search:focus{outline:2px solid var(--primary);outline-offset:1px}.browse-teacher-filter{flex-wrap:wrap;gap:10px;display:flex}.browse-teacher-checkbox{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;display:flex}.browse-teacher-checkbox input{accent-color:var(--primary)}.loading-screen{min-height:100svh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.92}.btn-outline{border-color:var(--border);color:var(--text-h);background:0 0}.btn-outline:hover{border-color:var(--primary)}.btn-small{border-radius:8px;padding:6px 14px;font-size:13.5px}