@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem}.auth-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:2.5rem;width:100%;max-width:420px}.auth-card h2{text-align:center;margin-bottom:2rem;color:#212529;font-size:1.5rem;font-weight:600}.auth-card .form-group{margin-bottom:1.25rem}.auth-card .form-group label{display:block;margin-bottom:.375rem;color:#495057;font-size:.9375rem;font-weight:500}.auth-card .form-group input{width:100%;padding:.625rem .875rem;border:1px solid #ced4da;border-radius:4px;font-size:.9375rem;transition:border-color .15s ease;background:#fff}.auth-card .form-group input:focus{outline:none;border-color:#0f6cbf;box-shadow:0 0 0 3px #0f6cbf1a}.auth-card button[type=submit]{width:100%;margin-top:1rem;background:#0f6cbf;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.auth-card button[type=submit]:hover{background:#0d5ba6}.auth-card button[type=submit]:disabled{background:#6c757d;cursor:not-allowed;opacity:.65}.auth-link{text-align:center;margin-top:1.5rem;color:#6c757d;font-size:.9375rem}.auth-link a{color:#0f6cbf;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem 1rem;border-radius:4px;margin:1rem 0;font-size:.875rem}.info-message{color:#004085;background-color:#cce5ff;border:1px solid #b8daff;padding:.75rem 1rem;border-radius:4px;margin:1rem 0;font-size:.875rem}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:.75rem 1rem;border-radius:4px;margin:1rem 0;font-size:.875rem}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.25rem}}html{--auth-bg-main: var(--bg-secondary);--auth-card-bg: var(--bg-primary);--auth-border: var(--border-light);--auth-text-main: var(--text-primary);--auth-text-secondary: var(--text-secondary);--auth-input-bg: var(--bg-primary)}html.dark{--auth-bg-main: var(--bg-secondary);--auth-card-bg: var(--bg-primary);--auth-border: var(--border-light);--auth-text-main: var(--text-primary);--auth-text-secondary: var(--text-secondary);--auth-input-bg: var(--bg-tertiary)}.auth-container{background:var(--auth-bg-main)}.auth-card{background:var(--auth-card-bg);border-color:var(--auth-border)}.auth-card h2{color:var(--auth-text-main)}.auth-card .form-group label,.auth-link{color:var(--auth-text-secondary)}.auth-card .form-group input{border-color:var(--auth-border);background:var(--auth-input-bg);color:var(--auth-text-main)}.lnav{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08);transition:box-shadow .2s,background .2s}.lnav--scrolled{box-shadow:0 4px 24px #00000014;background:#fffffffa}.lnav-inner{max-width:1280px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:8px}.lnav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;font-weight:800;font-size:1.1rem;letter-spacing:-.4px;flex-shrink:0;margin-right:8px}.lnav-logo svg{color:#4f46e5}.lnav-desktop{display:none;align-items:center;gap:2px;flex:1}@media (min-width: 1024px){.lnav-desktop{display:flex}}.lnav-item{position:relative}.lnav-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#374151;border-radius:10px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.lnav-btn:hover,.lnav-btn.active{background:#f1f5f9;color:#4f46e5}.lnav-plain-link{padding:8px 12px;font-size:.875rem;font-weight:600;color:#374151;text-decoration:none;border-radius:10px;transition:background .15s,color .15s;white-space:nowrap}.lnav-plain-link:hover{background:#f1f5f9;color:#4f46e5}.lnav-mega{position:absolute;top:calc(100% + 8px);left:0;min-width:640px;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.06);overflow:hidden;animation:navFadeIn .15s ease}.mega-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #f1f5f9;background:#fafafa}.mega-header>span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.mega-view-all{font-size:.8rem;font-weight:600;color:#4f46e5;text-decoration:none;transition:opacity .15s}.mega-view-all:hover{opacity:.7}.mega-body{display:flex;min-height:280px}.mega-col-primary{width:220px;padding:10px 8px;border-right:1px solid #f1f5f9;overflow-y:auto;max-height:340px}.mega-col-secondary{width:200px;padding:10px 8px;border-right:1px solid #f1f5f9;overflow-y:auto;max-height:340px}.mega-col-tertiary{padding:10px 12px;flex:1;overflow-y:auto;max-height:340px}.mega-cat-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .12s}.mega-cat-row:hover,.mega-cat-row.active{background:#f1f5f9}.mega-cat-row.active .mega-cat-link{color:#4f46e5;font-weight:700}.mega-cat-icon{color:#64748b;flex-shrink:0}.mega-cat-link{font-size:.8125rem;font-weight:500;color:#374151;text-decoration:none;flex:1;transition:color .12s}.mega-cat-link:hover{color:#4f46e5}.mega-cat-arrow{font-size:.9rem;color:#94a3b8;margin-left:auto}.mega-sub-main{display:block;font-size:.75rem;font-weight:700;color:#4f46e5;text-decoration:none;padding:4px 10px 10px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.mega-sub-row{display:flex;align-items:center;gap:4px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.mega-sub-row:hover,.mega-sub-row.active{background:#f1f5f9}.mega-sub-link{font-size:.8rem;color:#374151;text-decoration:none;flex:1;transition:color .12s}.mega-sub-link:hover{color:#4f46e5}.mega-gc-link{display:block;font-size:.8rem;color:#475569;text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .12s,color .12s}.mega-gc-link:hover{background:#f1f5f9;color:#4f46e5}.mega-show-more{width:calc(100% - 12px);margin:8px 6px 4px;border:1px dashed #cbd5e1;background:#f8fafc;color:#4f46e5;font-size:.75rem;font-weight:700;border-radius:10px;padding:8px 10px;cursor:pointer;transition:background .12s,border-color .12s}.mega-show-more:hover{background:#eef2ff;border-color:#a5b4fc}.lnav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;border:1px solid var(--border-light, rgba(0, 0, 0, .06));padding:8px;animation:navFadeIn .15s ease}.lnav-dropdown--wide{min-width:640px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lnav-drop-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .12s}.lnav-drop-card:hover{background:#f1f5f9}.lnav-drop-card-icon{font-size:1.25rem;flex-shrink:0}.lnav-drop-card-label{font-size:.875rem;font-weight:600;color:#1e293b}.lnav-drop-card-desc{font-size:.75rem;color:#64748b;margin-top:1px}@media (max-width: 1200px){.lnav-dropdown--wide{min-width:520px}}html.dark .lnav-dropdown{background:var(--bg-primary);border-color:var(--border-light)}html.dark .lnav-dropdown--wide{background:var(--bg-primary)}html.dark .lnav-drop-card:hover{background:var(--bg-tertiary)}html.dark .lnav-drop-card-label{color:var(--text-primary)}html.dark .lnav-drop-card-desc{color:var(--text-secondary)}.lnav-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.lnav-btn-login{padding:8px 16px;font-size:.875rem;font-weight:600;color:#374151;text-decoration:none;border-radius:10px;border:1.5px solid #d1d5db;background:transparent;transition:border-color .15s,color .15s;display:none}@media (min-width: 640px){.lnav-btn-login{display:flex}}.lnav-btn-login:hover{border-color:#4f46e5;color:#4f46e5}.lnav-btn-signup{padding:8px 16px;font-size:.875rem;font-weight:700;color:#fff;text-decoration:none;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 10px #4f46e559;transition:opacity .15s,box-shadow .15s;display:none}@media (min-width: 480px){.lnav-btn-signup{display:flex}}.lnav-btn-signup:hover{opacity:.9;box-shadow:0 4px 16px #4f46e573}.lnav-user{position:relative}.lnav-user-btn{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1.5px solid #e2e8f0;border-radius:40px;background:#fff;cursor:pointer;transition:border-color .15s}.lnav-user-btn:hover{border-color:#4f46e5}.lnav-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lnav-avatar--lg{width:40px;height:40px;font-size:1rem}.lnav-user-name{font-size:.875rem;font-weight:600;color:#1e293b;display:none}@media (min-width: 768px){.lnav-user-name{display:block}}.lnav-user-drop{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.06);padding:8px;animation:navFadeIn .15s ease}.lnav-user-info{padding:8px 12px 12px;display:flex;flex-direction:column;gap:2px}.lnav-user-info strong{font-size:.875rem;color:#1e293b}.lnav-user-info>span:not(.lnav-role-pill){font-size:.75rem;color:#64748b}.lnav-role-pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;width:-moz-fit-content;width:fit-content}.lnav-role-pill.role-admin{background:#fef3c7;color:#92400e}.lnav-role-pill.role-teacher{background:#ede9fe;color:#5b21b6}.lnav-role-pill.role-student{background:#dcfce7;color:#166534}.lnav-drop-divider{height:1px;background:#f1f5f9;margin:4px 0}.lnav-drop-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:background .12s}.lnav-drop-item:hover{background:#f8fafc}.lnav-drop-item--theme{justify-content:flex-start;font-weight:500}.lnav-drop-item--theme .lnav-theme-pill{display:flex;margin-left:auto;transform:scale(.88);transform-origin:right center;pointer-events:none;cursor:default;box-shadow:none!important}.lnav-drop-item--danger{color:#ef4444}.lnav-drop-item--danger:hover{background:#fef2f2}.lnav-theme-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1.5px solid #94a3b8;background:#f1f5f9;cursor:pointer;color:#1e293b;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.lnav-theme-toggle:hover{background:#e2e8f0;border-color:#64748b;color:#0f172a}html.dark .lnav-theme-toggle{background:#334155;border-color:#64748b;color:#f1f5f9}html.dark .lnav-theme-toggle:hover{background:#475569;border-color:#94a3b8;color:#fff}@media (min-width: 1024px){.lnav-theme-toggle{display:flex}}.lnav-hamburger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1.5px solid #e2e8f0;background:transparent;cursor:pointer;color:#374151;transition:background .15s,border-color .15s}.lnav-hamburger:hover{background:#f1f5f9;border-color:#d1d5db}@media (min-width: 1024px){.lnav-hamburger{display:none}}.lnav-mobile{display:block;background:#fff;border-top:1px solid #f1f5f9;box-shadow:0 12px 40px #0000001a;padding:12px 16px 20px;max-height:calc(100vh - 68px);overflow-y:auto;animation:navSlideDown .15s ease}@media (min-width: 1024px){.lnav-mobile{display:none}}.lnav-msearch{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 12px;margin-bottom:12px;color:#94a3b8}.lnav-msearch-input{flex:1;border:none;background:transparent;font-size:.875rem;color:#1e293b;outline:none}.lnav-msearch-btn{font-size:.75rem;font-weight:700;color:#4f46e5;background:none;border:none;cursor:pointer}.lnav-macc{border-bottom:1px solid #f1f5f9}.lnav-macc-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 4px;font-size:.9rem;font-weight:600;color:#1e293b;background:transparent;border:none;cursor:pointer}.lnav-macc-body{padding:4px 0 8px 12px}.lnav-mlink{display:block;padding:8px;font-size:.875rem;color:#374151;text-decoration:none;border-radius:8px;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;transition:background .12s}.lnav-mlink:hover{background:#f8fafc}.lnav-mlink--danger{color:#ef4444}.lnav-mlink-show-more{font-weight:700;color:#4f46e5}.lnav-mlink-plain{display:block;padding:12px 4px;font-size:.9rem;font-weight:600;color:#1e293b;text-decoration:none;border-bottom:1px solid #f1f5f9}.lnav-mobile-divider{height:1px;background:#f1f5f9;margin:8px 0}.lnav-mobile-user{padding:8px 0}.lnav-mobile-user-info{display:flex;align-items:center;gap:12px;padding:8px 4px 12px}.lnav-mobile-user-info strong{display:block;font-size:.9rem;color:#1e293b}.lnav-mobile-user-info span{font-size:.75rem;color:#64748b}.lnav-mobile-auth{display:flex;flex-direction:column;gap:10px;padding:12px 0}.lnav-mbtn-primary{display:block;text-align:center;padding:12px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:0 2px 10px #4f46e54d}.lnav-mbtn-secondary{display:block;text-align:center;padding:12px;border-radius:12px;border:1.5px solid #d1d5db;color:#374151;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s}.lnav-mbtn-secondary:hover{border-color:#4f46e5;color:#4f46e5}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}html.dark .lnav{background:#0f172af2;border-bottom-color:#f8fafc14}html.dark .lnav--scrolled{background:#0f172afa;box-shadow:0 4px 24px #0006}html.dark .lnav-logo-name{color:var(--text-primary)}html.dark .lnav-btn,html.dark .lnav-plain-link{color:var(--text-secondary)}html.dark .lnav-btn:hover,html.dark .lnav-plain-link:hover{color:var(--text-primary)}html.dark .lnav-megamenu{background:var(--bg-primary);border-color:var(--border-light)}html.dark .lnav-user-btn{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}html.dark .lnav-user-drop{background:var(--bg-primary);border-color:var(--border-light);box-shadow:0 8px 32px #0006}html.dark .lnav-drop-item{color:var(--text-secondary)}html.dark .lnav-drop-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .lnav-drop-divider{border-color:var(--border-light)}html.dark .lnav-mobile{background:var(--bg-primary);border-top-color:var(--border-light)}html.dark .lnav-mlink,html.dark .lnav-mlink-plain{color:var(--text-secondary)}html.dark .lnav-mlink:hover{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .lnav-mobile-divider{border-color:var(--border-light)}html.dark .lnav-hamburger{border-color:var(--border-light);color:var(--text-secondary)}html.dark .lnav-hamburger:hover{background:var(--bg-tertiary)}html.dark .lnav-btn-login{border-color:var(--border-medium);color:var(--text-secondary)}html.dark .lnav-btn-login:hover{background:var(--bg-tertiary)}.lnav-theme-pill{display:none;align-items:center;gap:4px;padding:3px 5px;border-radius:999px;border:1.5px solid #94a3b8;background:#e2e8f0;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;flex-shrink:0;position:relative}.lnav-theme-pill:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.lnav-theme-pill__icon{font-size:14px;line-height:1;z-index:1;position:relative}.lnav-theme-pill__knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;order:-1;transform:translate(0)}.lnav-theme-pill--dark{background:#334155;border-color:#64748b}.lnav-theme-pill--dark .lnav-theme-pill__knob{background:#818cf8;order:3}@media (min-width: 1024px){.lnav-theme-pill{display:flex}}.landing-footer{background:var(--bg-primary);color:var(--text-secondary);border-top:1px solid var(--border-light);padding:60px 0 0;margin-top:80px}.landing-footer-container{max-width:1280px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;margin-bottom:60px}.footer-column{min-width:0}.footer-heading{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:20px;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--primary-600)}.footer-newsletter{grid-column:span 1}.newsletter-description{color:var(--text-muted);font-size:14px;margin-bottom:16px;line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.newsletter-input{padding:12px 16px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;outline:none;transition:background .2s,border-color .2s,box-shadow .2s}.newsletter-input:focus{border-color:var(--primary-500);background:var(--bg-primary);box-shadow:0 0 0 3px #6366f11f}.newsletter-input::-moz-placeholder{color:var(--text-placeholder)}.newsletter-input::placeholder{color:var(--text-placeholder)}.newsletter-button{padding:12px 24px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.newsletter-button:hover{background:var(--primary-700)}.social-links{display:flex;gap:16px;margin-top:20px}.social-link{width:40px;height:40px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-700);transition:background .2s,color .2s,transform .2s}.social-link:hover{background:var(--primary-600);color:#fff;transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.footer-bottom{border-top:1px solid var(--border-light);padding:24px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.copyright{color:var(--text-muted);font-size:14px;margin:0}.footer-bottom-links{display:flex;gap:24px;align-items:center}.language-selector,.currency-selector{color:var(--text-secondary);font-size:14px;cursor:pointer;transition:color .2s}.language-selector:hover,.currency-selector:hover{color:var(--primary-600)}html.dark .landing-footer{background:var(--bg-primary);color:var(--text-secondary);border-top-color:var(--border-light)}html.dark .footer-heading{color:#f8fafc}html.dark .footer-links a,html.dark .newsletter-description{color:#cbd5e1}html.dark .footer-links a:hover{color:var(--primary-300)}html.dark .newsletter-input{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}html.dark .newsletter-input::-moz-placeholder{color:#94a3b8}html.dark .newsletter-input::placeholder{color:#94a3b8}html.dark .newsletter-input:focus{border-color:var(--primary-400);background:var(--bg-primary);box-shadow:0 0 0 3px #818cf838}html.dark .newsletter-button{background:#6366f1}html.dark .newsletter-button:hover{background:#4f46e5}html.dark .social-link{background:var(--bg-tertiary);color:var(--primary-300)}html.dark .social-link:hover{background:#4f46e5;color:#fff}html.dark .footer-bottom{border-top-color:var(--border-light)}html.dark .copyright,html.dark .language-selector,html.dark .currency-selector{color:#cbd5e1}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-newsletter{grid-column:span 3}}@media (max-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-newsletter{grid-column:span 2}.footer-bottom-content{flex-direction:column;gap:16px;text-align:center}.footer-bottom-links{flex-direction:column;gap:12px}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}.footer-newsletter{grid-column:span 1}.landing-footer{padding:40px 0 0}.social-links{justify-content:center}}.landing-page{width:100%;min-height:100vh;padding-top:72px;background-color:var(--bg-secondary);overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{padding:0 3rem}}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-700);font-size:.875rem;font-weight:600;border-radius:9999px;margin-bottom:1rem}.top-banner{background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);color:#fff;padding:.75rem 1.5rem;text-align:center;font-size:.875rem;font-weight:500;position:relative;z-index:10}.top-banner-content{display:inline-flex;align-items:center;gap:.5rem}.banner-icon{color:var(--accent-400)}.hero{position:relative;padding:4rem 0 6rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);overflow:hidden}@media (min-width: 768px){.hero{padding:6rem 0 8rem}}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));bottom:10%;left:-50px;animation:float 10s ease-in-out infinite reverse}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,var(--primary-300),var(--primary-500));top:40%;right:20%;animation:float 12s ease-in-out infinite;animation-delay:-4s}.hero-container{position:relative;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-container{grid-template-columns:1fr 1fr;gap:4rem;padding:0 3rem}}.hero-content{animation:fadeInUp .6s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-50),white);border:1px solid var(--primary-200);color:var(--primary-700);font-size:.875rem;font-weight:600;border-radius:9999px;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero-content h1{font-size:2.5rem;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}@media (min-width: 640px){.hero-content h1{font-size:3.5rem}}@media (min-width: 1024px){.hero-content h1{font-size:4rem}}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;font-weight:600;font-size:1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#fff;color:var(--text-primary);font-weight:600;font-size:1rem;border-radius:.75rem;border:1.5px solid var(--border-medium);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-xl{padding:1.125rem 2.5rem;font-size:1.125rem}.btn-accent{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;font-weight:600;font-size:1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f973164d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:transparent;color:#fff;font-weight:600;font-size:1rem;border-radius:.75rem;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--primary-600);font-weight:600;font-size:.9375rem;border-radius:.75rem;border:1.5px solid var(--primary-200);cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-300)}.hero-trust{display:flex;align-items:center;gap:1rem}.trust-avatars{display:flex}.trust-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;margin-left:-.75rem;box-shadow:var(--shadow-sm)}.trust-avatar:first-child{margin-left:0}.trust-avatar:last-child{background:linear-gradient(135deg,var(--accent-500),var(--accent-600))}.hero-trust p{font-size:.875rem;color:var(--text-tertiary)}.hero-trust strong{color:var(--text-primary)}.hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center;animation:fadeInUp .6s ease-out .2s both}@media (min-width: 768px){.hero-visual{height:500px}}.hero-main-visual{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.hero-main-visual{width:350px;height:350px}}.visual-gradient-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--accent-400),var(--primary-500));opacity:.15;filter:blur(40px);animation:pulse 4s ease-in-out infinite}.visual-center{position:relative;z-index:1;animation:float 6s ease-in-out infinite}.hero-image-card{position:absolute;background:#fff;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:.875rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:float 5s ease-in-out infinite}.card-1{top:10%;left:0;animation-delay:0s}.card-2{top:5%;right:0;animation-delay:-1.5s}.card-3{bottom:15%;left:5%;animation-delay:-3s}.card-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center}.card-icon.accent{background:var(--accent-100);color:var(--accent-600)}.card-icon.success{background:var(--success-100);color:var(--success-600)}.card-content{display:flex;flex-direction:column}.card-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.card-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.hero-stats-bar{position:relative;max-width:900px;margin:4rem auto 0;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;animation:fadeInUp .6s ease-out .4s both}@media (min-width: 768px){.hero-stats-bar{justify-content:space-around;gap:0}}.stat-item{text-align:center;padding:0 1rem}.stat-number{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-top:.25rem}.stat-divider{display:none;width:1px;height:3rem;background:var(--border-light)}@media (min-width: 768px){.stat-divider{display:block}}.benefits-section{padding:6rem 0;background:var(--bg-secondary)}@media (min-width: 768px){.benefits-section{padding:8rem 0}}.benefits-header{text-align:center;margin-bottom:4rem;max-width:640px;margin-left:auto;margin-right:auto}.benefits-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media (min-width: 640px){.benefits-header h2{font-size:2.5rem}}.benefits-header p{font-size:1.125rem;color:var(--text-secondary)}.benefits-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.benefits-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.benefit-card{background:#fff;border-radius:1.25rem;padding:2rem;border:1px solid var(--border-light);transition:all .3s ease;box-shadow:var(--shadow-sm)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.benefit-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.benefit-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.benefit-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.explore-categories{padding:6rem 0;background:#fff}@media (min-width: 768px){.explore-categories{padding:8rem 0}}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}@media (min-width: 640px){.section-header h2{font-size:2.5rem}}.section-header p{font-size:1.125rem;color:var(--text-secondary)}.section-footer{text-align:center;margin-top:3rem}.categories-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.categories-skeleton{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.categories-skeleton{grid-template-columns:repeat(4,1fr)}}.category-skeleton{height:120px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:1rem;animation:shimmer 1.5s infinite}.categories-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.categories-showcase{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.categories-showcase{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.category-tile{background:#fff;border-radius:1rem;padding:1.5rem;border:1.5px solid var(--border-light);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .5s ease-out both;animation-delay:var(--delay, 0ms)}.category-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.category-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease}.category-tile:hover .category-icon-wrapper{transform:scale(1.1)}.category-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.category-count{font-size:.8125rem;color:var(--text-muted)}.category-arrow{margin-top:auto;color:var(--text-muted);transition:all .2s ease}.category-tile:hover .category-arrow{color:var(--primary-600);transform:translate(4px)}.featured-courses-section{padding:6rem 0;background:var(--bg-secondary)}@media (min-width: 768px){.featured-courses-section{padding:8rem 0}}.courses-skeleton{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.courses-skeleton{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.courses-skeleton{grid-template-columns:repeat(4,1fr)}}.course-skeleton{height:380px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:1.25rem;animation:shimmer 1.5s infinite}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;border:2px dashed var(--border-medium)}.empty-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.courses-showcase{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.courses-showcase{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.courses-showcase{grid-template-columns:repeat(4,1fr)}}.course-card{background:#fff;border-radius:1.25rem;overflow:hidden;border:1px solid var(--border-light);transition:all .3s ease;cursor:pointer;animation:fadeInUp .5s ease-out both;animation-delay:var(--delay, 0ms)}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.course-image-wrapper{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.course-thumbnail{color:#fff;opacity:.9;transition:transform .3s ease}.course-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.course-card:hover .course-thumbnail{transform:scale(1.1)}.course-badge{position:absolute;top:1rem;left:1rem}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-primary{background:#fff;color:var(--primary-700);box-shadow:var(--shadow-sm)}.course-details{padding:1.5rem}.course-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.course-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.course-rating{display:flex;align-items:center;gap:.5rem}.stars{display:flex;gap:.125rem}.star-filled{color:var(--warning-400);fill:currentColor}.star-empty{color:var(--border-medium)}.rating-text{font-size:.8125rem;color:var(--text-muted)}.course-price{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.btn-course-view{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.9375rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease}.btn-course-view:hover{background:var(--primary-600);color:#fff}.testimonials-section{padding:6rem 0;background:#fff}@media (min-width: 768px){.testimonials-section{padding:8rem 0}}.testimonials-showcase{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.testimonials-showcase{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.testimonials-showcase{grid-template-columns:repeat(3,1fr)}}.testimonial-item{background:var(--bg-secondary);padding:2rem;border-radius:1.5rem;position:relative;border:1px solid var(--border-light);transition:all .3s ease}.testimonial-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.testimonial-quote-icon{position:absolute;top:1rem;right:1.5rem;font-size:4rem;color:var(--primary-200);font-family:Georgia,serif;line-height:1;opacity:.5}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-text{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-author-info{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.testimonial-details{flex:1}.testimonial-name{font-weight:700;color:var(--text-primary);margin:0;font-size:.9375rem}.testimonial-role{font-size:.8125rem;color:var(--text-muted);margin:0}.cta-final{position:relative;padding:6rem 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);overflow:hidden}@media (min-width: 768px){.cta-final{padding:8rem 0}}.cta-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2}.cta-orb.orb-1{width:400px;height:400px;background:var(--accent-500);top:-100px;left:-100px}.cta-orb.orb-2{width:300px;height:300px;background:var(--primary-400);bottom:-50px;right:-50px}.cta-content{position:relative;z-index:1;text-align:center;max-width:640px;margin:0 auto;color:var(--text-primary)}.cta-icon{color:var(--primary-500);margin-bottom:1.5rem}.cta-content h2{font-size:2rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}@media (min-width: 640px){.cta-content h2{font-size:2.75rem}}.cta-content>p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.cta-guarantee{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.cta-final .btn-accent{box-shadow:0 8px 24px #f9731659}.cta-final .btn-accent:hover{box-shadow:0 10px 28px #f9731673}.cta-final .btn-ghost{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-primary);text-shadow:none}.cta-final .btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}@media (max-width: 639px){.hero-content h1{font-size:2rem}.hero-image-card{display:none}.hero-stats-bar{margin-top:3rem;padding:1.5rem}.stat-number{font-size:1.5rem}.benefits-grid,.categories-showcase,.courses-showcase,.testimonials-showcase{grid-template-columns:1fr}}.adsense-strip{max-width:1280px;margin:0 auto;padding:16px 24px}.top-banner--promo{background:linear-gradient(90deg,#7c3aed,#4f46e5)}.banner-promo-img{height:22px;border-radius:4px;-o-object-fit:contain;object-fit:contain}.banner-promo-cta{margin-left:12px;padding:3px 12px;background:#ffffff40;border:1px solid rgba(255,255,255,.5);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .15s;white-space:nowrap}.banner-promo-cta:hover{background:#fff6}html.dark .explore-categories{background:var(--bg-secondary)}html.dark .explore-categories .section-badge{background:linear-gradient(135deg,#6366f133,#818cf81f);color:#c7d2fe}html.dark .explore-categories .section-header h2{color:var(--text-primary)}html.dark .explore-categories .section-header p{color:var(--text-secondary)}html.dark .explore-categories .category-tile{background:var(--bg-primary);border-color:var(--border-light)}html.dark .explore-categories .category-tile:hover{border-color:var(--primary-400);box-shadow:0 10px 24px #00000059}html.dark .explore-categories .category-content h3{color:var(--text-primary)}html.dark .explore-categories .category-count,html.dark .explore-categories .category-arrow{color:var(--text-tertiary)}html.dark .explore-categories .btn-outline{background:var(--bg-primary);border-color:var(--border-medium);color:var(--text-primary)}html.dark .explore-categories .btn-outline:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}html.dark .testimonials-section{background:var(--bg-secondary)}html.dark .testimonials-section .section-badge{background:linear-gradient(135deg,#6366f133,#818cf81f);color:#c7d2fe}html.dark .testimonials-section .section-header h2{color:var(--text-primary)}html.dark .testimonials-section .section-header p{color:var(--text-secondary)}html.dark .testimonials-section .testimonial-item{background:var(--bg-primary);border-color:var(--border-light)}html.dark .testimonials-section .testimonial-item:hover{border-color:var(--primary-400);box-shadow:0 10px 24px #00000059}html.dark .testimonials-section .testimonial-quote-icon{color:#c7d2fe59}html.dark .testimonials-section .testimonial-text{color:var(--text-secondary)}html.dark .testimonials-section .testimonial-name{color:var(--text-primary)}html.dark .testimonials-section .testimonial-role{color:var(--text-tertiary)}html.dark .cta-final{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top-color:var(--border-light);border-bottom-color:var(--border-light)}html.dark .cta-final .cta-content>p{color:var(--text-secondary)}html.dark .cta-final .cta-guarantee{color:var(--text-muted)}html.dark .cta-final .btn-ghost{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-primary)}html.dark .cta-final .btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:1000px 100%;animation:shimmer 2s infinite}.course-card.skeleton{pointer-events:none}.skeleton-image{width:100%;height:180px;background:#e0e0e0;border-radius:8px 8px 0 0;margin-bottom:16px;animation:shimmer 2s infinite}.skeleton-content{padding:16px}.skeleton-title{width:100%;height:18px;background:#e0e0e0;border-radius:4px;margin-bottom:10px;animation:shimmer 2s infinite}.skeleton-category{width:60%;height:14px;background:#e0e0e0;border-radius:4px;margin-bottom:12px;animation:shimmer 2s infinite}.skeleton-description{width:100%;height:14px;background:#e0e0e0;border-radius:4px;margin-bottom:12px;animation:shimmer 2s infinite}.skeleton-description:after{content:"";display:block;width:90%;height:14px;background:#e0e0e0;border-radius:4px;margin-top:6px;animation:shimmer 2s infinite}.skeleton-footer{display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-rating{width:80px;height:16px;background:#e0e0e0;border-radius:4px;animation:shimmer 2s infinite}.skeleton-price{width:60px;height:20px;background:#e0e0e0;border-radius:4px;animation:shimmer 2s infinite}.skeleton-button{width:100%;height:40px;background:#e0e0e0;border-radius:6px;animation:shimmer 2s infinite}.skeleton-tree{padding:16px}.skeleton-header-item{width:100%;height:36px;background:#e0e0e0;border-radius:4px;margin-bottom:16px;animation:shimmer 2s infinite}.skeleton-category-item{width:100%;height:32px;background:#e0e0e0;border-radius:4px;margin-bottom:8px;animation:shimmer 2s infinite}.skeleton-category-item:nth-child(2n){margin-left:12px;width:90%}.category-card.skeleton{min-height:120px;background:#e0e0e0;border-radius:8px;animation:shimmer 2s infinite}.empty-state,.error-state{text-align:center;padding:60px 40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:40px 0}.empty-icon,.error-icon{font-size:4rem;margin-bottom:20px;display:block}.empty-state h2,.error-state h2{font-size:1.5rem;color:#333;margin-bottom:10px}.empty-state p,.error-state p{font-size:1rem;color:#666;margin-bottom:30px;line-height:1.6}.empty-cta,.error-retry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-cta:hover,.error-retry:hover{opacity:.9;transform:translateY(-2px)}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#e8eef7;border:1px solid #d0dce6;border-radius:20px;font-size:.9rem;color:#333}.chip-label{font-weight:500}.chip-remove{background:none;border:none;color:#999;cursor:pointer;padding:0;font-size:.9rem;transition:color .2s ease}.chip-remove:hover{color:#667eea}.applied-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#f5f8fd;border-left:4px solid #667eea;border-radius:6px;margin-bottom:20px;flex-wrap:wrap}.filters-list{display:flex;gap:10px;flex-wrap:wrap;flex:1}.clear-all-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;white-space:nowrap}.clear-all-btn:hover{background:#667eea1a;text-decoration:underline}@media (max-width: 768px){.empty-state,.error-state{padding:40px 20px;margin:20px 0}.empty-icon,.error-icon{font-size:3rem}.empty-state h2,.error-state h2{font-size:1.3rem}.applied-filters{flex-direction:column;align-items:flex-start}.filters-list{width:100%}.clear-all-btn{width:100%;text-align:center}}.discovery-container{min-height:100vh;background:var(--bg-secondary);padding:clamp(1rem,5vw,2rem) 0}.discovery-header{text-align:center;padding:clamp(1.5rem,10vw,3rem) clamp(1rem,5vw,2rem);margin-bottom:clamp(1.5rem,5vw,3rem);background:transparent;color:var(--text-primary)}.discovery-header h1{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.discovery-header p{font-size:clamp(.95rem,3vw,1.1rem);color:var(--text-muted);margin:0}.discovery-content{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,5vw,2rem);max-width:1400px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}@media (min-width: 1024px){.discovery-content{grid-template-columns:280px 1fr}}.discovery-sidebar{display:none;flex-direction:column;gap:1.5rem;background:#fff;padding:clamp(1rem,5vw,1.5rem);border-radius:12px;box-shadow:0 2px 8px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:1rem}@media (min-width: 1024px){.discovery-sidebar{display:flex}}.filter-section{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-section h3{font-size:.9rem;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0}.discovery-sidebar .search-input,.category-select,.sort-select{padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#1f2937;transition:border-color .2s,box-shadow .2s}.discovery-sidebar .search-input:focus,.category-select:focus,.sort-select:focus{outline:none;border-color:#5b47fb;box-shadow:0 0 0 3px #5b47fb1a}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#5b47fb}.price-range{display:flex;flex-direction:column;gap:1rem}.price-range p{margin:0;font-weight:600;color:#5b47fb}.price-range input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#5b47fb;cursor:pointer;box-shadow:0 2px 4px #5b47fb4d}.price-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#5b47fb;cursor:pointer;border:none;box-shadow:0 2px 4px #5b47fb4d}.discovery-sidebar .btn,.discovery-right-filters .btn{width:100%}.discovery-main{display:flex;flex-direction:column;gap:1.5rem}.discovery-main-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.discovery-courses-panel{display:flex;flex-direction:column}.discovery-right-filters{display:flex;flex-direction:column;gap:1.5rem;background:#fff;padding:clamp(1rem,5vw,1.5rem);border-radius:12px;box-shadow:0 2px 8px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:1rem}@media (min-width: 1024px){.discovery-main-layout{grid-template-columns:1fr 280px;align-items:start}}.sort-bar{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}@media (min-width: 640px){.sort-bar{flex-direction:row;justify-content:space-between;align-items:center}}.results-count{margin:0;font-size:.95rem;color:#6b7280;font-weight:500}.view-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary)}.view-toggle-btn{border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.45rem .8rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn--active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1rem,4vw,1.5rem)}@media (min-width: 640px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 1024px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width: 1400px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.courses-list{display:flex;flex-direction:column;gap:.85rem}.course-list-item{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:1rem;align-items:stretch;background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.course-list-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.course-list-image{min-height:150px;background:linear-gradient(135deg,#f0f4ff,#ede9fe);position:relative}.course-list-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-list-image .image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.course-list-body{display:flex;flex-direction:column;min-width:0;padding:1rem 0}.course-list-heading{display:flex;flex-direction:column;gap:.45rem}.course-list-title{margin:0;color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list-description{margin:.5rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.45;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list-meta{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin-top:.7rem;color:var(--text-muted);font-size:.82rem}.course-list-meta span{white-space:nowrap}.course-list-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:.75rem;padding:1rem;border-left:1px solid var(--border-light);min-width:150px}.course-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;height:100%}.course-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.course-image{width:100%;padding-top:56.25%;position:relative;background:linear-gradient(135deg,#f0f4ff,#ede9fe);overflow:hidden}.course-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,8vw,3.5rem);background:linear-gradient(135deg,#f0f4ff,#ede9fe)}.course-info{display:flex;flex-direction:column;padding:clamp(1rem,5vw,1.25rem);flex-grow:1}.course-category{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#5b47fb;background:#5b47fb1a;padding:.25rem .75rem;border-radius:4px;margin-bottom:.75rem;width:-moz-fit-content;width:fit-content;letter-spacing:.5px}.course-title{font-size:clamp(1rem,4vw,1.1rem);font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-instructor{font-size:.85rem;color:#6b7280;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-description{font-size:.88rem;color:#4b5563;margin:0 0 .65rem;line-height:1.45;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.stars{font-size:.85rem;letter-spacing:-2px}.rating-value{font-weight:700;color:#1f2937;font-size:.9rem}.rating-count{font-size:.8rem;color:#9ca3af}.enrollment-count{font-size:.85rem;color:#6b7280;margin:0 0 1rem}.course-highlights{display:grid;gap:.25rem;margin-bottom:.5rem}.course-highlights .enrollment-count{margin:0}.course-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6;gap:.75rem}.course-price{font-size:clamp(1rem,4vw,1.25rem);font-weight:700;color:#5b47fb}.btn-sm{padding:.5rem 1rem!important;font-size:.85rem!important}.no-courses{grid-column:1 / -1;text-align:center;padding:clamp(3rem,10vw,5rem) 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.no-courses p{font-size:1.1rem;color:#6b7280;margin-bottom:1.5rem}.no-courses .btn{margin:0 auto;display:inline-block}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.loader{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#5b47fb;border-radius:50%;animation:spin 1s linear infinite}.loading p{color:#6b7280;font-size:1rem}@media (prefers-reduced-motion: reduce){.course-card,.course-image img{transition:none}.loader{animation:none}}.discovery-sidebar,.discovery-right-filters,.sort-bar,.course-card,.no-courses{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.filter-section{border-bottom-color:var(--border-light)}.filter-section h3,.course-title,.rating-value{color:var(--text-primary)}.results-count,.course-instructor,.course-description,.rating-count,.enrollment-count,.no-courses p,.loading p{color:var(--text-muted)}.discovery-sidebar .search-input,.category-select,.sort-select{background:var(--bg-primary);border-color:var(--border-medium);color:var(--text-primary)}.course-footer{border-top-color:var(--border-light)}html.dark .course-image,html.dark .image-placeholder{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}html.dark .course-category{background:#6366f133;color:#c7d2fe}html.dark .loader{border-color:var(--border-light);border-top-color:var(--primary-400)}html.dark .discovery-sidebar .search-input,html.dark .category-select,html.dark .sort-select{background:var(--bg-tertiary)}@media (max-width: 1023px){.discovery-main-layout{grid-template-columns:1fr}.discovery-right-filters{position:static}.discovery-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;position:static}.filter-section{border-bottom:none;padding-bottom:0}.filter-section h3{font-size:.8rem}.discovery-sidebar .search-input,.category-select,.sort-select{font-size:.9rem;padding:.6rem}}@media (max-width: 639px){.discovery-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.sort-bar{padding:.75rem}.courses-grid{gap:1rem}.course-info{padding:1rem}.course-footer{gap:.5rem}.course-price{font-size:1.1rem}.btn-sm{flex-grow:1}.view-toggle{width:100%;justify-content:center}.course-list-item{grid-template-columns:1fr}.course-list-image{min-height:170px}.course-list-body{padding:0 1rem 1rem}.course-list-actions{border-left:none;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;align-items:center;padding-top:.75rem}}@media (max-width: 1023px){.course-list-item{grid-template-columns:180px minmax(0,1fr)}.course-list-actions{grid-column:1 / -1;border-left:none;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;align-items:center}}.category-tree{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;position:sticky;top:20px;overflow:hidden;min-width:0}.category-tree-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}.category-tree-header h3{font-size:1.1rem;font-weight:600;margin:0;color:#333}.category-tree-header .clear-filter{background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.category-tree-header .clear-filter:hover{background:#f0f0f0;color:#667eea}.category-tree-items{display:flex;flex-direction:column;gap:4px}.category-search-empty{margin-top:8px;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.85rem;background:#f8fafc}.category-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;color:#666;font-size:.95rem;font-weight:500;min-width:0;overflow:hidden;width:100%}.category-label-btn{background:none;border:none;padding:0;margin:0;flex:1;min-width:0;overflow:hidden;text-align:left;color:inherit;font:inherit;cursor:pointer}.expand-btn{background:none;border:none;padding:0 2px;margin:0;cursor:pointer}.category-item.root-item{padding:12px;font-weight:600;color:#333;margin-bottom:8px;border-bottom:1px solid #eee}.category-item.root-item:hover{background:#f5f5f5;color:#667eea}.category-item.root-item.active{color:#667eea;background:#f0f5ff}.category-parent-group{margin-bottom:4px}.category-item.parent-item{font-weight:600;color:#333;padding:11px 12px}.category-item.parent-item:hover{background:#f5f5f5;color:#667eea}.category-item.parent-item.active{color:#667eea;background:#f0f5ff;border-left:3px solid #667eea;padding-left:9px}.expand-icon{display:inline-block;width:16px;text-align:center;color:#999;font-size:.8rem;transition:transform .2s ease}.expand-icon.open{transform:rotate(180deg)}.category-item.parent-item:hover .expand-icon{color:#667eea}.category-children{margin-left:8px;padding-left:8px;border-left:2px solid #eee;margin-bottom:8px;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.category-grandchildren{margin-left:8px;padding-left:10px;border-left:1px dashed #d8dde8;display:flex;flex-direction:column;gap:2px;margin-bottom:6px;overflow:hidden;min-width:0}.category-item.child-item{padding:8px 10px;color:#666;font-size:.9rem;font-weight:400}.category-item.child-item:hover{background:#f9f9f9;color:#667eea;padding-left:14px}.category-item.child-item.active{color:#667eea;background:#f9f9f9;font-weight:500;padding-left:14px}.item-indent{display:inline-block;width:12px;text-align:center;color:#ddd;font-size:.8rem}.item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.item-count{font-size:.8rem;color:#999;font-weight:400;margin-left:4px;flex-shrink:0}.category-item.leaf-item{color:#666;padding:9px 12px;margin-top:2px}.category-item.leaf-item:hover{background:#f5f5f5;color:#667eea}.category-item.leaf-item.active{color:#667eea;background:#f0f5ff;font-weight:500;border-left:3px solid #667eea;padding-left:9px}@media (max-width: 768px){.category-tree{position:fixed;top:0;left:-100%;width:280px;height:100vh;max-height:100vh;border-radius:0;padding:20px;z-index:1000;transition:left .3s ease;overflow-y:auto;box-shadow:0 0 10px #0003}.category-tree.open{left:0}.category-tree:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1}}@media (max-width: 480px){.category-tree{width:100%}.item-count{display:none}.category-item{font-size:.9rem;padding:10px}}.category-tree{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary);box-shadow:var(--shadow-sm)}.category-tree-header{border-bottom-color:var(--border-light)}.category-tree-header h3,.category-item.root-item,.category-item.parent-item{color:var(--text-primary)}.category-item,.category-item.child-item,.category-item.leaf-item,.item-count,.expand-icon,.category-tree-header .clear-filter{color:var(--text-muted)}.category-tree-header .clear-filter:hover,.category-item.root-item:hover,.category-item.parent-item:hover,.category-item.child-item:hover,.category-item.leaf-item:hover{background:var(--bg-tertiary);color:var(--primary-500)}.category-item.root-item,.category-item.root-item.active,.category-item.parent-item.active,.category-item.leaf-item.active,.category-item.child-item.active{color:var(--primary-500)}.category-item.root-item{border-bottom-color:var(--border-light)}.category-item.parent-item.active,.category-item.leaf-item.active{background:color-mix(in srgb,var(--primary-600) 12%,var(--bg-primary));border-left-color:var(--primary-500)}.category-item.child-item.active{background:color-mix(in srgb,var(--primary-600) 8%,var(--bg-primary))}.category-children{border-left-color:var(--border-light)}.category-grandchildren{border-left-color:var(--border-medium)}.item-indent{color:var(--border-medium)}html.dark .category-tree:before{background:#0206178c}html.dark .category-item.root-item.active,html.dark .category-item.parent-item.active,html.dark .category-item.leaf-item.active{color:#c7d2fe;background:#6366f138}html.dark .category-item.child-item.active{color:#c7d2fe;background:#6366f129}.course-details-page{max-width:1200px;margin:0 auto;padding:1.5rem;display:grid;gap:1.5rem}.course-hero{display:grid;grid-template-columns:1fr 320px;gap:1.25rem}.course-hero-main,.course-enrollment-card,.course-outline-section,.course-reviews-section,.similar-courses-section,.signin-reminder{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0f172a0f}.course-hero-main{padding:1.25rem}.course-hero-category{display:inline-block;margin-bottom:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#4f46e5;background:#eef2ff;padding:.3rem .7rem;border-radius:999px}.course-hero-main h1{margin:0;font-size:1.9rem}.course-hero-description{color:#475569;line-height:1.6}.course-hero-meta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.course-hero-meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:.25rem .65rem;font-size:.85rem}.course-hero-instructor{font-size:.95rem;color:#334155}.course-enrollment-card{padding:1rem;display:grid;gap:.9rem;height:-moz-fit-content;height:fit-content}.course-cover{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:10px}.course-cover.placeholder{display:grid;place-items:center;color:#4f46e5;background:#eef2ff;font-weight:800}.course-price-row{display:flex;align-items:baseline;justify-content:space-between}.course-price-main{font-size:1.5rem;font-weight:800;color:#111827}.course-price-note{color:#64748b;font-size:.85rem}.enroll-btn,.signin-btn{border:none;border-radius:10px;padding:.75rem 1rem;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer}.enroll-btn:disabled{opacity:.7;cursor:not-allowed}.enrollment-message{margin:0;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:.6rem;font-size:.9rem}.signin-hint,.muted{color:#64748b;font-size:.9rem;margin:0}.course-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.course-outline-section,.course-reviews-section,.similar-courses-section,.signin-reminder{padding:1.1rem}.module-card{border:1px solid #e5e7eb;border-radius:10px;padding:.85rem;margin-bottom:.8rem}.module-card h3{margin:0 0 .5rem}.module-card ul{margin:0;padding-left:1rem;display:grid;gap:.4rem}.module-card li{display:flex;justify-content:space-between;gap:1rem}.lesson-duration{color:#64748b;white-space:nowrap}.review-card{border-bottom:1px solid #e5e7eb;padding:.7rem 0}.review-card:last-child{border-bottom:none}.review-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.review-card p{margin:0;color:#334155}.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.similar-card{text-align:left;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:.8rem;cursor:pointer}.similar-card h3{margin:0 0 .35rem;font-size:.98rem}.similar-card p{margin:0 0 .4rem;color:#64748b;font-size:.88rem}.similar-meta{display:flex;justify-content:space-between;color:#334155;font-size:.82rem}.signin-reminder{display:flex;justify-content:space-between;align-items:center}.course-error{color:#b91c1c}@media (max-width: 1024px){.course-hero,.course-content-grid{grid-template-columns:1fr}.similar-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.course-details-page{padding:1rem}.similar-grid{grid-template-columns:1fr}.signin-reminder{flex-direction:column;align-items:flex-start;gap:.75rem}}.course-details-page{color:var(--text-primary)}.course-hero-main,.course-enrollment-card,.course-outline-section,.course-reviews-section,.similar-courses-section,.signin-reminder,.similar-card,.module-card{background:var(--bg-primary);border-color:var(--border-light)}.course-hero-description,.course-hero-instructor,.review-card p,.similar-meta{color:var(--text-secondary)}.course-price-note,.signin-hint,.muted,.lesson-duration,.similar-card p{color:var(--text-muted)}.course-hero-meta span{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-secondary)}.course-cover.placeholder,.course-hero-category{background:color-mix(in srgb,var(--primary-600) 14%,var(--bg-primary));color:var(--primary-600)}.review-card{border-bottom-color:var(--border-light)}html.dark .course-price-main,html.dark .course-hero-main h1,html.dark .module-card h3,html.dark .similar-card h3{color:var(--text-primary)}html.dark .enrollment-message{background:#22c55e29;border-color:#22c55e59;color:#86efac}html.dark .course-error{color:#fca5a5}.course-player{display:flex;height:calc(100vh - 70px);background:var(--cp-bg-main, #000);color:var(--cp-text-main, #fff);overflow:hidden}.player-main{flex:1;overflow-y:auto;background:var(--cp-bg-content, #0a0a0a);padding:0}.video-container{position:relative;width:100%;background:var(--cp-bg-main, #000);aspect-ratio:16 / 9;max-height:70vh}.video-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--cp-bg-muted, #1a1a1a);color:var(--cp-text-muted, #999)}.text-content{max-width:800px;padding:2rem;color:var(--cp-text-main, #fff);line-height:1.6}.lesson-header{padding:1.5rem 2rem;background:var(--cp-bg-muted, #1a1a1a);border-bottom:1px solid var(--cp-border, #333);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.lesson-header h2{margin:0;color:var(--cp-text-main, #fff);font-size:1.5rem}.lesson-module{color:var(--cp-text-muted, #888);margin:.25rem 0 0;font-size:.875rem}.lesson-actions{display:flex;gap:.5rem}.playback-controls{padding:1rem 2rem;background:var(--cp-bg-content, #0f0f0f);border-bottom:1px solid var(--cp-border, #333);display:flex;gap:.5rem;align-items:center}.playback-controls label{color:var(--cp-text-muted, #888);margin-right:.5rem}.playback-controls button{padding:.5rem 1rem;background:var(--cp-bg-muted, #2a2a2a);border:1px solid var(--cp-border, #444);color:var(--cp-text-main, #fff);border-radius:4px;cursor:pointer;font-size:.875rem}.playback-controls button.active{background:var(--primary-color);border-color:var(--primary-color)}.lesson-description{padding:2rem;background:var(--cp-bg-content, #0a0a0a);border-bottom:1px solid var(--cp-border, #333)}.lesson-description h3{color:var(--cp-text-main, #fff);margin:0 0 1rem}.lesson-description p{color:var(--cp-text-secondary, #ccc);line-height:1.6}.notes-section{padding:2rem;background:var(--cp-bg-content, #0a0a0a)}.notes-section h3{color:var(--cp-text-main, #fff);margin:0 0 1rem}.notes-section textarea{width:100%;padding:1rem;background:var(--cp-bg-muted, #1a1a1a);border:1px solid var(--cp-border, #333);border-radius:8px;color:var(--cp-text-main, #fff);font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:1rem}.notes-section textarea:focus{outline:none;border-color:var(--primary-color)}.player-sidebar{width:400px;background:var(--cp-bg-muted, #1a1a1a);border-left:1px solid var(--cp-border, #333);overflow-y:auto;position:relative;transition:transform .3s ease}.player-sidebar.hide{transform:translate(100%)}.sidebar-toggle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;border:none;padding:1rem .5rem;cursor:pointer;border-radius:8px 0 0 8px;font-size:1.2rem;z-index:10}.sidebar-content{padding:1.5rem}.course-info h3{margin:0 0 1rem;color:var(--cp-text-main, #fff);font-size:1.25rem}.progress-bar{width:100%;height:8px;background:var(--cp-bg-muted, #2a2a2a);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-text{color:var(--cp-text-muted, #888);font-size:.875rem;margin:0}.curriculum-list{margin-top:2rem}.curriculum-list h4{color:var(--cp-text-main, #fff);margin:0 0 1rem;font-size:1rem}.curriculum-item{display:flex;gap:1rem;padding:1rem;background:var(--cp-bg-content, #0f0f0f);border-radius:8px;margin-bottom:.5rem;cursor:pointer;border:2px solid transparent;transition:all .2s}.curriculum-item:hover{background:var(--cp-bg-muted, #2a2a2a);border-color:var(--cp-border, #444)}.curriculum-item.active{background:var(--cp-bg-muted, #2a2a2a);border-color:var(--primary-color)}.lesson-number{width:32px;height:32px;background:var(--cp-bg-muted, #2a2a2a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cp-text-muted, #888);font-weight:600;font-size:.875rem;flex-shrink:0}.curriculum-item.active .lesson-number{background:var(--primary-color);color:#fff}.lesson-info{flex:1}.lesson-title{color:var(--cp-text-main, #fff);font-weight:500;margin-bottom:.25rem;font-size:.875rem}.lesson-meta{display:flex;gap:1rem;color:var(--cp-text-secondary, #666);font-size:.75rem}.lesson-status{color:var(--cp-text-muted, #888);font-size:1.25rem}.loading-spinner{text-align:center;padding:4rem 2rem;color:var(--cp-text-muted, #888);font-size:1.25rem}.error-message{padding:2rem;background:#f44;color:#fff;border-radius:8px;margin-bottom:1rem}@media (max-width: 968px){.course-player{flex-direction:column}.player-sidebar{width:100%;max-height:50vh;border-left:none;border-top:1px solid #333}.player-sidebar.hide{transform:translateY(100%)}.sidebar-toggle{left:50%;top:-40px;transform:translate(-50%);border-radius:8px 8px 0 0;padding:.5rem 2rem}.lesson-header{flex-direction:column;align-items:flex-start}.lesson-actions{width:100%;flex-wrap:wrap}.lesson-actions button{flex:1;min-width:120px}}html{--cp-bg-main: #0b1220;--cp-bg-content: #111827;--cp-bg-muted: #1f2937;--cp-border: #374151;--cp-text-main: #f9fafb;--cp-text-secondary: #d1d5db;--cp-text-muted: #9ca3af}html.dark{--cp-bg-main: #020617;--cp-bg-content: #0f172a;--cp-bg-muted: #1e293b;--cp-border: #334155;--cp-text-main: #f8fafc;--cp-text-secondary: #cbd5e1;--cp-text-muted: #94a3b8}.progress-fill{background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-700) 100%)}.error-message{background:#ef444433;border:1px solid rgba(239,68,68,.35);color:#fecaca}html.dark .playback-controls button.active,html.dark .curriculum-item.active{border-color:var(--primary-400)}html.dark .curriculum-item.active .lesson-number{background:var(--primary-500)}@media (max-width: 968px){.player-sidebar{border-top:1px solid var(--cp-border)}}.quiz-container,.quiz-intro .card,.info-item,.option,.result-details,.quiz-footer,.question-card,.loading,.quiz-header,.lesson-description,.progress-bar{background:var(--quiz-bg-main, var(--bg-main));color:var(--quiz-text-main, var(--text-main))}html{--quiz-bg-main: #fff;--quiz-bg-card: #f9fafb;--quiz-bg-info: #f0f8ff;--quiz-border: #e5e7eb;--quiz-text-main: #181a1b;--quiz-text-secondary: #666}html.dark{--quiz-bg-main: #181a1b;--quiz-bg-card: #23272b;--quiz-bg-info: #1e293b;--quiz-border: #333;--quiz-text-main: #f3f4f6;--quiz-text-secondary: #a1a1aa}.quiz-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.quiz-intro{max-width:700px;margin:3rem auto}.quiz-intro .card{padding:3rem;text-align:center}.quiz-description{color:var(--quiz-text-secondary);margin:1.5rem 0;font-size:1.125rem}.quiz-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;text-align:left}.info-item{padding:1rem;background:var(--quiz-bg-card);border-radius:8px;display:flex;justify-content:space-between}.info-item .label{font-weight:600;color:var(--text-primary)}.info-item .value{color:var(--primary-color);font-weight:700}.btn-large{padding:1rem 3rem!important;font-size:1.125rem!important;margin-top:2rem!important}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.quiz-header h2{margin:0}.timer{font-size:1.5rem;font-weight:700;color:var(--primary-color);padding:.5rem 1.5rem;background:#667eea1a;border-radius:8px}.timer.warning{color:#f44;background:#ff44441a;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quiz-progress{margin-bottom:2rem}.progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{margin-top:.5rem;text-align:center;color:var(--text-light);font-size:.875rem}.questions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.question-card{padding:2rem!important}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:.875rem;font-weight:600;color:var(--primary-color);text-transform:uppercase}.answered-badge{font-size:1.25rem;color:#10b981}.question-text{margin:0 0 1.5rem;font-size:1.25rem;line-height:1.6}.options{display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--quiz-bg-card);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.option:hover{border-color:var(--primary-color);background:#667eea14}.option.selected{border-color:var(--primary-color);background:#667eea26}.option input[type=radio]{margin-right:1rem;width:20px;height:20px;cursor:pointer}.option span{flex:1}.answer-input{width:100%;padding:1rem;border:2px solid var(--quiz-border);border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;background:var(--quiz-bg-main);color:var(--quiz-text-main);transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--primary-color)}.quiz-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--quiz-border)}.warning-text{color:#f59e0b;margin-top:1rem;font-size:.875rem}.quiz-result{max-width:600px;margin:3rem auto}.result-header{text-align:center;padding:3rem 2rem;border-radius:12px 12px 0 0}.result-header.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.result-header.failed{background:linear-gradient(135deg,#f44,#c00);color:#fff}.result-header h1{margin:0 0 1rem;font-size:2rem}.score{font-size:4rem;font-weight:700;margin:1rem 0}.result-details{padding:2rem;background:var(--quiz-bg-card)}.result-details p{margin:.75rem 0;font-size:1.125rem}.result-actions{padding:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.loading{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:var(--quiz-text-secondary)}@media (max-width: 768px){.quiz-info{grid-template-columns:1fr}.quiz-header{flex-direction:column;align-items:flex-start;gap:1rem}.timer{width:100%;text-align:center}.result-actions{flex-direction:column}.result-actions button{width:100%}}.quiz-container,.quiz-intro .card,.info-item,.option,.result-details,.quiz-footer,.question-card,.loading,.quiz-header,.lesson-description,.progress-bar{border-color:var(--quiz-border)}.quiz-header{border-bottom-color:var(--primary-color)}.progress-text{color:var(--quiz-text-secondary)}.timer{background:color-mix(in srgb,var(--primary-color) 16%,transparent)}.timer.warning{color:#ef4444;background:#ef444424}.warning-text{color:#d97706}.answered-badge{color:#16a34a}.result-header.failed{background:linear-gradient(135deg,#ef4444,#b91c1c)}html.dark .timer.warning{color:#fca5a5;background:#ef444433}html.dark .warning-text{color:#fdba74}html.dark .answered-badge{color:#86efac}html.dark .result-header.failed{background:linear-gradient(135deg,#dc2626,#991b1b)}.assignment-manager{padding:2rem 1rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--am-text-main, var(--text-primary))}.form-input,textarea{width:100%;padding:.75rem;border:1px solid var(--am-border, #e5e7eb);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--am-bg-main, #fff);color:var(--am-text-main, #181a1b)}.form-input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}.btn-danger{background:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600}@media (max-width: 768px){.assignment-manager h1{font-size:1.5rem}}html{--am-bg-main: #fff;--am-border: #e5e7eb;--am-text-main: #181a1b}html.dark{--am-bg-main: #181a1b;--am-border: #333;--am-text-main: #f3f4f6}.assignment-detail{padding:2rem 1rem;background:var(--ad-bg-main, #fff);color:var(--ad-text-main, #181a1b)}.btn-danger{background:#f44;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-danger:hover{background:#c00}@media (max-width: 768px){.assignment-detail{padding:1rem}}html{--ad-bg-main: #fff;--ad-text-main: #181a1b}html.dark{--ad-bg-main: #181a1b;--ad-text-main: #f3f4f6}.dash-shell{max-width:1320px;margin:0 auto;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem}.dash-sidebar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:1rem .75rem;height:-moz-fit-content;height:fit-content;position:sticky;top:82px;width:240px;min-width:240px;flex-shrink:0;transition:width .2s ease,min-width .2s ease;overflow:hidden}.dash-sidebar--collapsed{width:60px;min-width:60px;padding:1rem .5rem}.dash-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;min-height:28px}.dash-sidebar-toggle{background:none;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:2px 7px;flex-shrink:0;transition:background .15s,color .15s}.dash-sidebar-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash-sidebar-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sidebar-menu{display:flex;flex-direction:column;gap:.25rem}.dash-sidebar-link{display:flex;align-items:center;gap:.55rem;width:100%;padding:.62rem .6rem;border-radius:10px;text-decoration:none;color:var(--text-secondary);border:1px solid transparent;font-size:.88rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;overflow:hidden}.dash-sidebar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash-sidebar-link--active{background:color-mix(in srgb,var(--primary-600) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--primary-600) 24%,var(--bg-primary));color:var(--primary-600);font-weight:600}.dash-sidebar-icon{flex-shrink:0;font-size:1rem;width:1.1rem;text-align:center}.dash-sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-sidebar-divider{height:1px;background:var(--border-light);margin:.4rem 0}.dash-main{flex:1;min-width:0}.dash-canvas{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;padding:1rem}.dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.dash-toolbar-search{width:min(420px,100%);padding:.62rem .85rem;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.dash-toolbar-search::-moz-placeholder{color:var(--text-placeholder)}.dash-toolbar-search::placeholder{color:var(--text-placeholder)}.dash-toolbar-btn{border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);border-radius:10px;padding:.58rem .95rem;font-size:.86rem;font-weight:600}.dash-toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dash-trendline{width:70px;height:24px;margin-left:auto;opacity:.85}.dash-agenda-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary)}.dash-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-sm)}.dash-card--flat{background:var(--bg-secondary);box-shadow:none}.dash-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1rem;margin-bottom:1rem}.dash-section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dash-section-subtitle{margin:0;color:var(--text-muted);font-size:.9rem}.dash-inline-filters{display:grid;grid-template-columns:1fr;gap:.65rem;margin-bottom:.85rem}.dash-input,.dash-select{width:100%;padding:.6rem .75rem;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.dash-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-primary)}.dash-table{width:100%;border-collapse:collapse;min-width:760px}.dash-table th,.dash-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border-light);font-size:.88rem;text-align:left;color:var(--text-secondary);vertical-align:middle}.dash-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-secondary);font-weight:700}.dash-table tr:last-child td{border-bottom:none}.dash-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.dash-stat-cell{border:1px solid var(--border-light);background:var(--bg-primary);border-radius:10px;padding:.75rem}.dash-stat-label{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:700}.dash-stat-value{margin:.35rem 0 0;font-size:1.7rem;line-height:1.1;color:var(--text-primary);font-weight:700}.dash-chip{display:inline-flex;align-items:center;border:1px solid var(--border-light);border-radius:9999px;padding:.18rem .55rem;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary)}.dash-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dash-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .55rem;border:1px solid var(--border-light);border-radius:8px;font-size:.78rem;color:var(--text-secondary);text-decoration:none;background:var(--bg-primary)}.dash-link-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.dash-header h1,.dash-header h2,.dash-header h3{color:var(--text-primary)}.dash-header p{color:var(--text-muted)}@media (max-width: 1100px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{position:static}.dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-inline-filters{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.dash-inline-filters,.dash-stat-grid{grid-template-columns:1fr}}.student-profile-page{max-width:1200px;margin:0 auto;padding:40px 24px}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e5e7eb}.profile-header-left{display:flex;gap:24px;align-items:center}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;box-shadow:0 4px 12px #00000026}.profile-header-info h1{font-size:32px;color:#111827;margin:0 0 8px}.profile-email{color:#6b7280;font-size:16px;margin-bottom:12px}.profile-stats-inline{display:flex;gap:24px;flex-wrap:wrap}.profile-stats-inline span{color:#374151;font-size:14px;font-weight:500}.profile-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.tab-button{background:none;border:none;padding:12px 24px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;bottom:-2px}.tab-button:hover{color:#111827}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.profile-tab-panel{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.profile-form h2{font-size:24px;color:#111827;margin:0 0 24px}.section-heading{font-size:18px;color:#111827;margin:32px 0 16px;padding-top:24px;border-top:1px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-input,.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.certificate-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000026}.certificate-icon{font-size:48px;margin-bottom:16px}.certificate-card h3{font-size:20px;margin:0 0 8px}.certificate-date{opacity:.9;font-size:14px;margin-bottom:24px}.certificate-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn-sm{padding:8px 16px;font-size:13px}.settings-section{margin-bottom:48px}.settings-section h3{font-size:20px;color:#111827;margin-bottom:16px}.settings-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:#374151}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.danger-zone{background:#fef2f2;padding:24px;border-radius:8px;border:2px solid #fecaca}.danger-zone h3{color:#991b1b}.danger-zone p{color:#7f1d1d;margin-bottom:16px}.btn-danger{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#b91c1c}.empty-state{text-align:center;padding:60px 24px;color:#6b7280}.empty-state p:first-child{font-size:48px;margin-bottom:16px}.empty-state .btn-primary{margin-top:24px}.loading-state{text-align:center;padding:100px 24px;font-size:18px;color:#6b7280}.guardian-tab-panel{display:flex;flex-direction:column;gap:24px}.guardian-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.guardian-subtitle{margin:8px 0 0;color:#64748b;max-width:720px}.guardian-contact-card{min-width:260px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#ecfeff,#dbeafe);border:1px solid #bfdbfe}.guardian-contact-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569}.guardian-contact-value{margin-top:6px;font-size:18px;font-weight:700;color:#0f172a}.guardian-contact-meta{margin-top:6px;color:#475569;font-size:13px}.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.analytics-stat-card{padding:20px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.analytics-stat-card strong{font-size:28px;color:#0f172a}.analytics-stat-label{color:#64748b;font-size:13px;font-weight:600}.guardian-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.guardian-grid-bottom{grid-template-columns:1fr 1fr}.guardian-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 10px 30px #0f172a0a}.guardian-section-card h3{margin:0 0 16px;color:#0f172a}.performance-chart{display:flex;flex-direction:column;gap:16px}.performance-row{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.performance-course-meta{display:flex;flex-direction:column;gap:6px}.performance-course-meta span{font-size:12px;color:#64748b}.performance-bars{display:grid;gap:10px}.performance-bars span{display:block;font-size:12px;color:#475569;margin-bottom:6px}.metric-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.metric-fill{height:100%;border-radius:999px}.metric-progress{background:linear-gradient(90deg,#2563eb,#38bdf8)}.metric-attendance{background:linear-gradient(90deg,#10b981,#34d399)}.guardian-list,.timeline-list{display:flex;flex-direction:column;gap:12px}.guardian-list-item,.timeline-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.guardian-list-item{flex-direction:column;text-decoration:none;color:inherit}.guardian-link-item:hover{border-color:#93c5fd;background:#eff6ff}.guardian-list-item span,.timeline-item p,.guardian-list-item small,.timeline-score-block small{margin:0;color:#64748b}.timeline-score-block{min-width:84px;text-align:right;display:flex;flex-direction:column;gap:4px}.timeline-score-block span{font-size:22px;font-weight:700;color:#0f172a}.empty-copy{color:#64748b;margin:0}@media (max-width: 768px){.profile-header{flex-direction:column;gap:24px}.profile-header-left{flex-direction:column;align-items:flex-start;text-align:left}.profile-avatar-large{width:80px;height:80px;font-size:32px}.form-grid{grid-template-columns:1fr}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap}.certificates-grid{grid-template-columns:1fr}.guardian-header,.guardian-grid,.guardian-grid-bottom,.analytics-summary-grid,.performance-row{grid-template-columns:1fr;flex-direction:column}.analytics-summary-grid{display:grid}}.student-profile-page{color:var(--text-primary)}.profile-header,.profile-tabs,.section-heading{border-color:var(--border-light)}.profile-header-info h1,.profile-form h2,.section-heading,.guardian-section-card h3,.guardian-contact-value,.timeline-score-block span,.analytics-stat-card strong{color:var(--text-primary)}.profile-email,.profile-stats-inline span,.tab-button,.empty-state,.loading-state,.guardian-subtitle,.guardian-contact-meta,.analytics-stat-label,.performance-course-meta span,.performance-bars span,.guardian-list-item span,.timeline-item p,.guardian-list-item small,.timeline-score-block small,.empty-copy{color:var(--text-muted)}.profile-tab-panel,.guardian-section-card,.guardian-list-item,.timeline-item{background:var(--bg-primary);border-color:var(--border-light)}.analytics-stat-card,.metric-track{background:var(--bg-secondary);border-color:var(--border-light)}html.dark .profile-avatar-large{box-shadow:var(--shadow-md)}html.dark .guardian-contact-card{background:color-mix(in srgb,var(--primary-600) 20%,var(--bg-primary));border-color:var(--border-medium)}html.dark .guardian-contact-label,html.dark .performance-bars span,html.dark .guardian-link-item:hover{color:var(--text-secondary)}html.dark .guardian-link-item:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}html.dark .form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted)}html.dark .danger-zone{background:#ef44441f;border-color:#ef444459}html.dark .danger-zone h3,html.dark .danger-zone p{color:#fca5a5}html.dark .btn-danger{background:#dc2626}html.dark .btn-danger:hover{background:#b91c1c}.student-certificates{max-width:1200px;margin:0 auto;padding:2rem}.certificates-header{text-align:center;margin-bottom:3rem}.certificates-header h1{font-size:2.5rem;margin:0;color:var(--text-primary)}.certificates-header p{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}.empty-state{text-align:center;padding:4rem 2rem;background:#667eea0d;border-radius:12px;border:2px dashed rgba(102,126,234,.2)}.empty-state p{color:var(--text-secondary);margin:.5rem 0;font-size:1.1rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.certificate-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.certificate-card:hover{transform:translateY(-4px);box-shadow:0 12px 16px #00000026}.cert-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.cert-icon{font-size:2.5rem}.cert-header h3{margin:0;font-size:1.3rem}.cert-info{padding:1.5rem;background:#f9f9f9;border-bottom:1px solid #e5e7eb}.cert-info p{margin:.5rem 0;font-size:.9rem;color:var(--text-secondary)}.cert-info strong{color:var(--text-primary)}.cert-preview{aspect-ratio:4/3;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.cert-preview:hover{background:linear-gradient(135deg,#e0e7f1,#b3cfe1);transform:scale(1.02)}.preview-content{text-align:center;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-content h4{margin:0 0 .5rem;font-size:1.1rem;color:#666;letter-spacing:1px}.preview-content p{margin:.25rem 0;font-size:.9rem;color:#999}.preview-content h2{margin:.75rem 0;font-size:1.3rem;color:var(--text-primary)}.preview-content h3{margin:.75rem 0;font-size:1.1rem;color:var(--primary-color)}.cert-actions{display:flex;gap:.5rem;padding:1rem;background:#f9f9f9}.cert-actions button{flex:1;padding:.75rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;font-size:.9rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:#e5e7eb;color:var(--text-primary)}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:900px;max-height:90vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.close-btn:hover{color:var(--text-primary)}.certificate-full{display:flex;justify-content:center;margin-bottom:2rem}.cert-border{border:3px solid #daa520;border-radius:12px;padding:3rem;background:linear-gradient(135deg,#fffacd,#f0f8ff);width:100%;max-width:800px;aspect-ratio:8.5/11;display:flex;align-items:center;justify-content:center}.cert-inner{text-align:center;width:100%}.cert-inner h1{margin:0 0 2rem;font-size:2.5rem;color:#8b4513;letter-spacing:2px;font-style:italic}.cert-body{margin:2rem 0}.cert-body p{margin:.5rem 0;font-size:1rem;color:#333}.cert-body h2{margin:1rem 0;font-size:1.8rem;color:var(--primary-color);text-decoration:underline}.cert-body h3{margin:1rem 0;font-size:1.4rem;color:#8b4513}.cert-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--sc-border, #daa520);background:var(--sc-bg-main, #fff);color:var(--sc-text-main, #181a1b)}.signature-line{text-align:center}.signature-line p{margin:0 0 .5rem;font-size:.9rem;color:#666}.signature-line strong{display:block;font-size:1rem;color:var(--sc-text-accent, var(--text-primary));text-decoration:underline;margin-top:.5rem}.qr-code{margin-top:2rem;padding-top:1rem;border-top:1px solid #daa520;font-size:.8rem}.qr-code p{margin:0 0 .5rem;color:#666}.qr-code code{display:block;background:#f5f5f5;padding:.5rem;border-radius:4px;word-break:break-all;color:#333;font-size:.75rem}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1;padding:1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;font-size:1rem}html{--sc-bg-main: var(--bg-primary);--sc-bg-soft: var(--bg-secondary);--sc-border: #daa520;--sc-text-main: var(--text-primary);--sc-text-muted: var(--text-muted);--sc-text-accent: #8b4513}html.dark{--sc-bg-main: var(--bg-primary);--sc-bg-soft: var(--bg-secondary);--sc-border: #fde68a;--sc-text-main: var(--text-primary);--sc-text-muted: var(--text-secondary);--sc-text-accent: #fde68a}@media (max-width: 768px){.certificates-grid{grid-template-columns:1fr}.cert-border{padding:1.5rem;aspect-ratio:auto;min-height:600px}.cert-inner h1{font-size:1.8rem}.cert-body h2{font-size:1.3rem}.cert-footer{grid-template-columns:1fr;gap:1rem;background:var(--sc-bg-main, #fff);color:var(--sc-text-main, #181a1b)}.modal-content{margin:1rem;padding:1rem}}.student-certificates{color:var(--text-primary)}.certificate-card,.modal-content,.preview-content,.cert-footer{background:var(--sc-bg-main);border-color:var(--border-light)}.cert-info,.cert-actions,.qr-code code{background:var(--sc-bg-soft)}.cert-info,.cert-actions,.cert-footer,.qr-code{border-color:var(--border-light)}.cert-info p,.preview-content p,.signature-line p,.qr-code p,.close-btn{color:var(--sc-text-muted)}.preview-content h4,.cert-body p,.qr-code code{color:var(--sc-text-main)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-muted)}.cert-border{border-color:var(--sc-border);background:linear-gradient(135deg,color-mix(in srgb,var(--sc-border) 18%,var(--sc-bg-main)) 0%,var(--sc-bg-main) 100%)}.cert-inner h1,.cert-body h3,.signature-line strong{color:var(--sc-text-accent)}html.dark .empty-state{background:color-mix(in srgb,var(--primary-600) 10%,var(--bg-primary));border-color:var(--border-medium)}html.dark .cert-preview{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}html.dark .cert-preview:hover{background:linear-gradient(135deg,var(--bg-muted) 0%,var(--bg-tertiary) 100%)}.teacher-profile-page{max-width:1200px;margin:0 auto;padding:40px 24px;background:var(--tp-bg-main, #fff);color:var(--tp-text-main, #181a1b)}.teacher-avatar{background:linear-gradient(135deg,#10b981,#059669)!important;font-size:50px!important;overflow:hidden}.teacher-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-role{color:var(--tp-accent, #10b981);font-weight:600;font-size:14px;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--tp-bg-card, #f0f9ff);border:2px solid var(--tp-border, #bae6fd);border-radius:12px;padding:32px 24px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon{font-size:48px;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:#0369a1;margin-bottom:8px}.stat-label{font-size:14px;font-weight:600;color:var(--tp-text-secondary, #374151);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-detail{font-size:13px;color:#6b7280}.achievement-section{margin-top:40px;padding-top:40px;border-top:2px solid var(--tp-border, #e5e7eb)}.achievement-section h3{font-size:20px;color:var(--tp-text-main, #111827);margin-bottom:24px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.achievement-badge{background:var(--tp-bg-badge, #fef3c7);border:2px solid var(--tp-border-badge, #fbbf24);border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.badge-icon{font-size:32px}.badge-title{font-weight:600;color:var(--tp-text-badge, #92400e);font-size:14px}.courses-list{display:flex;flex-direction:column;gap:16px}.course-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--tp-bg-card, #f9fafb);border:1px solid var(--tp-border, #e5e7eb);border-radius:8px;transition:all .2s}.course-item:hover{background:var(--tp-bg-main, #fff);border-color:var(--primary-color, #2563eb);box-shadow:0 2px 8px #2563eb1a}.course-info h3{font-size:18px;color:var(--tp-text-main, #111827);margin:0 0 8px}.course-meta{font-size:14px;color:var(--tp-text-secondary, #6b7280);margin:0 0 4px}.course-rating{font-size:14px;color:#f59e0b;font-weight:500}.course-actions{display:flex;gap:12px}.settings-description{color:var(--tp-text-secondary, #6b7280);margin-bottom:20px;font-size:14px}html{--tp-bg-main: #fff;--tp-bg-card: #f9fafb;--tp-bg-badge: #fef3c7;--tp-border: #e5e7eb;--tp-border-badge: #fbbf24;--tp-text-main: #181a1b;--tp-text-secondary: #6b7280;--tp-text-badge: #92400e;--tp-accent: #10b981}html.dark{--tp-bg-main: #181a1b;--tp-bg-card: #23272b;--tp-bg-badge: #78350f;--tp-border: #333;--tp-border-badge: #fbbf24;--tp-text-main: #f3f4f6;--tp-text-secondary: #a1a1aa;--tp-text-badge: #fde68a;--tp-accent: #10b981}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.course-item{flex-direction:column;align-items:flex-start;gap:16px}.course-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.achievements-grid{grid-template-columns:1fr}}.course-form-container{max-width:900px;margin:0 auto;padding:1rem}.course-form-header{margin-bottom:2rem}.course-form-header h1{margin-bottom:.5rem;font-size:clamp(1.5rem,5vw,2rem)}.course-form-header p{color:#666;font-size:1rem;margin:0}.form-error{padding:1rem;margin-bottom:1.5rem;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-form{background-color:#fff;padding:clamp(1rem,5vw,2rem);border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:clamp(.9rem,2vw,.95rem)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#5b47fb;box-shadow:0 0 0 3px #5b47fb1a}.form-group textarea{resize:vertical;min-height:150px}.form-group small{display:block;color:#666;font-size:.85rem;margin-top:.35rem}.form-row{display:grid;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.form-row-2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.form-row-price{grid-template-columns:2fr 1fr}}.form-info-box{padding:1rem;margin-bottom:1.5rem;background-color:#f0f8ff;border:1px solid #b8d4f1;border-radius:6px;font-size:.9rem;line-height:1.6}.form-info-box strong{display:block;margin-bottom:.5rem}.form-info-box ul{margin:.5rem 0 0;padding-left:1.5rem}.form-info-box li{margin-bottom:.25rem}.form-actions{display:flex;flex-direction:column-reverse;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #eee}.form-actions-delete{justify-content:space-between;flex-direction:row}.form-actions-right{display:flex;gap:1rem;flex-direction:column-reverse}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:space-between}.form-actions-right{flex-direction:row}}.btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;border:none;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:.75rem 2rem;background-color:#5b47fb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4a37d4;box-shadow:0 4px 12px #5b47fb4d}.btn-secondary{border:1px solid #ddd;background-color:#fff;color:#333}.btn-secondary:hover:not(:disabled){background-color:#f5f5f5}.btn-delete{border:1px solid #dc3545;background-color:#fff;color:#dc3545}.btn-delete:hover:not(:disabled){background-color:#ffe5e5;border-color:#c82333}.btn-danger:hover:not(:disabled){background-color:#ffe6e6}.course-card{border:1px solid #ddd;border-radius:8px;padding:clamp(1rem,5vw,1.5rem);background-color:#fff;transition:box-shadow .2s,border-color .2s}.course-card:hover{border-color:#5b47fb;box-shadow:0 4px 12px #5b47fb1a}.course-card h2{color:#333;font-size:clamp(1.2rem,4vw,1.5rem);margin:0 0 .5rem}.course-card p{color:#666;margin:0 0 1rem;line-height:1.5}.char-count{color:#666;font-size:.85rem}.char-count.warning{color:#ff9800}.char-count.error{color:#dc3545}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-weight:500;font-size:.9rem;margin-right:.5rem}.status-badge.draft{background-color:#fff3cd;color:#856404}.status-badge.published{background-color:#d4edda;color:#155724}.status-badge.archived{background-color:#e2e3e5;color:#383d41}.empty-state{text-align:center;padding:3rem 1rem;background-color:#f5f5f5;border-radius:8px}.empty-state p{font-size:clamp(1rem,2vw,1.1rem);color:#666;margin-bottom:1rem}.course-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;background-color:#fff;margin-bottom:1.5rem;transition:box-shadow .2s,transform .2s}.course-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.course-card-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.course-card-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.course-card h2{margin:0 0 .5rem;font-size:clamp(1.1rem,3vw,1.3rem)}.course-card p{margin:0 0 1rem;color:#666;line-height:1.6}.course-card-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;margin-bottom:1rem}.course-card-meta span{color:#666}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.form-actions,.form-error{display:none}}html{--cf-bg-main: #fff;--cf-bg-card: #fff;--cf-bg-info: #f0f8ff;--cf-border: #ddd;--cf-border-info: #b8d4f1;--cf-text-main: #111827;--cf-text-secondary: #666;--cf-text-danger: #c33;--cf-bg-danger: #fee;--cf-border-danger: #fcc}html.dark{--cf-bg-main: #181a1b;--cf-bg-card: #23272b;--cf-bg-info: #1e293b;--cf-border: #333;--cf-border-info: #334155;--cf-text-main: #f3f4f6;--cf-text-secondary: #a1a1aa;--cf-text-danger: #fca5a5;--cf-bg-danger: #2d1a1a;--cf-border-danger: #7f1d1d}.course-form-container{background:var(--cf-bg-main);color:var(--cf-text-main)}.course-form{background-color:var(--cf-bg-card)}.course-form-header p,.form-group small,.course-card p,.char-count,.empty-state p,.course-card-meta span{color:var(--cf-text-secondary)}.form-error{background-color:var(--cf-bg-danger);border-color:var(--cf-border-danger);color:var(--cf-text-danger)}.form-group input,.form-group textarea,.form-group select{border-color:var(--cf-border);background:var(--cf-bg-main);color:var(--cf-text-main)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color)}.form-info-box{background-color:var(--cf-bg-info);border-color:var(--cf-border-info);color:var(--cf-text-main)}.form-actions{border-top-color:var(--cf-border)}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.btn-secondary{border-color:var(--cf-border);background-color:var(--cf-bg-main);color:var(--cf-text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--cf-bg-info)}.btn-delete{background-color:var(--cf-bg-main)}.course-card{border-color:var(--cf-border);background-color:var(--cf-bg-card);color:var(--cf-text-main)}.course-card:hover{border-color:var(--primary-color)}.course-card h2{color:var(--cf-text-main)}.empty-state{background-color:var(--cf-bg-info)}.admin-profile-page{max-width:1200px;margin:0 auto;padding:40px 24px;background:var(--ap-bg-main, #fff);color:var(--ap-text-main, #181a1b)}.admin-avatar{background:linear-gradient(135deg,#dc2626,#991b1b)!important;font-size:50px!important}.profile-role{color:var(--ap-accent, #dc2626);font-weight:600;font-size:14px;margin-bottom:4px}.activity-description{color:var(--ap-text-secondary, #6b7280);margin-bottom:24px}.activity-log{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:16px;padding:16px;background:var(--ap-bg-card, #f9fafb);border-radius:8px;border-left:3px solid var(--primary-color, #2563eb)}.activity-icon{font-size:24px;flex-shrink:0}.activity-details{flex:1}.activity-action{font-weight:500;color:var(--ap-text-action, #1f2a44);margin:0 0 4px}.activity-meta{font-size:13px;color:var(--ap-text-secondary, #6b7280);margin:0}.security-status{display:flex;align-items:center;gap:16px;margin-top:12px}.status-badge{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600}.status-badge.enabled{background:var(--ap-bg-enabled, #d1fae5);color:var(--ap-text-enabled, #065f46)}.status-badge.disabled{background:var(--ap-bg-disabled, #fee2e2);color:var(--ap-text-disabled, #991b1b)}.permissions-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--ap-bg-card, #f9fafb);border-radius:8px;font-size:14px}.permission-granted{color:var(--ap-text-granted, #059669);font-weight:600}.admin-profile-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-profile-page .form-group{display:flex;flex-direction:column;gap:8px}.admin-profile-page .form-input{padding:12px 14px;border:1px solid var(--ap-border, #d1d5db);border-radius:8px;font-size:14px;color:var(--ap-text-main, #111827);background:var(--ap-bg-main, #fff)}html{--ap-bg-main: #fff;--ap-bg-card: #f9fafb;--ap-border: #d1d5db;--ap-text-main: #181a1b;--ap-text-secondary: #6b7280;--ap-text-action: #1f2a44;--ap-accent: #dc2626;--ap-bg-enabled: #d1fae5;--ap-text-enabled: #065f46;--ap-bg-disabled: #fee2e2;--ap-text-disabled: #991b1b;--ap-text-granted: #059669}html.dark{--ap-bg-main: #181a1b;--ap-bg-card: #23272b;--ap-border: #333;--ap-text-main: #f3f4f6;--ap-text-secondary: #a1a1aa;--ap-text-action: #60a5fa;--ap-accent: #dc2626;--ap-bg-enabled: #134e4a;--ap-text-enabled: #6ee7b7;--ap-bg-disabled: #7f1d1d;--ap-text-disabled: #fee2e2;--ap-text-granted: #6ee7b7}.admin-profile-page .form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}@media (max-width: 768px){.activity-item{flex-direction:column;gap:12px}.security-status{flex-direction:column;align-items:flex-start}.admin-profile-page .form-grid{grid-template-columns:1fr}}.admin-category-manager{max-width:1400px;margin:0 auto;padding:30px 20px}.manager-header{margin-bottom:40px}.manager-header h2{font-size:2rem;color:#1f2a44;margin-bottom:8px}.manager-header p{color:#666;margin-bottom:20px;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fee;border:1px solid #fcc;border-left:4px solid #f44;padding:15px 20px;border-radius:6px;margin-bottom:20px;color:#c33}.error-banner button{background:none;border:none;color:#c33;font-size:1.2rem;cursor:pointer;padding:0}.category-hierarchy{display:flex;flex-direction:column;gap:30px}.parent-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.category-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.category-row:last-child{border-bottom:none}.category-row:hover{background:#fafafa}.parent-row{background:#f9fbfd;border-bottom:2px solid #e0e0e0;padding:20px}.parent-row:hover{background:#f0f5ff}.children-container{display:flex;flex-direction:column;background:#fafbfc}.child-row{padding:14px 20px 14px 60px;border-left:3px solid #667eea}.child-row:hover{background:#f5f8ff}.grandchildren-container{display:flex;flex-direction:column;background:#fcfdff}.grandchild-row{padding:12px 20px 12px 100px;border-left:3px solid #a0b4ff;font-size:.9rem}.grandchild-row:hover{background:#f8faff}.category-info{display:flex;align-items:flex-start;gap:16px;flex:1}.hierarchy-level{display:inline-block;padding:4px 10px;background:#e8eef7;color:#667eea;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;min-width:60px;text-align:center}.category-details h4,.category-details h5,.category-details h6{margin:0;color:#1f2a44}.category-details h4{font-size:1.1rem;font-weight:600}.category-details h5{font-size:1rem;font-weight:600}.category-details h6{font-size:.95rem;font-weight:600}.category-details .slug{font-size:.85rem;color:#999;font-family:monospace;margin:4px 0 0}.category-details .desc{font-size:.9rem;color:#666;margin:6px 0 0;line-height:1.4}.category-actions{display:flex;align-items:center;gap:10px;margin-left:20px;white-space:nowrap}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge.active{background:#d4edda;color:#155724}.badge.inactive{background:#f8d7da;color:#721c24}.btn-small{padding:6px 12px;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#1976d2;color:#fff}.btn-add{background:#e8f5e9;color:#388e3c}.btn-add:hover{background:#388e3c;color:#fff}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#d32f2f;color:#fff}.btn-secondary{background:#e0e0e0;color:#1f2a44;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.btn-secondary:hover{background:#bdbdbd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0}.btn-close:hover{color:#333}.category-form{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;font-weight:500}.form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid #e0e0e0}.form-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.empty-state{text-align:center;padding:60px 40px;color:#999}.empty-state p{font-size:1.1rem;margin:0}.admin-loading{text-align:center;padding:60px 40px;font-size:1.1rem;color:#666}.manager-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;padding:30px;background:#f9fbfd;border-radius:8px}.stat{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border-radius:6px;border-left:4px solid #667eea}.stat-label{color:#666;font-weight:500}.stat-value{font-size:1.8rem;font-weight:700;color:#667eea}@media (max-width: 768px){.category-row{flex-direction:column;align-items:flex-start;gap:12px}.category-actions{width:100%;margin-left:0;flex-wrap:wrap}.child-row{padding:12px 20px 12px 40px}.grandchild-row{padding:10px 20px 10px 60px}.manager-stats{grid-template-columns:1fr}}@media (max-width: 480px){.admin-category-manager{padding:15px 10px}.manager-header h2{font-size:1.5rem}.btn-small{padding:4px 8px;font-size:.75rem}.category-details h4,.category-details h5{font-size:.95rem}.modal-content{width:95%;max-width:100%}}.admin-category-manager,.manager-header h2,.category-details h4,.category-details h5,.category-details h6,.modal-header h3,.form-group label,.btn-secondary{color:var(--text-primary)}.manager-header p,.category-details .desc,.admin-loading,.stat-label,.category-details .slug,.empty-state{color:var(--text-muted)}.parent-section,.modal-content,.stat{background:var(--bg-primary);border-color:var(--border-light)}.category-row,.parent-row,.children-container,.grandchildren-container,.manager-stats{background:var(--bg-secondary)}.category-row,.parent-row,.form-actions,.modal-header{border-color:var(--border-light)}.category-row:hover,.parent-row:hover,.child-row:hover,.grandchild-row:hover{background:var(--bg-tertiary)}.hierarchy-level{background:color-mix(in srgb,var(--primary-600) 14%,var(--bg-primary));color:var(--primary-600)}.form-group input[type=text],.form-group input[type=number],.form-group textarea{background:var(--bg-primary);border-color:var(--border-medium);color:var(--text-primary)}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f129}html.dark .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-light)}html.dark .btn-secondary:hover{background:var(--bg-muted)}html.dark .error-banner{background:#ef444424;border-color:#ef444459;color:#fca5a5}html.dark .error-banner button{color:#fecaca}html.dark .badge.active{background:#22c55e29;color:#86efac}html.dark .badge.inactive{background:#ef444429;color:#fca5a5}html.dark .btn-edit{background:#3b82f633;color:#93c5fd}html.dark .btn-add{background:#22c55e33;color:#86efac}html.dark .btn-delete{background:#ef444433;color:#fca5a5}html.dark .btn-close,html.dark .category-details .slug{color:var(--text-tertiary)}html.dark .btn-close:hover{color:var(--text-primary)}html.dark .manager-stats{background:var(--bg-secondary)}html.dark .stat{border-left-color:var(--primary-500)}html.dark .stat-value{color:var(--primary-400)}.admin-analytics{max-width:1400px;margin:0 auto;padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.analytics-header h1{margin:0;color:var(--text-primary);font-size:2rem}.period-selector{display:flex;gap:.5rem;background:#f0f0f0;padding:.5rem;border-radius:8px}.period-btn{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;border-radius:6px;font-weight:500;color:#666;transition:all .2s}.period-btn.active{background:var(--primary-color);color:#fff}.period-btn:hover{background:#667eea1a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.metric-icon{font-size:2.5rem}.metric-content{flex:1}.metric-label{margin:0;color:#999;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{margin:.5rem 0 0;font-size:2rem;color:var(--text-primary);font-weight:700}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.chart-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.chart-container h3{margin:0 0 1.5rem;color:var(--text-primary)}.revenue-chart{display:flex;align-items:flex-end;justify-content:space-around;height:250px;gap:.5rem}.revenue-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.revenue-bar{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;min-height:10px;position:relative;transition:all .2s;cursor:pointer}.revenue-bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s}.revenue-bar:hover .bar-tooltip{opacity:1}.bar-label{margin:0;font-size:.8rem;color:#666;text-align:center}.enrollment-chart{position:relative;height:200px;background:linear-gradient(180deg,#667eea0d,#667eea00);border-radius:8px;padding:1rem}.enrollment-point{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;height:100%}.point-dot{width:12px;background:linear-gradient(180deg,#10b981,#059669);border-radius:6px;margin-top:auto;transition:all .2s}.enrollment-point:hover .point-dot{transform:scale(1.5);box-shadow:0 4px 12px #10b9814d}.point-label{margin:.5rem 0 0;font-size:.75rem;color:#666;text-align:center;width:100%}.details-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.detail-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.detail-card h3{margin:0 0 1.5rem;color:var(--text-primary)}.course-list{display:flex;flex-direction:column;gap:1rem}.course-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:8px;transition:all .2s}.course-row:hover{background:#f0f0f0}.rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.course-info{flex:1}.course-name{margin:0;font-weight:600;color:var(--text-primary)}.course-meta{margin:.25rem 0 0;font-size:.85rem;color:#999}.course-stats{display:flex;gap:1rem;font-size:.85rem}.stat-item{margin:0;color:#666}.growth-list{display:flex;flex-direction:column;gap:1.5rem}.growth-item{display:flex;flex-direction:column;gap:.5rem}.growth-header{display:flex;justify-content:space-between;align-items:center}.growth-label{margin:0;font-weight:600;color:var(--text-primary);font-size:.9rem}.growth-percent{margin:0;font-weight:700;font-size:1rem}.growth-bar-bg{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.growth-bar{height:100%;transition:all .3s ease}.export-section{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.btn-export{padding:1rem 2rem;border:none;background:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:1rem}.btn-export:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start}.metrics-grid,.charts-section,.details-section{grid-template-columns:1fr}.export-section{flex-direction:column}.btn-export{width:100%}}html,html.dark{--aa-bg-main: var(--bg-secondary);--aa-bg-card: var(--bg-primary);--aa-bg-muted: var(--bg-tertiary);--aa-border: var(--border-light);--aa-text-main: var(--text-primary);--aa-text-secondary: var(--text-secondary);--aa-text-muted: var(--text-muted)}.admin-analytics{background:var(--aa-bg-main);color:var(--aa-text-main)}.period-selector,.course-row:hover{background:var(--aa-bg-muted)}.period-btn,.bar-label,.point-label,.stat-item,.course-meta{color:var(--aa-text-secondary)}.metric-card,.chart-container,.detail-card{background:var(--aa-bg-card);border-color:var(--aa-border)}.metric-label{color:var(--aa-text-muted)}.course-row{background:var(--aa-bg-muted)}.growth-bar-bg{background:var(--aa-border)}.lms-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary, #f8fafc)}.lms-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-light, #e2e8f0);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.lms-header-inner{max-width:1440px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:1.5rem}.lms-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex-shrink:0}.lms-logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f46e559;flex-shrink:0}.lms-logo-name{font-family:var(--font-display, "Plus Jakarta Sans", sans-serif);font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);letter-spacing:-.3px}.lms-nav{display:none;align-items:center;gap:.125rem;flex:1;overflow-x:auto;scrollbar-width:none}.lms-nav::-webkit-scrollbar{display:none}.lms-nav-link{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-tertiary, #475569);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease;border:1px solid transparent}.lms-nav-link:hover{background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #0f172a)}.lms-nav-link--active{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe;font-weight:600}.lms-nav-icon{font-size:.75rem;opacity:.7}.lms-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.lms-icon-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid #94a3b8;background:#f1f5f9;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.lms-icon-btn:hover{background:#e2e8f0;color:#0f172a;border-color:#64748b}.lms-user-menu{position:relative}.lms-user-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .375rem;border-radius:10px;border:1px solid var(--border-light, #e2e8f0);background:var(--bg-primary, #fff);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.lms-user-trigger:hover{background:var(--bg-tertiary, #f1f5f9);border-color:var(--border-medium, #cbd5e1);box-shadow:0 2px 6px #0f172a0f}.lms-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;letter-spacing:-.5px}.lms-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.lms-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.lms-role-badge{font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:9999px;line-height:1.6}.lms-badge-student{background:#dbeafe;color:#1d4ed8}.lms-badge-teacher{background:#d1fae5;color:#065f46}.lms-badge-admin{background:#fef3c7;color:#92400e}.lms-chevron{flex-shrink:0;color:var(--text-muted, #64748b);transition:transform .2s ease}.lms-chevron--open{transform:rotate(180deg)}.lms-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-primary, #fff);border:1px solid var(--border-light, #e2e8f0);border-radius:16px;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;z-index:1100;overflow:hidden;animation:lms-dropdown-in .15s ease}@keyframes lms-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lms-dropdown-header{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-tertiary, #f1f5f9)}.lms-dropdown-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.lms-dropdown-name{font-size:.9375rem;font-weight:600;color:var(--text-primary, #0f172a);line-height:1.3}.lms-dropdown-email{font-size:.75rem;color:var(--text-muted, #64748b);margin-top:1px;word-break:break-all}.lms-dropdown-divider{height:1px;background:var(--border-light, #e2e8f0);margin:.25rem 0}.lms-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #334155);text-decoration:none;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s,color .12s}.lms-dropdown-item:hover{background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #0f172a)}.lms-dropdown-item--btn{width:100%}.lms-dropdown-item--theme{justify-content:flex-start;font-weight:500}.lms-dropdown-item--theme .lms-theme-pill{display:flex;margin-left:auto;transform:scale(.88);transform-origin:right center;pointer-events:none;cursor:default;box-shadow:none!important}.lms-dropdown-item--danger{color:#dc2626}.lms-dropdown-item--danger:hover{background:#fef2f2;color:#b91c1c}.lms-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.lms-dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--text-muted, #64748b)}.lms-dropdown-item--danger .lms-dropdown-item-icon{color:#ef4444}.lms-dropdown-soon{margin-left:auto;font-size:.6875rem;font-weight:700;letter-spacing:.04em;background:#e0e7ff;color:#4f46e5;padding:1px 6px;border-radius:9999px}.lms-main{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:calc(64px + 1.75rem) 1.5rem 2rem}.lms-footer{background:var(--bg-primary, #fff);border-top:1px solid var(--border-light, #e2e8f0);padding:1.25rem 1.5rem;margin-top:auto}.lms-footer-inner{max-width:1440px;margin:0 auto;text-align:center}.lms-footer-inner p{font-size:.8125rem;color:var(--text-muted, #64748b);margin:0}.lms-hamburger{display:none!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-light, #e2e8f0);background:transparent;cursor:pointer;padding:0}.lms-hamburger span{display:block;width:18px;height:2px;background:var(--text-secondary, #334155);border-radius:2px;transition:all .15s}.lms-mobile-nav{display:none!important;flex-direction:column;border-top:1px solid var(--border-light, #e2e8f0);background:var(--bg-primary, #fff);padding:.5rem 0}.lms-mobile-nav-link{display:block;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary, #334155);text-decoration:none;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s}.lms-mobile-nav-link:hover{background:var(--bg-tertiary, #f1f5f9)}.lms-mobile-nav-link--danger{color:#dc2626}.lms-mobile-nav-link--danger:hover{background:#fef2f2}@media (max-width: 1024px){.lms-nav-link{padding:.4375rem .625rem;font-size:.8125rem}}@media (max-width: 768px){.lms-nav{display:none}.lms-hamburger{display:flex}.lms-user-info,.lms-chevron{display:none}.lms-user-trigger{padding:.25rem;border:none;background:transparent}.lms-icon-btn{display:none}.lms-main{padding:calc(64px + 1rem) 1rem 1.5rem}}@media (max-width: 480px){.lms-header-inner{padding:0 1rem}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary, #f8fafc)}.header{display:none}.main{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:calc(64px + 1.75rem) 1.5rem 2rem}.footer{background:var(--bg-primary,#fff);border-top:1px solid var(--border-light,#e2e8f0);padding:1.25rem 1.5rem}.container{max-width:1200px;margin:0 auto}html.dark .lms-header{background:var(--bg-primary);border-bottom-color:var(--border-light);box-shadow:0 1px 3px #0000004d}html.dark .lms-nav-link{color:var(--text-tertiary)}html.dark .lms-nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .lms-nav-link--active{background:#6366f126;color:#818cf8;border-color:#6366f14d}html.dark .lms-icon-btn{background:#334155;border-color:#64748b;color:#f1f5f9}html.dark .lms-icon-btn:hover{background:#475569;border-color:#94a3b8;color:#fff}html.dark .lms-user-trigger{background:var(--bg-primary);border-color:var(--border-light)}html.dark .lms-user-trigger:hover{background:var(--bg-tertiary)}html.dark .lms-dropdown{background:var(--bg-primary);border-color:var(--border-light);box-shadow:0 16px 48px #00000080}html.dark .lms-dropdown-header{background:var(--bg-secondary);border-bottom-color:var(--border-light)}html.dark .lms-dropdown-name{color:var(--text-primary)}html.dark .lms-dropdown-email{color:var(--text-muted)}html.dark .lms-dropdown-divider{background:var(--border-light)}html.dark .lms-dropdown-item{color:var(--text-secondary)}html.dark .lms-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .lms-dropdown-item--danger{color:#f87171}html.dark .lms-dropdown-item--danger:hover{background:#ef44441a}html.dark .lms-mobile-nav{background:var(--bg-primary);border-top-color:var(--border-light)}html.dark .lms-mobile-nav-link{color:var(--text-secondary)}html.dark .lms-mobile-nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .lms-mobile-nav-link--danger{color:#f87171}html.dark .lms-footer{background:var(--bg-primary);border-top-color:var(--border-light)}.lms-theme-pill{display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:999px;border:1.5px solid #94a3b8;background:#e2e8f0;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;flex-shrink:0}.lms-theme-pill:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.lms-theme-pill__icon{font-size:14px;line-height:1}.lms-theme-pill__knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;flex-shrink:0;order:-1}.lms-theme-pill--dark{background:#334155;border-color:#64748b}.lms-theme-pill--dark .lms-theme-pill__knob{background:#818cf8;order:3}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--shadow-sm)}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .04);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--shadow-md)}.btn-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.btn-primary:active{--tw-bg-opacity: 1;background-color:rgb(55 48 163 / var(--tw-bg-opacity, 1))}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}html.dark .btn-secondary{background-color:var(--bg-tertiary)}html.dark .btn-secondary{color:var(--text-primary)}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.btn-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))}.btn-secondary:active{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn-accent:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn-accent:disabled{cursor:not-allowed;opacity:.5}.btn-accent{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--shadow-sm)}.btn-accent:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .04);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--shadow-md)}.btn-accent:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.btn-accent:active{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn-outline:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.btn-outline{border-width:2px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));background-color:transparent;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}html.dark .btn-outline{color:var(--text-primary);border-color:var(--border-light)}.btn-outline:hover{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.btn-outline:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-display)}.btn-ghost:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn-ghost:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background-color:transparent;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}html.dark .btn-ghost{color:var(--text-secondary)}html.dark .btn-ghost:hover{background-color:var(--bg-tertiary)}.btn-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.btn-ghost:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))}.btn-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;letter-spacing:0}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01em}.btn-xl{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01em}.card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;box-shadow:var(--shadow-sm)}html.dark .card{background-color:var(--bg-primary)}html.dark .card{border-color:var(--border-light)}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;letter-spacing:.01em;font-weight:600}.badge-primary{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;letter-spacing:.01em;font-weight:600;--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.625rem 1rem;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.input::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}html.dark .input{background-color:var(--bg-primary);color:var(--text-primary)}html.dark .input{border-color:var(--border-light)}.input:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.input:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1))}.input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.alert{display:flex;align-items:flex-start;gap:.75rem;border-radius:.75rem;border-width:1px;padding:1rem}.divider{margin-top:1.5rem;margin-bottom:1.5rem;height:1px;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}html.dark .divider{background-color:var(--bg-muted)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-80{height:20rem}.max-h-56{max-height:14rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem}.rounded-md{border-radius:.625rem}.rounded-xl{border-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-accent-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-50\/40{background-color:#fffbeb66}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-danger-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-info-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-success-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-warning-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem;letter-spacing:-.02em}.text-3xl{font-size:1.875rem;line-height:2.25rem;letter-spacing:-.02em}.text-4xl{font-size:2.25rem;line-height:2.5rem;letter-spacing:-.02em}.text-5xl{font-size:3rem;line-height:1.1;letter-spacing:-.03em}.text-base{font-size:1rem;line-height:1.5rem;letter-spacing:0}.text-lg{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01em}.text-sm{font-size:.875rem;line-height:1.25rem;letter-spacing:0}.text-xl{font-size:1.25rem;line-height:1.75rem;letter-spacing:-.01em}.text-xs{font-size:.75rem;line-height:1rem;letter-spacing:.01em}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.tracking-wide{letter-spacing:.02em}.tracking-wider{letter-spacing:.05em}.text-accent-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-danger-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-info-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-sky-800{--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-success-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-warning-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(15 23 42 / .12);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(15 23 42 / .08), 0 8px 10px -6px rgb(15 23 42 / .04);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-fast{transition-duration:.15s}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.bg-muted{background-color:var(--bg-muted)}.bg-inverse{background-color:var(--bg-inverse)}.border-subtle{border-color:var(--border-subtle)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--primary-950: #1e1b4b;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-200: #fed7aa;--accent-300: #fdba74;--accent-400: #fb923c;--accent-500: #f97316;--accent-600: #ea580c;--accent-700: #c2410c;--accent-800: #9a3412;--accent-900: #7c2d12;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-200: #bfdbfe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-muted: #e2e8f0;--bg-inverse: #0f172a;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--text-inverse: #f8fafc;--text-on-primary: #ffffff;--border-subtle: #f1f5f9;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-strong: #94a3b8;--primary-color: var(--primary-600);--primary-color-dark: var(--primary-700);--bg-main: var(--bg-primary);--bg-light: var(--bg-tertiary);--text-main: var(--text-primary);--text-light: var(--text-secondary);--shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .04);--shadow-sm: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .04);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .07), 0 4px 6px -4px rgb(15 23 42 / .04);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .08), 0 8px 10px -6px rgb(15 23 42 / .04);--shadow-2xl: 0 25px 50px -12px rgb(15 23 42 / .12);--shadow-inner: inset 0 2px 4px 0 rgb(15 23 42 / .04);--shadow-glow: 0 0 20px rgb(99 102 241 / .15);--shadow-glow-accent: 0 0 20px rgb(249 115 22 / .15);--radius-none: 0;--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1);--z-hide: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--bg-secondary);color:var(--text-primary);min-height:100vh;font-feature-settings:"cv02","cv03","cv04","cv11";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><pattern id="hex" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M50 5 L93 27 L93 73 L50 95 L7 73 L7 27 Z" fill="none" stroke="rgba(49,118,229,0.03)" stroke-width="1.5"/></pattern></defs><rect width="100%" height="100%" fill="url(%23hex)"/></svg>');background-size:100px 100px;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl);font-weight:800}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}input,textarea,select{font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-placeholder)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-light)}button{cursor:pointer;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-200)}button:disabled{opacity:.5;cursor:not-allowed}::-moz-selection{background-color:var(--primary-200);color:var(--primary-900)}::selection{background-color:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--slate-400);border-radius:var(--radius-full);border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-slide-in-left{animation:slideInLeft .4s ease-out}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}html.dark{color-scheme:dark;--primary-color: var(--primary-500);--primary-color-dark: var(--primary-400);--bg-main: var(--bg-primary);--bg-light: var(--bg-tertiary);--text-main: var(--text-primary);--text-light: var(--text-secondary)}html.dark body{background-color:var(--bg-secondary);color:var(--text-primary)}html.dark .card,html.dark [class*=card],html.dark [class*=-card]{background-color:var(--bg-primary);border-color:var(--border-light);color:var(--text-primary)}html.dark .bg-white{background-color:var(--bg-primary)!important}html.dark .bg-gray-50{background-color:var(--bg-secondary)!important}html.dark .bg-gray-100{background-color:var(--bg-tertiary)!important}html.dark .bg-slate-50{background-color:var(--bg-secondary)!important}html.dark .bg-slate-100{background-color:var(--bg-tertiary)!important}html.dark .bg-slate-200{background-color:var(--bg-muted)!important}html.dark .bg-blue-50{background-color:#3b82f61f!important}html.dark .bg-blue-100{background-color:#3b82f62e!important}html.dark .bg-green-100{background-color:#22c55e2e!important}html.dark .bg-red-100{background-color:#ef44442e!important}html.dark .bg-orange-100{background-color:#f973162e!important}html.dark .text-gray-900{color:var(--text-primary)!important}html.dark .text-gray-800,html.dark .text-gray-700{color:var(--text-secondary)!important}html.dark .text-gray-600,html.dark .text-gray-500{color:var(--text-tertiary)!important}html.dark .text-gray-400{color:var(--text-muted)!important}html.dark .text-slate-900,html.dark .text-slate-800,html.dark .text-slate-700{color:var(--text-primary)!important}html.dark .text-slate-600,html.dark .text-slate-500{color:var(--text-secondary)!important}html.dark .text-slate-400{color:var(--text-tertiary)!important}html.dark .text-blue-800,html.dark .text-blue-700,html.dark .text-blue-600{color:#93c5fd!important}html.dark .text-green-800,html.dark .text-green-700,html.dark .text-green-600{color:#86efac!important}html.dark .text-red-800,html.dark .text-red-700,html.dark .text-red-600{color:#fca5a5!important}html.dark .text-orange-800,html.dark .text-orange-700,html.dark .text-orange-600{color:#fdba74!important}html.dark .border-gray-200,html.dark .border-gray-300,html.dark .border-slate-100,html.dark .border-slate-200,html.dark .border-slate-300{border-color:var(--border-light)!important}html.dark .border-blue-100,html.dark .border-blue-200,html.dark .border-green-100,html.dark .border-red-100,html.dark .border-orange-100{border-color:var(--border-medium)!important}html.dark .hover\:bg-gray-50:hover{background-color:var(--bg-tertiary)!important}html.dark .hover\:bg-gray-200:hover{background-color:var(--bg-muted)!important}html.dark .hover\:bg-slate-50:hover,html.dark .hover\:bg-slate-100:hover{background-color:var(--bg-tertiary)!important}html.dark .hover\:text-blue-900:hover,html.dark .hover\:text-green-900:hover,html.dark .hover\:text-orange-900:hover,html.dark .hover\:text-red-900:hover{color:var(--text-primary)!important}html.dark .divide-slate-100>:not([hidden])~:not([hidden]){border-color:var(--border-light)!important}html.dark input,html.dark textarea,html.dark select{background-color:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}html.dark input::-moz-placeholder,html.dark textarea::-moz-placeholder{color:var(--text-placeholder)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-placeholder)}html.dark table{background-color:var(--bg-primary);color:var(--text-primary)}html.dark th{background-color:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-secondary)}html.dark td{border-color:var(--border-light);color:var(--text-secondary)}html.dark tr:hover td{background-color:var(--bg-tertiary)}html.dark [class*=modal],html.dark [class*=-modal]{background-color:var(--bg-primary);border-color:var(--border-light)}html.dark [class*=sidebar],html.dark [class*=-sidebar]{background-color:var(--bg-secondary);border-color:var(--border-light)}html.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}html.dark ::-webkit-scrollbar-thumb{background:var(--border-medium)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-green-900:hover{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.hover\:text-indigo-700:hover{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-indigo-900:hover{--tw-text-opacity: 1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))}.hover\:text-orange-900:hover{--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:text-yellow-900:hover{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .04);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:text-secondary:hover{color:var(--text-secondary)}.hover\:bg-muted:hover{background-color:var(--bg-muted)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-indigo-400:focus{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-orange-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:bg-blue-100:active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.active\:bg-blue-800:active{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.active\:bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.active\:bg-gray-800:active{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.active\:bg-green-800:active{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.active\:bg-red-800:active{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-500:disabled{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:self-auto{align-self:auto}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem;letter-spacing:-.02em}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:self-auto{align-self:auto}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}