.theme-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.theme-icon{width:17px;height:17px}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:var(--navbar-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.navbar .navbar-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:100%;width:100%;max-width:none;padding:0 var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--text-primary);text-decoration:none}.navbar-logo:hover{color:var(--text-primary)}.logo-icon{display:grid;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.logo-text{font-size:var(--text-md);font-weight:600;letter-spacing:-.015em;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow:hidden}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);height:32px;font-family:inherit;font-size:var(--text-base);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.nav-link.active{color:var(--text-primary);font-weight:550;background-color:var(--bg-hover)}.admin-link,.admin-link:hover,.admin-link.active{color:var(--primary-500)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.user-menu-container{display:flex;align-items:center}.auth-nav-buttons{display:flex;align-items:center;gap:var(--space-2)}.btn-signin{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);font-size:var(--text-base);font-weight:500;line-height:1;border-radius:var(--radius-lg);border:1px solid transparent;background-color:var(--primary-600);color:var(--text-on-accent);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-signin:hover{background-color:var(--primary-700);color:var(--text-on-accent)}.user-profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-2);background:none;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.profile-trigger:hover,.profile-trigger.active{background-color:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.user-avatar{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background-color:var(--primary-600);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.user-display-name{font-size:var(--text-base);font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:210px;padding:var(--space-1);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.menu-item svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.menu-item:hover svg{color:var(--text-secondary)}.menu-item.logout,.menu-item.logout svg,.menu-item.logout:hover{color:var(--error-500)}.menu-divider{height:1px;margin:var(--space-1) 0;background-color:var(--divider-color)}.mobile-menu-btn{display:grid;place-items:center;width:34px;height:34px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-menu.full-screen-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--bg-primary);overflow-y:auto;overscroll-behavior:contain}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--navbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.mobile-menu-controls{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-content{flex:1;padding:var(--space-4)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.user-avatar-large{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background-color:var(--primary-600);color:#fff;font-size:var(--text-md);font-weight:600;border-radius:var(--radius-full)}.user-details-large{display:flex;flex-direction:column;min-width:0}.user-name-large{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.user-email-large{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-links{display:flex;flex-direction:column;gap:2px}.mobile-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-family:inherit;font-size:var(--text-md);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-link svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.mobile-link:hover,.mobile-link:active{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-link.logout-link,.mobile-link.logout-link svg{color:var(--error-500)}.mobile-auth-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.mobile-auth-btn{height:42px;width:100%;font-size:var(--text-md)}@media (max-width: 1180px){.user-display-name{max-width:90px}.navbar-links{gap:0}.nav-link{padding:0 var(--space-2)}}@media (max-width: 640px){.navbar .navbar-container{gap:var(--space-3);padding:0 var(--space-4)}.logo-text{font-size:var(--text-base)}}.signin-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background-color:#0000008c}.signin-prompt-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:var(--z-modal);width:calc(100% - var(--space-8));max-width:440px;height:max-content;max-height:min(80svh,calc(100svh - var(--space-8)));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.signin-prompt-close{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.signin-prompt-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.signin-prompt-close svg{width:16px;height:16px}.signin-prompt-header{margin-bottom:var(--space-5);text-align:center}.signin-prompt-icon-wrapper{display:grid;place-items:center;width:44px;height:44px;margin:0 auto var(--space-4);color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.signin-prompt-icon{width:20px;height:20px}.signin-prompt-header h2{font-size:var(--text-lg);font-weight:650;margin-bottom:var(--space-1)}.signin-prompt-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.signin-prompt-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.signin-prompt-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.signin-prompt-feature .feature-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.signin-prompt-feature .feature-icon svg{width:16px;height:16px}.signin-prompt-feature .feature-content{min-width:0}.signin-prompt-feature .feature-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:0}.signin-prompt-feature .feature-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.signin-prompt-actions{display:flex}.btn-signin-primary{width:100%;height:42px;font-family:inherit;font-size:var(--text-md);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.btn-signin-primary:hover{background-color:var(--primary-700)}@media (max-width: 480px){.signin-prompt-modal{padding:var(--space-5)}}.landing{padding-top:var(--navbar-height);background-color:var(--bg-primary)}.landing section{padding:var(--space-16) 0}.landing .mission-section,.landing .goals-section,.landing .testimonials-section{background-color:var(--bg-secondary);border-block:1px solid var(--border-color)}.landing .section-header{max-width:620px;margin:0 auto var(--space-10);text-align:center}.landing .section-header h2{margin-bottom:var(--space-2)}.landing .section-header p{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:0}.landing .hero{padding:var(--space-20) 0 var(--space-16)}.landing .hero-content{max-width:720px;margin:0 auto;text-align:center}.landing .hero-badge{margin-bottom:var(--space-5)}.landing .badge-icon{font-size:11px;line-height:1}.landing .hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-4)}.landing .title-white,.landing .title-purple-light{color:var(--text-primary)}.landing .hero-subtitle{font-size:var(--text-lg);line-height:1.6;color:var(--text-tertiary);max-width:580px;margin:0 auto var(--space-8)}.landing .hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.landing .btn-explore,.landing .btn-learn{height:44px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.landing .btn-explore{background-color:var(--primary-600);color:var(--text-on-accent)}.landing .btn-explore:hover{background-color:var(--primary-700)}.landing .btn-learn{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.landing .btn-learn:hover{background-color:var(--bg-hover);border-color:var(--text-tertiary)}.landing .mission-card,.landing .goal-card,.landing .feature-card,.landing .team-card,.landing .testimonial-card,.landing .step-card,.landing .about-stats-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-fast)}.landing .mission-card:hover,.landing .goal-card:hover,.landing .feature-card:hover,.landing .team-card:hover,.landing .step-card:hover{border-color:var(--border-strong)}.landing .mission-card h3,.landing .goal-card h3,.landing .feature-card h3,.landing .step-card h4{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2)}.landing .mission-card p,.landing .goal-card p,.landing .feature-card p,.landing .step-card p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.landing .mission-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .mission-icon{font-size:22px;line-height:1;margin-bottom:var(--space-4)}.landing .about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-12);align-items:start}.landing .about-content h2{margin-bottom:var(--space-4)}.landing .about-lead{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary)}.landing .about-content p{color:var(--text-tertiary)}.landing .about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}.landing .about-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.landing .about-feature svg{width:16px;height:16px;flex-shrink:0;color:var(--success-500)}.landing .about-stats-card h3{font-size:var(--text-md);padding-bottom:var(--space-4);margin-bottom:0;border-bottom:1px solid var(--divider-color)}.landing .impact-stat{padding:var(--space-4) 0;border-bottom:1px solid var(--divider-color)}.landing .impact-stat:last-child{border-bottom:none;padding-bottom:0}.landing .impact-number{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.025em;color:var(--text-primary);font-variant-numeric:tabular-nums}.landing .impact-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.landing .goals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.landing .goal-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.landing .goal-icon svg{width:18px;height:18px}.landing .features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.landing .feature-card{cursor:pointer;position:relative}.landing .feature-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.landing .feature-icon svg{width:18px;height:18px}.landing .feature-glow{display:none}.landing .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:760px;margin:0 auto}.landing .team-card{text-align:center}.landing .member-avatar-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-4)}.landing .member-avatar{display:grid;place-items:center;width:56px;height:56px;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-full)}.landing .avatar-icon{font-size:24px;line-height:1}.landing .member-name{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-1)}.landing .member-role{font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.landing .member-bio{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5)}.landing .member-social{display:flex;justify-content:center;gap:var(--space-2)}.landing .social-btn,.landing .social-icon-link{display:grid;place-items:center;width:34px;height:34px;color:var(--text-tertiary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.landing .social-btn:hover,.landing .social-icon-link:hover{color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--border-strong)}.landing .social-btn svg,.landing .social-icon-link svg{width:17px;height:17px}.landing .testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .testimonial-rating{display:flex;gap:2px;margin-bottom:var(--space-3)}.landing .testimonial-rating svg{width:14px;height:14px}.landing .testimonial-text{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-5)}.landing .testimonial-author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--divider-color)}.landing .author-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.landing .author-name{font-size:var(--text-base);font-weight:550;color:var(--text-primary)}.landing .author-role{font-size:var(--text-sm);color:var(--text-muted)}.landing .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .step-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-on-accent);background-color:var(--primary-600);border-radius:var(--radius-full)}.landing-footer{padding:var(--space-12) 0 var(--space-6)!important;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.landing .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-8)}.landing .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.landing .footer-column h5{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.landing .footer-column a,.landing .footer-scroll-link{padding:0;font-family:inherit;font-size:var(--text-base);color:var(--text-tertiary);background:none;border:none;cursor:pointer;text-align:left;text-decoration:none;transition:color var(--transition-fast)}.landing .footer-column a:hover,.landing .footer-scroll-link:hover{color:var(--text-primary)}.landing .footer-brand-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.landing .connect-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.landing .footer-social-links{display:flex;gap:var(--space-2)}.landing .footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--divider-color);text-align:center}.landing .footer-bottom p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:0}.landing .scroll-to-top{position:fixed;bottom:2rem;right:calc(2rem + 122px)!important;left:auto!important;z-index:10001;display:grid;place-items:center;width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),background-color var(--transition-fast),color var(--transition-fast),right .18s ease}.landing .scroll-to-top.visible{opacity:1;visibility:visible}@media (max-width: 640px){.landing .scroll-to-top{bottom:1.25rem;right:calc(1rem + 102px)!important;left:auto!important}}@media (max-width: 480px){.landing .scroll-to-top{right:1rem!important;left:auto!important;bottom:1rem}}.landing .scroll-to-top:hover{background-color:var(--bg-hover);color:var(--text-primary)}.landing .scroll-to-top svg{width:18px;height:18px}.landing .feature-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#0000008c}.landing .feature-modal-content{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.landing .feature-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) 0}.landing .modal-icon-wrapper{display:grid;place-items:center;width:38px;height:38px;background:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--primary-500)}.landing .modal-icon svg{width:18px;height:18px}.landing .modal-close-btn{display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.landing .modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.landing .modal-close-btn svg{width:16px;height:16px}.landing .feature-modal-content .modal-body{padding:var(--space-4) var(--space-5) var(--space-5)}.landing .modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.landing .modal-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5)}.landing .modal-details-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.landing .modal-detail-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.landing .detail-check{display:grid;place-items:center;flex-shrink:0;color:var(--success-500)}.landing .detail-check svg{width:15px;height:15px}.landing .feature-modal-content .modal-footer{display:flex;justify-content:flex-end}.landing .btn-modal-action{height:38px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.landing .btn-modal-action:hover{background-color:var(--primary-700)}@media (max-width: 1024px){.landing .goals-grid,.landing .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .about-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 860px){.landing .mission-content,.landing .testimonials-grid,.landing .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (max-width: 640px){.landing section{padding:var(--space-12) 0}.landing .hero{padding:var(--space-12) 0}.landing .mission-content,.landing .goals-grid,.landing .features-grid,.landing .team-grid,.landing .testimonials-grid,.landing .steps-grid,.landing .footer-grid,.landing .about-features{grid-template-columns:minmax(0,1fr)}.landing .hero-actions{flex-direction:column;align-items:stretch}.landing .btn-explore,.landing .btn-learn{width:100%}.landing .scroll-to-top{bottom:var(--space-4);left:var(--space-4)}}.otp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#0000008c}.otp-modal-content{width:100%;max-width:400px;padding:var(--space-8);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.otp-modal-header{margin-bottom:var(--space-6);text-align:center}.otp-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto var(--space-4);color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.otp-icon svg{width:20px;height:20px;stroke-width:1.75}.otp-modal-header h2{font-size:var(--text-lg);font-weight:650;margin-bottom:var(--space-2)}.otp-modal-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.otp-email{font-weight:550;color:var(--text-primary)!important;margin-top:2px!important;word-break:break-all}.otp-form{display:flex;flex-direction:column;gap:var(--space-4)}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.otp-input{width:100%;height:48px;padding:0;font-family:inherit;font-size:var(--text-lg);font-weight:600;text-align:center;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.otp-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.otp-error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--error-500);background-color:color-mix(in srgb,var(--error-500) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-500) 26%,transparent);border-radius:var(--radius-lg);text-align:center}body.light-theme .otp-error{color:var(--error-700)}.otp-submit,.otp-cancel{height:42px;width:100%;font-family:inherit;font-size:var(--text-md);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.otp-submit{color:var(--text-on-accent);background-color:var(--primary-600);border:1px solid transparent}.otp-submit:hover:not(:disabled){background-color:var(--primary-700)}.otp-cancel{color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-strong)}.otp-cancel:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.otp-submit:disabled,.otp-cancel:disabled{opacity:.5;cursor:not-allowed}.otp-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--divider-color)}.otp-footer p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:0}.otp-resend{padding:0;font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--primary-500);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.otp-resend:hover:not(:disabled){color:var(--primary-600);text-decoration:underline}.otp-resend:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 420px){.otp-modal-content{padding:var(--space-5)}.otp-inputs{gap:var(--space-1)}.otp-input{height:44px;font-size:var(--text-md)}}.auth-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-10)) var(--space-6) var(--space-12);background-color:var(--bg-secondary)}.auth-page .auth-container{display:grid;grid-template-columns:1fr 420px;gap:var(--space-10);align-items:center;max-width:980px;margin:0 auto}.auth-page .centered-container{grid-template-columns:minmax(0,420px);justify-content:center;max-width:420px}.auth-page .back-to-home-btn{position:fixed;top:calc(var(--navbar-height) + var(--space-4));left:var(--space-6);z-index:var(--z-sticky);display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.auth-page .back-to-home-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.auth-page .back-to-home-btn svg{width:15px;height:15px}.auth-page .auth-card{padding:var(--space-8);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.auth-page .auth-header{margin-bottom:var(--space-6);text-align:center}.auth-page .auth-header .logo-icon{width:40px;height:40px;margin:0 auto var(--space-4);font-size:20px}.auth-page .admin-badge{display:grid;place-items:center;width:44px;height:44px;margin:0 auto var(--space-4);color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.auth-page .admin-badge svg{width:20px;height:20px}.auth-page .auth-header h1{font-size:var(--text-xl);font-weight:650;margin-bottom:var(--space-1)}.auth-page .auth-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.auth-page .auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-page .form-group{margin-bottom:0;min-width:0}.auth-page .form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.auth-page .auth-form label,.auth-page .form-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:0}.auth-page .auth-form label svg,.auth-page .form-label svg{width:14px;height:14px;color:var(--text-muted)}.auth-page .auth-form input,.auth-page .auth-form select,.auth-page .auth-form textarea{width:100%;height:40px;padding:0 var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-page .auth-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236f7681' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer;text-overflow:ellipsis}.auth-page .auth-form input::placeholder{color:var(--text-muted)}.auth-page .auth-form input:hover,.auth-page .auth-form select:hover{border-color:var(--border-strong)}.auth-page .auth-form input:focus,.auth-page .auth-form select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.auth-page .auth-form input:disabled,.auth-page .auth-form select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.auth-page .password-input-wrapper{position:relative}.auth-page .password-input-wrapper input{padding-right:var(--space-10)}.auth-page .password-toggle-btn{position:absolute;top:50%;right:var(--space-1);transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.auth-page .password-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.auth-page .password-toggle-btn svg{width:16px;height:16px}.auth-page .auth-form .btn,.auth-page .auth-form .btn-admin{height:42px;width:100%;font-size:var(--text-md)}.auth-page .auth-form .btn-admin{background-color:var(--primary-600);color:var(--text-on-accent)}.auth-page .auth-form .btn-admin:hover:not(:disabled){background-color:var(--primary-700)}.auth-page .auth-form .btn:disabled{opacity:.55;cursor:not-allowed}.auth-page .error-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-base);color:var(--error-500);background-color:color-mix(in srgb,var(--error-500) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-500) 26%,transparent);border-radius:var(--radius-lg)}.auth-page .error-message svg{width:16px;height:16px;flex-shrink:0}body.light-theme .auth-page .error-message{color:var(--error-700)}.auth-page .auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";flex:1;height:1px;background-color:var(--divider-color)}.auth-page .google-login-wrapper{display:flex;justify-content:center}.auth-page .auth-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--divider-color);text-align:center}.auth-page .auth-footer p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.auth-page .auth-link{font-weight:500;color:var(--primary-500)}.auth-page .admin-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm)!important;color:var(--text-muted)!important}.auth-page .admin-notice svg{width:14px;height:14px;flex-shrink:0}.auth-page .auth-features{display:flex;flex-direction:column;gap:var(--space-5)}.auth-page .auth-features h3{font-size:var(--text-lg);margin-bottom:0}.auth-page .feature-list{display:flex;flex-direction:column;gap:var(--space-5)}.auth-page .feature-item{display:flex;align-items:flex-start;gap:var(--space-3)}.auth-page .feature-icon-wrapper{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;font-size:17px;line-height:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.auth-page .feature-item>svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--primary-500)}.auth-page .feature-content strong,.auth-page .feature-item h4{display:block;font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:2px}.auth-page .feature-content p,.auth-page .feature-item p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}@media (max-width: 900px){.auth-page .auth-container{grid-template-columns:minmax(0,420px);justify-content:center;gap:var(--space-8)}.auth-page .auth-features{order:2}}@media (max-width: 560px){.auth-page{padding-left:var(--space-4);padding-right:var(--space-4)}.auth-page .auth-card{padding:var(--space-5)}.auth-page .back-to-home-btn{left:var(--space-4)}}.dashboard-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) 0 var(--space-12);background-color:var(--bg-primary)}.dashboard-page .dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.dashboard-page .dashboard-header h1{font-size:var(--text-2xl);font-weight:650;margin-bottom:var(--space-1)}.dashboard-page .dashboard-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.dashboard-page .user-badge{flex-shrink:0}.dashboard-page .stats-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.dashboard-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.dashboard-page .stat-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--bg-tertiary)!important;color:var(--text-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.dashboard-page .stat-icon svg{width:17px;height:17px}.dashboard-page .stat-value{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.dashboard-page .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.dashboard-page .quick-actions-section{margin-bottom:var(--space-10)}.dashboard-page .quick-actions-section h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.dashboard-page .quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.dashboard-page .quick-action-card{display:block;padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.dashboard-page .quick-action-card:hover{border-color:var(--border-strong);background-color:var(--bg-secondary)}.dashboard-page .action-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);color:var(--primary-500)!important;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.dashboard-page .action-icon svg{width:17px;height:17px}.dashboard-page .quick-action-card h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.dashboard-page .quick-action-card p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.dashboard-page .dashboard-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.dashboard-page .dashboard-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.dashboard-page .dashboard-section .section-header{max-width:none;margin:0;padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--divider-color)}.dashboard-page .dashboard-section .section-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;margin-bottom:0}.dashboard-page .dashboard-section .section-header h2 svg{width:16px;height:16px;color:var(--text-muted)}.dashboard-page .recommendations-list,.dashboard-page .activity-list{padding:var(--space-2)}.dashboard-page .recommendation-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.dashboard-page .recommendation-card:hover{background-color:var(--bg-hover)}.dashboard-page .recommendation-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:15px;line-height:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.dashboard-page .recommendation-content h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.dashboard-page .recommendation-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.dashboard-page .activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)}.dashboard-page .activity-dot{width:6px;height:6px;margin-top:7px;flex-shrink:0;background-color:var(--primary-500);border-radius:var(--radius-full)}.dashboard-page .activity-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:2px}.dashboard-page .activity-time{font-size:var(--text-sm);color:var(--text-muted)}.dashboard-page .dashboard-section .empty-state{padding:var(--space-10) var(--space-5)}.dashboard-page .dashboard-section .empty-state svg{width:28px;height:28px}@media (max-width: 1024px){.dashboard-page .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-content-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.dashboard-page .quick-actions-grid{grid-template-columns:minmax(0,1fr)}.dashboard-page .dashboard-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.dashboard-page .stats-section{grid-template-columns:minmax(0,1fr)}}.ai-assistant-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-6)) 0 var(--space-6);background-color:var(--bg-secondary)}.ai-assistant-page .assistant-container{display:flex;flex-direction:column;height:calc(100svh - var(--navbar-height) - var(--space-12));max-width:840px;margin:0 auto;overflow:hidden;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.ai-assistant-page .assistant-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0}.ai-assistant-page .header-content{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ai-assistant-page .bot-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.ai-assistant-page .bot-avatar svg{width:19px;height:19px}.ai-assistant-page .assistant-header h1{font-size:var(--text-md);font-weight:600;margin-bottom:0}.ai-assistant-page .assistant-header p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.ai-assistant-page .language-indicator{flex-shrink:0}.ai-assistant-page .messages-area{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.ai-assistant-page .message{display:flex;align-items:flex-start;gap:var(--space-3);max-width:85%}.ai-assistant-page .message.user-message{flex-direction:row-reverse;align-self:flex-end}.ai-assistant-page .message-avatar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.ai-assistant-page .message-avatar svg{width:14px;height:14px}.ai-assistant-page .message-content{min-width:0;padding:var(--space-3) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.ai-assistant-page .user-message .message-content{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.ai-assistant-page .message-time{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.ai-assistant-page .user-message .message-time{color:#ffffffb3}.ai-assistant-page .markdown-content{font-size:var(--text-base);line-height:1.6;color:var(--text-primary)}.ai-assistant-page .user-message .markdown-content{color:var(--text-on-accent)}.ai-assistant-page .markdown-content>*:last-child{margin-bottom:0}.ai-assistant-page .markdown-content p{color:inherit;margin-bottom:var(--space-3)}.ai-assistant-page .markdown-content h1,.ai-assistant-page .markdown-content h2,.ai-assistant-page .markdown-content h3,.ai-assistant-page .markdown-content h4{font-size:var(--text-md);font-weight:600;color:inherit;margin:var(--space-4) 0 var(--space-2)}.ai-assistant-page .markdown-content ul,.ai-assistant-page .markdown-content ol{padding-left:var(--space-5);margin-bottom:var(--space-3)}.ai-assistant-page .markdown-content li{margin-bottom:var(--space-1)}.ai-assistant-page .markdown-content a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ai-assistant-page .markdown-content code{padding:1px 5px;font-size:.875em;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.ai-assistant-page .markdown-content pre{padding:var(--space-3);overflow-x:auto;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.ai-assistant-page .markdown-content pre code{padding:0;border:none;background:none}.ai-assistant-page .markdown-content table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-bottom:var(--space-3)}.ai-assistant-page .markdown-content th,.ai-assistant-page .markdown-content td{padding:var(--space-2);text-align:left;border:1px solid var(--border-color)}.ai-assistant-page .typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-1) 0}.ai-assistant-page .typing-indicator span{width:6px;height:6px;background-color:var(--text-muted);border-radius:var(--radius-full);animation:aiTyping 1.2s ease-in-out infinite}.ai-assistant-page .typing-indicator span:nth-child(2){animation-delay:.15s}.ai-assistant-page .typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes aiTyping{0%,60%,to{opacity:.3}30%{opacity:1}}.ai-assistant-page .suggestions{padding:0 var(--space-5) var(--space-4);flex-shrink:0}.ai-assistant-page .suggestions-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.ai-assistant-page .suggestions-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ai-assistant-page .suggestion-chip{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);text-align:left;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.ai-assistant-page .suggestion-chip:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.ai-assistant-page .input-area{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);flex-shrink:0}.ai-assistant-page .input-container{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ai-assistant-page .input-container:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.ai-assistant-page .message-input{flex:1;min-height:34px;max-height:140px;padding:var(--space-2);font-family:inherit;font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:none;border:none;outline:none;resize:none}.ai-assistant-page .message-input::placeholder{color:var(--text-muted)}.ai-assistant-page .input-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ai-assistant-page .input-actions .btn-icon{display:grid;place-items:center;width:34px;height:34px;padding:0;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.ai-assistant-page .input-actions .btn-icon:hover{background-color:var(--bg-hover);color:var(--text-primary)}.ai-assistant-page .input-actions .btn-icon.listening{color:var(--error-500);background-color:color-mix(in srgb,var(--error-500) 12%,transparent)}.ai-assistant-page .input-actions .btn-icon svg{width:17px;height:17px}.ai-assistant-page .input-actions .btn-primary{width:34px;height:34px;padding:0;border-radius:var(--radius-lg)}.ai-assistant-page .input-actions .btn-primary svg{width:17px;height:17px}@media (max-width: 640px){.ai-assistant-page{padding:var(--navbar-height) 0 0}.ai-assistant-page .container{padding:0}.ai-assistant-page .assistant-container{height:calc(100svh - var(--navbar-height));border:none;border-radius:0}.ai-assistant-page .message{max-width:92%}.ai-assistant-page .messages-area,.ai-assistant-page .input-area{padding-left:var(--space-4);padding-right:var(--space-4)}}.scroll-to-top{position:fixed;bottom:2rem;right:calc(2rem + 122px)!important;left:auto!important;z-index:10001;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),right .18s ease}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top .scroll-btn{display:grid;place-items:center;width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.scroll-to-top .scroll-btn:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.scroll-to-top .scroll-btn svg{width:18px;height:18px}@media (max-width: 640px){.scroll-to-top{bottom:1.25rem;right:calc(1rem + 102px)!important;left:auto!important}}@media (max-width: 480px){.scroll-to-top{right:1rem!important;left:auto!important;bottom:1rem}}.resources-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) 0 var(--space-12);background-color:var(--bg-primary)}.resources-page .page-header{margin-bottom:var(--space-8)}.resources-page .page-header h1{font-size:var(--text-2xl);font-weight:650;margin-bottom:var(--space-1)}.resources-page .page-header p{font-size:var(--text-md);color:var(--text-tertiary);margin-bottom:0}.resources-page .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.resources-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.resources-page .stat-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.resources-page .stat-icon svg{width:17px;height:17px}.resources-page .stat-number{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.resources-page .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.resources-page .search-filter-section{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.resources-page .search-box{position:relative;display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.resources-page .search-box:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.resources-page .search-box svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.resources-page .search-box input,.resources-page .search-input{flex:1;height:100%;padding:0;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:none;border:none;outline:none}.resources-page .search-box input::placeholder{color:var(--text-muted)}.resources-page .category-filters,.resources-page .education-sub-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.resources-page .filter-btn,.resources-page .sub-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.resources-page .filter-btn svg{width:14px;height:14px}.resources-page .filter-btn:hover,.resources-page .sub-filter-btn:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.resources-page .filter-btn.active,.resources-page .sub-filter-btn.active{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.resources-page .education-sub-filters{padding-top:var(--space-1)}.resources-page .resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.resources-page .resource-card{display:flex;flex-direction:column;padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:border-color var(--transition-fast)}.resources-page .resource-card:hover{border-color:var(--border-strong)}.resources-page .resource-header{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.resources-page .resource-card h3{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2)}.resources-page .resource-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4)}.resources-page .resource-meta{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-4);margin-top:auto;border-top:1px solid var(--divider-color)}.resources-page .meta-item{font-size:var(--text-sm);color:var(--text-tertiary)}.resources-page .meta-item strong{font-weight:550;color:var(--text-secondary)}.resources-page .resource-actions{margin-top:var(--space-4)}.resources-page .view-more-section{display:flex;justify-content:center;margin-top:var(--space-6)}.resources-page .view-more-btn{height:38px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.resources-page .view-more-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.resources-page .important-links-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.resources-page .important-links-section h2{font-size:var(--text-lg);margin-bottom:var(--space-5)}.resources-page .links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.resources-page .link-card{padding:var(--space-5);color:inherit;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.resources-page .link-card:hover{border-color:var(--border-strong);background-color:var(--bg-secondary);color:inherit}.resources-page .link-card svg{width:20px;height:20px;margin-bottom:var(--space-3);color:var(--text-muted)}.resources-page .link-card h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.resources-page .link-card p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.resources-page .loading-state,.resources-page .empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.resources-page .loading-state p,.resources-page .empty-state p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:0}.resources-page .empty-state svg{width:28px;height:28px;color:var(--text-muted)}@media (max-width: 1024px){.resources-page .links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.resources-page .stats-grid,.resources-page .resources-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.resources-page .links-grid{grid-template-columns:minmax(0,1fr)}}.learning-hub-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) 0 var(--space-12);background-color:var(--bg-primary)}.learning-hub-page .page-header{margin-bottom:var(--space-8)}.learning-hub-page .page-header h1{font-size:var(--text-2xl);font-weight:650;margin-bottom:var(--space-1)}.learning-hub-page .page-header p{font-size:var(--text-md);color:var(--text-tertiary);margin-bottom:0;max-width:640px}.learning-hub-page .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.learning-hub-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.learning-hub-page .stat-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.learning-hub-page .stat-icon svg{width:17px;height:17px}.learning-hub-page .stat-number{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.learning-hub-page .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.learning-hub-page .search-filter-section{margin-bottom:var(--space-4)!important}.learning-hub-page .search-box{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.learning-hub-page .search-box:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.learning-hub-page .search-box svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.learning-hub-page .search-box input{flex:1;height:100%;padding:0;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:none;border:none;outline:none}.learning-hub-page .search-box input::placeholder{color:var(--text-muted)}.learning-hub-page .category-filters,.learning-hub-page .sub-category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.learning-hub-page .sub-category-filters{margin-bottom:var(--space-6)}.learning-hub-page .filter-btn,.learning-hub-page .sub-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.learning-hub-page .filter-btn svg{width:14px;height:14px}.learning-hub-page .filter-btn:hover,.learning-hub-page .sub-filter-btn:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.learning-hub-page .filter-btn.active,.learning-hub-page .sub-filter-btn.active{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.learning-hub-page .platforms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.learning-hub-page .platform-card{display:flex;flex-direction:column;padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:border-color var(--transition-fast)}.learning-hub-page .platform-card:hover{border-color:var(--border-strong)}.learning-hub-page .platform-header{margin-bottom:var(--space-3)}.learning-hub-page .header-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.learning-hub-page .header-badges svg{width:12px;height:12px}.learning-hub-page .platform-card h3{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2)}.learning-hub-page .platform-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4)}.learning-hub-page .platform-meta{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0;margin-top:auto;border-top:1px solid var(--divider-color)}.learning-hub-page .meta-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.learning-hub-page .meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.learning-hub-page .meta-item svg{width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.learning-hub-page .platform-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.learning-hub-page .feature-tag{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.learning-hub-page .platform-actions{margin-top:auto}.learning-hub-page .view-more-section{display:flex;justify-content:center;margin-top:var(--space-6)}.learning-hub-page .view-more-btn{height:38px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.learning-hub-page .view-more-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.learning-hub-page .additional-resources{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.learning-hub-page .additional-resources h2{font-size:var(--text-lg);margin-bottom:var(--space-5)}.learning-hub-page .resources-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.learning-hub-page .resource-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:inherit;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.learning-hub-page .resource-link:hover{border-color:var(--border-strong);background-color:var(--bg-secondary);color:inherit}.learning-hub-page .resource-link>svg:first-child{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.learning-hub-page .resource-link>svg:last-child{width:14px;height:14px;flex-shrink:0;margin-left:auto;color:var(--text-muted)}.learning-hub-page .resource-link div{min-width:0}.learning-hub-page .resource-link h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.learning-hub-page .resource-link p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.learning-hub-page .loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.learning-hub-page .loading-state p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:0}@media (max-width: 768px){.learning-hub-page .stats-grid,.learning-hub-page .platforms-grid,.learning-hub-page .resources-list{grid-template-columns:minmax(0,1fr)}}.profile-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) 0 var(--space-12);background-color:var(--bg-primary)}.profile-page .profile-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.profile-page .profile-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.profile-page .profile-avatar-container{flex-shrink:0}.profile-page .profile-avatar{position:relative;display:grid;place-items:center;width:72px;height:72px;overflow:hidden;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer}.profile-page .profile-avatar svg{width:30px;height:30px}.profile-page .avatar-img{width:100%;height:100%;object-fit:cover}.profile-page .avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background-color:#00000080;opacity:0;transition:opacity var(--transition-fast)}.profile-page .profile-avatar:hover .avatar-overlay{opacity:1}.profile-page .avatar-overlay svg{width:18px;height:18px}.profile-page .profile-info{flex:1;min-width:0}.profile-page .profile-info h1{font-size:var(--text-xl);font-weight:650;margin-bottom:var(--space-1)}.profile-page .profile-info p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-3);overflow:hidden;text-overflow:ellipsis}.profile-page .profile-details,.profile-page .account-actions{padding:var(--space-6);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.profile-page .profile-details h2,.profile-page .account-actions h2{font-size:var(--text-md);font-weight:600;padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--divider-color)}.profile-page .details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.profile-page .detail-item label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.profile-page .detail-item label svg{width:14px;height:14px;color:var(--text-muted)}.profile-page .detail-item p{font-size:var(--text-base);color:var(--text-primary);margin-bottom:0;padding:.5rem 0;word-break:break-word}.profile-page .actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.profile-page .action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.profile-page .action-btn svg{width:16px;height:16px;flex-shrink:0}.profile-page .action-btn:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.profile-page .action-btn.danger{color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 30%,transparent)}.profile-page .action-btn.danger:hover{color:var(--error-500);background-color:color-mix(in srgb,var(--error-500) 10%,transparent);border-color:var(--error-500)}@media (max-width: 720px){.profile-page .profile-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.profile-page .details-grid,.profile-page .actions-grid{grid-template-columns:minmax(0,1fr)}}.admin-dashboard{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) 0 var(--space-12);background-color:var(--bg-primary)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100svh;color:var(--text-muted)}.admin-loading .spinner-large{width:28px;height:28px;border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.admin-dashboard .admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-color)}.admin-dashboard .admin-header h1{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:650;margin-bottom:var(--space-1)}.admin-dashboard .admin-header h1 svg{width:22px;height:22px;color:var(--text-muted)}.admin-dashboard .admin-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.admin-dashboard .btn-scan{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.admin-dashboard .btn-scan:hover:not(:disabled){background-color:var(--primary-700)}.admin-dashboard .btn-scan:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard .btn-scan svg{width:15px;height:15px}.admin-dashboard .btn-scan .spin{animation:spin .9s linear infinite}.admin-dashboard .admin-tabs{display:flex;gap:var(--space-1);overflow-x:auto;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.admin-dashboard .admin-tab{position:relative;padding:var(--space-3) var(--space-3);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.admin-dashboard .admin-tab:hover{color:var(--text-primary)}.admin-dashboard .admin-tab.active{color:var(--text-primary);border-bottom-color:var(--primary-500)}.admin-dashboard .admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-dashboard .admin-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.admin-dashboard .admin-stat-card .stat-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.admin-dashboard .admin-stat-card .stat-icon svg{width:17px;height:17px}.admin-dashboard .stat-value{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.admin-dashboard .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.admin-dashboard .admin-content-grid,.admin-dashboard .admin-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.admin-dashboard .admin-section{padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.admin-dashboard .admin-section.full-width{grid-column:1 / -1}.admin-dashboard .section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;max-width:none;margin:0 0 var(--space-4);padding-bottom:var(--space-3);text-align:left;border-bottom:1px solid var(--divider-color)}.admin-dashboard .section-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;margin-bottom:0}.admin-dashboard .section-header h2 svg{width:16px;height:16px;color:var(--text-muted)}.admin-dashboard .section-actions{display:flex;gap:var(--space-2)}.admin-dashboard .admin-subsection{margin-bottom:var(--space-6)}.admin-dashboard .admin-subsection h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.admin-dashboard .btn-delete-small{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);font-family:inherit;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-dashboard .btn-delete-small:hover{color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 40%,transparent);background-color:color-mix(in srgb,var(--error-500) 8%,transparent)}.admin-dashboard .btn-delete-small svg{width:13px;height:13px}.admin-dashboard .btn-delete-small.secondary:hover{color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--border-strong)}.admin-dashboard .btn-delete-small.danger{color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 40%,transparent)}.admin-dashboard .btn-delete-small.transparent{border-color:transparent}.admin-dashboard .activity-feed{display:flex;flex-direction:column;gap:var(--space-1)}.admin-dashboard .activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.admin-dashboard .activity-item:hover{background-color:var(--bg-hover)}.admin-dashboard .activity-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .activity-icon svg{width:13px;height:13px}.admin-dashboard .activity-info{flex:1;min-width:0}.admin-dashboard .activity-info p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:0}.admin-dashboard .activity-info span{font-size:var(--text-xs);color:var(--text-muted)}.admin-dashboard .queries-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-dashboard .query-card-compact{padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.admin-dashboard .query-card-compact.selected-row{border-color:var(--primary-500)}.admin-dashboard .query-meta-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-dashboard .query-lang,.admin-dashboard .query-date{font-size:var(--text-xs);color:var(--text-muted)}.admin-dashboard .query-text{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:0}.admin-dashboard .admin-table-container,.admin-dashboard .users-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.admin-dashboard .admin-table{width:100%;border-collapse:collapse;font-size:var(--text-base);white-space:nowrap}.admin-dashboard .admin-table th{padding:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);text-align:left;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.admin-dashboard .admin-table td{padding:var(--space-3);color:var(--text-secondary);border-bottom:1px solid var(--divider-color);vertical-align:middle}.admin-dashboard .admin-table tbody tr:last-child td{border-bottom:none}.admin-dashboard .admin-table tbody tr:hover,.admin-dashboard .admin-table tr.selected-row{background-color:var(--bg-hover)}.admin-dashboard .title-cell{white-space:normal;max-width:320px}.admin-dashboard .topic-title{font-weight:550;color:var(--text-primary)}.admin-dashboard .topic-meta,.admin-dashboard .author-info small{font-size:var(--text-xs);color:var(--text-muted)}.admin-dashboard .user-cell{display:flex;align-items:center;gap:var(--space-2)}.admin-dashboard .user-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .activity-detail-cell{white-space:normal;max-width:280px;font-size:var(--text-sm);color:var(--text-tertiary)}.admin-dashboard .badge-category{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .status-badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .status-badge.featured{color:var(--secondary-600);background-color:color-mix(in srgb,var(--secondary-500) 14%,transparent);border-color:color-mix(in srgb,var(--secondary-500) 28%,transparent)}.admin-dashboard .action-row{display:flex;gap:var(--space-1)}.admin-dashboard .action-btn-mini{display:grid;place-items:center;width:28px;height:28px;color:var(--text-muted);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-dashboard .action-btn-mini:hover{background-color:var(--bg-hover);color:var(--text-primary)}.admin-dashboard .action-btn-mini.active{color:var(--primary-500);border-color:color-mix(in srgb,var(--primary-500) 40%,transparent)}.admin-dashboard .action-btn-mini.delete:hover{color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 40%,transparent)}.admin-dashboard .action-btn-mini svg{width:14px;height:14px}.admin-dashboard .admin-form{display:flex;flex-direction:column;gap:var(--space-3)}.admin-dashboard .form-row{display:flex;gap:var(--space-3)}.admin-dashboard .form-row>input{flex:1;min-width:0}.admin-dashboard .form-row-mini{display:flex;gap:var(--space-2);flex-shrink:0}.admin-dashboard .icon-input{width:110px}.admin-dashboard .admin-form input,.admin-dashboard .admin-form select,.admin-dashboard .admin-form textarea{width:100%;height:38px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-dashboard .admin-form textarea{height:auto;min-height:88px;padding:var(--space-2) var(--space-3);line-height:1.55;resize:vertical}.admin-dashboard .admin-form input[type=color]{width:44px;padding:2px;cursor:pointer}.admin-dashboard .admin-form input:focus,.admin-dashboard .admin-form select:focus,.admin-dashboard .admin-form textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.admin-dashboard .admin-form input::placeholder,.admin-dashboard .admin-form textarea::placeholder{color:var(--text-muted)}.admin-dashboard .admin-form .btn,.admin-dashboard .admin-form .btn-scan{align-self:flex-start}.admin-dashboard .content-manage-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:380px;overflow-y:auto}.admin-dashboard .manage-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.admin-dashboard .item-info{min-width:0}.admin-dashboard .item-info h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.admin-dashboard .item-info p{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:0}.admin-dashboard .item-actions{display:flex;gap:var(--space-1);flex-shrink:0}.admin-dashboard .action-btn{display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-dashboard .action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.admin-dashboard .action-btn.delete:hover{color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 40%,transparent)}.admin-dashboard .action-btn svg{width:15px;height:15px}.admin-dashboard .forum-admin-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.admin-dashboard .intro-card{padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.admin-dashboard .intro-card h3{font-size:var(--text-xl);font-weight:650;margin-bottom:0;font-variant-numeric:tabular-nums}.admin-dashboard .intro-card span{font-size:var(--text-sm);color:var(--text-muted)}.admin-dashboard .feedback-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.admin-dashboard .admin-feedback-card{padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.admin-dashboard .feedback-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-dashboard .user-initial{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .user-meta{flex:1;min-width:0}.admin-dashboard .user-meta h4{font-size:var(--text-base);font-weight:600;margin-bottom:0}.admin-dashboard .user-meta span{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:block}.admin-dashboard .feedback-rating{font-size:var(--text-xs);flex-shrink:0}.admin-dashboard .feedback-category-tag{display:inline-block;padding:2px var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.admin-dashboard .feedback-message{font-size:var(--text-base);line-height:1.55;color:var(--text-secondary);margin-bottom:var(--space-3)}.admin-dashboard .feedback-footer{padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--divider-color)}.admin-dashboard .empty-msg{grid-column:1 / -1;padding:var(--space-10);color:var(--text-muted);text-align:center}.admin-dashboard .flex{display:flex}.admin-dashboard .items-center{align-items:center}.admin-dashboard .gap-2{gap:var(--space-2)}.admin-dashboard .mb-3{margin-bottom:var(--space-3)}.admin-dashboard .py-4{padding:var(--space-4) 0}.admin-dashboard .text-center{text-align:center}.admin-dashboard .text-muted{color:var(--text-muted)}.admin-dashboard input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-600);cursor:pointer}@media (max-width: 1024px){.admin-dashboard .admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard .admin-content-grid,.admin-dashboard .admin-management-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.admin-dashboard .admin-stats-grid{grid-template-columns:minmax(0,1fr)}.admin-dashboard .form-row{flex-direction:column}.admin-dashboard .admin-section{padding:var(--space-4)}}:root{--chat-primary: #4f46e5;--chat-primary-light: #818cf8;--chat-bg-light: #ffffff;--chat-bg-dark: #0f172a;--chat-text-light: #1e293b;--chat-text-dark: #f1f5f9;--chat-accent: #f59e0b;--chat-danger: #ef4444;--chat-success: #10b981;--chat-border: rgba(226, 232, 240, .8);--chat-shadow: 0 10px 40px -10px rgba(0, 0, 0, .15)}.side-chatbot-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;font-family:Inter,system-ui,-apple-system,sans-serif}.chatbot-toggle-btn{width:80px;height:80px;border-radius:24px;background:#4f46e5;color:#fff;border:3px solid #ffffff;box-shadow:0 10px 30px #4f46e566;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #22c55e4d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:floating-icon 3s ease-in-out infinite}@keyframes floating-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.chatbot-toggle-btn:hover:before{left:100%}.chatbot-toggle-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #4f46e580}.chatbot-container{width:420px;height:650px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:28px;margin-bottom:1.5rem;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden}.chatbot-header{padding:1rem 1.75rem;background:#22c55e;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.25rem;color:#fff}.bot-avatar{width:50px;height:50px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 10px #0000001a}body.light-theme .bot-avatar{background:#1e293b}.bot-info h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em}.bot-status{font-size:.85rem;color:#ffffffe6;display:flex;align-items:center;gap:.5rem;margin-top:2px}.status-dot{width:8px;height:8px;background:var(--chat-success);border-radius:50%;box-shadow:0 0 0 3px #10b9811a;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.close-btn{transition:all .2s;padding:6px;border-radius:50%;color:#fffc!important}.close-btn:hover{background:#0003;color:#fff!important}.chatbot-messages{flex:1;padding:2rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;transition:background .3s ease}body:not(.light-theme) .chatbot-messages{background:#0a0e17;scrollbar-color:#1a1f2e transparent}.message{max-width:85%;padding:1.15rem 1.25rem;font-size:.95rem;line-height:1.6;position:relative;transition:transform .2s;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;display:flex;flex-direction:column}.message:hover{transform:translateY(-2px)}.message.bot{align-self:flex-start;background:#22c55e;color:#fff!important;border-radius:4px 18px 18px;border:none;box-shadow:0 4px 15px #22c55e33;font-weight:500}.message.bot *,body.light-theme .message.bot{color:#fff!important}.message.user{align-self:flex-end;background:#f1f5f9;color:#1e293b!important;border-radius:18px 18px 4px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.message.user *{color:#1e293b!important}body:not(.light-theme) .message.user{background:#1e293b;color:#f1f5f9!important;box-shadow:0 8px 20px #0003;border:1px solid rgba(255,255,255,.05)}body:not(.light-theme) .message.user *{color:#f1f5f9!important}.message-content{margin-bottom:4px;width:100%}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content a{color:inherit;text-decoration:underline;font-weight:600}.message.bot .message-content a{color:#fff;opacity:.9}.message-content ul,.message-content ol{margin:8px 0;padding-left:1.25rem}.message-time{font-size:.7rem;opacity:.65;margin-top:8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.message.user .message-time{text-align:right;align-self:flex-end}.message.bot .message-time{text-align:left;align-self:flex-start;color:#ffffffe6}.message-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#475569;border:1px solid rgba(0,0,0,.05)}.user .tag{background:#ffffff26;color:#ffffffe6;border:none}.tag.priority-high{background:#fee2e2;color:#b91c1c}.tag.priority-medium{background:#fef3c7;color:#b45309}.tag.priority-low{background:#dcfce7;color:#15803d}.chatbot-input-area{padding:1.25rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}body:not(.light-theme) .chatbot-input-area{background:#0a0e17;border-top:1px solid rgba(255,255,255,.05)}.input-wrapper{flex:1;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:.5rem 1rem;display:flex;align-items:center;transition:all .3s}body:not(.light-theme) .input-wrapper{background:#161b26;border:1.5px solid rgba(255,255,255,.05)}.input-wrapper:focus-within{border-color:#22c55e;background:#fff}body:not(.light-theme) .input-wrapper:focus-within{background:#1c2230}.input-wrapper input{flex:1;border:none;background:transparent;padding:.5rem 0;outline:none;font-size:.95rem;color:#1e293b;font-weight:500}body:not(.light-theme) .input-wrapper input{color:#fff}.input-wrapper input::placeholder{color:#94a3b8}.voice-btn{background:#4f46e5;border:none;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn:hover{background:#4338ca;transform:scale(1.05)}.voice-btn.recording{color:#fff;background:var(--chat-danger);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.send-btn{height:46px;padding:0 1.5rem;background:#22c55e;color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}.send-btn:hover:not(:disabled){background:#16a34a;transform:scale(1.02)}.send-btn:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.typing-indicator{display:flex;gap:6px;padding:1rem 1.25rem;background:#fff;border:1px solid var(--chat-border);border-radius:18px;width:fit-content;align-self:flex-start;box-shadow:0 4px 10px #00000005}.dot{width:7px;height:7px;background:#cbd5e1;border-radius:50%;animation:typing-jump 1.4s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing-jump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px);background:var(--chat-primary)}}body:not(.light-theme) .chatbot-container{background:#0f172a;border-color:#ffffff1a;box-shadow:0 20px 50px #00000080}body:not(.light-theme) .chatbot-header{background:#1e293b;border-bottom-color:#ffffff0d}body:not(.light-theme) .bot-info h3{color:#f8fafc}body:not(.light-theme) .chatbot-messages{background:#0a0a0f}body:not(.light-theme) .message.bot{background:#1e293b;color:#e2e8f0;border-color:#ffffff1a}body:not(.light-theme) .tag{background:#ffffff0d;color:#94a3b8}body:not(.light-theme) .chatbot-input-area{background:#1e293b;border-top-color:#ffffff1a}body:not(.light-theme) .input-wrapper{background:#0a0a0f;border-color:#ffffff1a}body:not(.light-theme) .input-wrapper input{color:#f1f5f9}body:not(.light-theme) .voice-btn{background:#1e293b;color:#cbd5e1;border:1px solid rgba(255,255,255,.05)}body:not(.light-theme) .voice-btn:hover{background:#2d3748}@media (max-width: 480px){.chatbot-container{width:calc(100vw - 2rem);height:calc(100vh - 10rem);right:1rem;bottom:6rem}.side-chatbot-wrapper{right:1rem;bottom:1.5rem}}@media (max-width: 768px),(max-height: 780px){.chatbot-container{width:min(420px,calc(100vw - 2rem));height:min(650px,calc(100svh - 9rem))}}@media (max-width: 480px){.side-chatbot-wrapper{left:1rem;align-items:flex-end}.chatbot-container{width:100%;height:calc(100svh - 8.5rem);margin-bottom:1rem;border-radius:20px}.chatbot-toggle-btn{width:60px;height:60px;border-radius:18px}.chatbot-header{padding:.75rem 1rem;gap:.75rem}.bot-avatar{width:40px;height:40px;font-size:1.2rem}.chatbot-messages{padding:1.25rem 1rem;gap:1rem}.message{max-width:90%;padding:.85rem 1rem}}.feedback-page{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-10)) 0 var(--space-12);background-color:var(--bg-secondary)}.feedback-page .feedback-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-10);align-items:start;max-width:980px;margin:0 auto}.feedback-page .feedback-info h1{font-size:var(--text-2xl);font-weight:650;line-height:1.2;margin-bottom:var(--space-3)}.feedback-page .feedback-info h1 span{color:var(--text-tertiary)}.feedback-page .feedback-info>p{font-size:var(--text-md);color:var(--text-tertiary);margin-bottom:var(--space-8)}.feedback-page .feature-list{display:flex;flex-direction:column;gap:var(--space-4)}.feedback-page .feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary)}.feedback-page .feature-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;color:var(--primary-500);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.feedback-page .feature-icon svg{width:16px;height:16px}.feedback-page .feedback-card{padding:var(--space-6);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.feedback-page .feedback-card form{display:flex;flex-direction:column;gap:var(--space-5)}.feedback-page .rating-label{display:block;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.feedback-page .stars-row{display:flex;gap:var(--space-2)}.feedback-page .star-btn{display:grid;place-items:center;padding:0;color:var(--border-strong);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.feedback-page .star-btn svg{width:26px;height:26px}.feedback-page .star-btn.active{color:var(--secondary-500)}.feedback-page .category-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2)}.feedback-page .category-tab{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.feedback-page .category-tab:hover{border-color:var(--border-strong);background-color:var(--bg-hover)}.feedback-page .category-tab.active{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.feedback-page .tab-icon-wrap{color:var(--text-muted)!important;margin-bottom:var(--space-1)}.feedback-page .category-tab.active .tab-icon-wrap{color:var(--text-on-accent)!important}.feedback-page .tab-icon-wrap svg{width:17px;height:17px}.feedback-page .category-tab span{font-size:var(--text-base);font-weight:550;color:var(--text-primary)}.feedback-page .category-tab small{font-size:var(--text-xs);color:var(--text-muted)}.feedback-page .category-tab.active span,.feedback-page .category-tab.active small{color:var(--text-on-accent)}.feedback-page .category-tab.active small{opacity:.8}.feedback-page .modern-textarea{width:100%;min-height:120px;padding:var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:1.55;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feedback-page .modern-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.feedback-page .modern-textarea::placeholder{color:var(--text-muted)}.feedback-page .fancy-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:42px;font-family:inherit;font-size:var(--text-md);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.feedback-page .fancy-submit:hover:not(:disabled){background-color:var(--primary-700)}.feedback-page .fancy-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-page .fancy-submit svg{width:16px;height:16px}.feedback-page .success-card{max-width:460px;margin:0 auto;text-align:center}.feedback-page .success-icon-wrap{display:grid;place-items:center;width:52px;height:52px;margin:0 auto var(--space-5);color:var(--success-500);background-color:color-mix(in srgb,var(--success-500) 12%,transparent);border:1px solid color-mix(in srgb,var(--success-500) 26%,transparent);border-radius:var(--radius-full)}.feedback-page .success-icon-wrap svg{width:24px;height:24px}.feedback-page .success-title{font-size:var(--text-xl);font-weight:650;margin-bottom:var(--space-2)}.feedback-page .success-text{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4)}.feedback-page .mt-4{margin-top:var(--space-4)}@media (max-width: 860px){.feedback-page .feedback-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}@media (max-width: 560px){.feedback-page .feedback-card{padding:var(--space-5)}}.live-chat-panel{display:flex;flex-direction:column;height:440px;overflow:hidden;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.live-chat-panel .chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.live-chat-panel .chat-title{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.live-chat-panel .chat-title svg{width:15px;height:15px;flex-shrink:0;color:var(--text-muted)}.live-chat-panel .chat-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-panel .chat-controls{display:flex;gap:var(--space-1);flex-shrink:0}.live-chat-panel .mode-toggle{display:grid;place-items:center;width:28px;height:28px;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.live-chat-panel .mode-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.live-chat-panel .mode-toggle.active{color:var(--primary-500);background-color:var(--bg-hover);border-color:var(--border-color)}.live-chat-panel .mode-toggle svg{width:14px;height:14px}.live-chat-panel .receiver-selector{border-bottom:1px solid var(--border-color);flex-shrink:0}.live-chat-panel .selector-header{padding:var(--space-3)}.live-chat-panel .selector-header p{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.live-chat-panel .user-search-input{width:100%;height:30px;padding:0 var(--space-2);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none}.live-chat-panel .user-search-input:focus{border-color:var(--primary-500)}.live-chat-panel .user-scroll-list{max-height:140px;overflow-y:auto;padding:0 var(--space-2) var(--space-2)}.live-chat-panel .user-select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.live-chat-panel .user-select-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.live-chat-panel .user-select-item.selected{color:var(--primary-500);background-color:var(--bg-hover)}.live-chat-panel .send-icon{width:12px;height:12px;color:var(--text-muted)}.live-chat-panel .no-users{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-bottom:0}.live-chat-panel .active-private-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.live-chat-panel .active-private-label strong{color:var(--text-primary)}.live-chat-panel .active-private-label button{color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:var(--text-xs)}.live-chat-panel .chat-messages-container{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.live-chat-panel .chat-msg{display:flex;max-width:88%}.live-chat-panel .chat-msg.self{align-self:flex-end}.live-chat-panel .msg-content-wrapper{display:flex;flex-direction:column;min-width:0}.live-chat-panel .chat-msg.self .msg-content-wrapper{align-items:flex-end}.live-chat-panel .msg-sender-tag{display:flex;align-items:center;gap:var(--space-1);margin-bottom:2px;font-size:var(--text-xs);font-weight:550;color:var(--text-muted)}.live-chat-panel .self-tag{margin-top:2px;margin-bottom:0}.live-chat-panel .delete-msg-btn{display:grid;place-items:center;color:var(--text-muted);background:none;border:none;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.live-chat-panel .chat-msg:hover .delete-msg-btn{opacity:1}.live-chat-panel .delete-msg-btn:hover{color:var(--error-500)}.live-chat-panel .delete-msg-btn svg{width:11px;height:11px}.live-chat-panel .msg-bubble{padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.live-chat-panel .chat-msg.self .msg-bubble{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.live-chat-panel .chat-msg.private .msg-bubble{border-style:dashed}.live-chat-panel .msg-body{font-size:var(--text-sm);line-height:1.5;word-break:break-word}.live-chat-panel .msg-footer{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.live-chat-panel .msg-time{font-size:10px;color:var(--text-muted)}.live-chat-panel .chat-msg.self .msg-time,.live-chat-panel .chat-msg.self .lock-icon{color:#ffffffb3}.live-chat-panel .lock-icon{width:9px;height:9px;color:var(--text-muted)}.live-chat-panel .chat-input-area{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0}.live-chat-panel .input-actions-left{position:relative;flex-shrink:0}.live-chat-panel .emoji-btn{display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.live-chat-panel .emoji-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.live-chat-panel .emoji-btn svg{width:16px;height:16px}.live-chat-panel .emoji-mini-picker{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:var(--z-popover);display:flex;flex-wrap:wrap;gap:var(--space-1);width:180px;padding:var(--space-2);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.live-chat-panel .emoji-mini-picker span{display:grid;place-items:center;width:26px;height:26px;font-size:15px;border-radius:var(--radius-md);cursor:pointer}.live-chat-panel .emoji-mini-picker span:hover{background-color:var(--bg-hover)}.live-chat-panel .chat-main-input{flex:1;min-width:0;height:32px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast)}.live-chat-panel .chat-main-input:focus{border-color:var(--primary-500)}.live-chat-panel .chat-main-input::placeholder{color:var(--text-muted)}.live-chat-panel .send-btn-main{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.live-chat-panel .send-btn-main:hover:not(:disabled){background-color:var(--primary-700)}.live-chat-panel .send-btn-main:disabled{opacity:.5;cursor:not-allowed}.live-chat-panel .send-btn-main svg{width:15px;height:15px}.forum-container{min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) var(--space-6) var(--space-12);max-width:1320px;margin:0 auto;background-color:var(--bg-primary)}.forum-container .loading-spinner{padding:var(--space-20) 0;text-align:center;color:var(--text-muted)}.forum-container .forum-hero{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.forum-container .forum-hero-content{display:flex;flex-direction:column;align-items:flex-start}.forum-container .forum-hero h1{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:650;margin-bottom:var(--space-2)}.forum-container .hero-icon{width:22px;height:22px;color:var(--text-muted)}.forum-container .forum-hero p{font-size:var(--text-md);color:var(--text-tertiary);margin-bottom:var(--space-5);max-width:620px}.forum-container .btn-start-discussion{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.forum-container .btn-start-discussion:hover{background-color:var(--primary-700)}.forum-container .btn-start-discussion svg{width:16px;height:16px}.forum-container .forum-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-8)}.forum-container .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.forum-container .stat-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.forum-container .stat-info{display:flex;flex-direction:column}.forum-container .stat-value{font-size:var(--text-lg);font-weight:650;line-height:1.2;color:var(--text-primary);font-variant-numeric:tabular-nums}.forum-container .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.forum-container .forum-main{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:var(--space-5);align-items:start}.forum-container .forum-sidebar,.forum-container .forum-sidebar-right{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--navbar-height) + var(--space-4))}.forum-container .forum-content{min-width:0}.forum-container .gap-12{gap:var(--space-3)}.forum-container .sidebar-section{padding:var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.forum-container .sidebar-section h3{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.forum-container .category-list{display:flex;flex-direction:column;gap:2px}.forum-container .category-item-wrapper{display:flex;align-items:center;gap:var(--space-1)}.forum-container .category-item{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:var(--space-2);font-family:inherit;font-size:var(--text-base);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.forum-container .category-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.forum-container .category-item.active{background-color:var(--bg-hover);color:var(--text-primary);font-weight:550}.forum-container .category-icon{font-size:14px;line-height:1;flex-shrink:0}.forum-container .category-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex:1;min-width:0}.forum-container .category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-container .category-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.forum-container .category-delete-btn{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.forum-container .category-delete-btn:hover{color:var(--error-500);background-color:color-mix(in srgb,var(--error-500) 12%,transparent)}.forum-container .sidebar-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.forum-container .sidebar-toggle-btn h3{margin-bottom:0}.forum-container .toggle-icon{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast)}.forum-container .toggle-icon.rotated{transform:rotate(180deg)}.forum-container .tag-dropdown-content{display:none;padding-top:var(--space-3)}.forum-container .tag-dropdown-content.open{display:block}.forum-container .tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.forum-container .tag-wrapper{position:relative;display:inline-flex}.forum-container .tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-family:inherit;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.forum-container .tag:hover{border-color:var(--border-strong);color:var(--text-primary)}.forum-container .tag.active{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.forum-container .tag-check{width:10px;height:10px}.forum-container .tag-delete-btn{display:none;position:absolute;top:-5px;right:-5px;width:15px;height:15px;font-size:11px;line-height:1;color:var(--text-on-accent);background-color:var(--error-600);border:none;border-radius:var(--radius-full);cursor:pointer}.forum-container .tag-wrapper:hover .tag-delete-btn{display:block}.forum-container .add-tag-form{display:flex;align-items:center;gap:var(--space-1)}.forum-container .add-tag-form input{width:110px;height:26px;padding:0 var(--space-2);font-family:inherit;font-size:var(--text-xs);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);outline:none}.forum-container .add-tag-form input:focus{border-color:var(--primary-500)}.forum-container .btn-close-tag{display:grid;place-items:center;width:22px;height:22px;color:var(--text-muted);background:none;border:none;cursor:pointer}.forum-container .btn-add-tag{border-style:dashed}.forum-container .contributors-list,.forum-container .trending-list{display:flex;flex-direction:column;gap:var(--space-1)}.forum-container .contributor-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md)}.forum-container .contributor-avatar{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.forum-container .contributor-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex:1;min-width:0}.forum-container .contributor-name{font-size:var(--text-base);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-container .contributor-points{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.forum-container .trending-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-base);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.forum-container .trending-item:hover,.forum-container .trending-item.active{background-color:var(--bg-hover);color:var(--text-primary)}.forum-container .trending-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.forum-container .forum-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.forum-container .search-box{position:relative;display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.forum-container .search-box:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.forum-container .search-box>svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.forum-container .search-box input{flex:1;min-width:0;height:100%;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:none;border:none;outline:none}.forum-container .search-box input::placeholder{color:var(--text-muted)}.forum-container .clear-search-btn{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-full);cursor:pointer}.forum-container .clear-search-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.forum-container .filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.forum-container .filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.forum-container .filter-btn svg{width:14px;height:14px}.forum-container .filter-btn:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.forum-container .filter-btn.active{color:var(--text-on-accent);background-color:var(--primary-600);border-color:var(--primary-600)}.forum-container .discussions-list{display:flex;flex-direction:column;gap:var(--space-3)}.forum-container .discussion-card{position:relative;padding:var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast)}.forum-container .discussion-card:hover{border-color:var(--border-strong)}.forum-container .featured-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--secondary-600);background-color:color-mix(in srgb,var(--secondary-500) 14%,transparent);border:1px solid color-mix(in srgb,var(--secondary-500) 28%,transparent);border-radius:var(--radius-full)}.forum-container .discussion-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.forum-container .discussion-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.forum-container .discussion-category{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-full);white-space:nowrap}.forum-container .discussion-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.forum-container .tag-small,.forum-container .tag-badge{padding:1px var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.forum-container .discussion-author{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.forum-container .author-avatar{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.forum-container .author-info{display:flex;flex-direction:column}.forum-container .author-name{font-size:var(--text-sm);font-weight:550;color:var(--text-secondary)}.forum-container .discussion-time{font-size:var(--text-xs);color:var(--text-muted)}.forum-container .discussion-title{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2)}.forum-container .discussion-excerpt{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4)}.forum-container .latest-comment-preview{padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--bg-secondary);border-left:2px solid var(--border-strong);border-radius:var(--radius-md)}.forum-container .preview-header{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.forum-container .preview-header svg{width:11px;height:11px}.forum-container .preview-content{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.forum-container .discussion-footer{padding-top:var(--space-3);border-top:1px solid var(--divider-color)}.forum-container .discussion-stats{display:flex;align-items:center;gap:var(--space-4)}.forum-container .stat-item{display:inline-flex;align-items:center;gap:var(--space-1);font-family:inherit;font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;padding:0}.forum-container .stat-item svg{width:14px;height:14px}.forum-container .btn-like{cursor:pointer;transition:color var(--transition-fast)}.forum-container .btn-like:hover{color:var(--text-primary)}.forum-container .btn-like.liked{color:var(--primary-500)}.forum-container .no-discussions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-muted)}.forum-container .no-discussions svg{width:28px;height:28px}.forum-container .no-discussions p{color:var(--text-muted);margin-bottom:0}.forum-container .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#0000008c}.forum-container .modal-content{position:relative;width:100%;max-width:520px;max-height:85svh;overflow-y:auto;padding:var(--space-6);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.forum-container .detail-modal{max-width:720px}.forum-container .modal-content h2{font-size:var(--text-lg);margin-bottom:var(--space-5);padding-right:var(--space-8)}.forum-container .modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.forum-container .modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.forum-container .modal-close-btn svg{width:17px;height:17px}.forum-container .form-group{margin-bottom:var(--space-4)}.forum-container .form-group label{display:block;margin-bottom:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.forum-container .form-group input,.forum-container .form-group select,.forum-container .form-group textarea{width:100%;padding:0 var(--space-3);height:38px;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.forum-container .form-group textarea{height:auto;min-height:110px;padding:var(--space-2) var(--space-3);line-height:1.55;resize:vertical}.forum-container .form-group input:focus,.forum-container .form-group select:focus,.forum-container .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.forum-container .form-group input::placeholder,.forum-container .form-group textarea::placeholder{color:var(--text-muted)}.forum-container .modal-actions{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.forum-container .btn-submit,.forum-container .btn-submit-reply{height:36px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.forum-container .btn-submit:hover,.forum-container .btn-submit-reply:hover:not(:disabled){background-color:var(--primary-700)}.forum-container .btn-submit-reply:disabled{opacity:.6;cursor:not-allowed}.forum-container .discussion-detail-header{padding-right:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--divider-color)}.forum-container .discussion-detail-header h1{font-size:var(--text-xl);font-weight:650;margin:var(--space-3) 0 var(--space-4)}.forum-container .author-full-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.forum-container .author-details-wrapper{display:flex;align-items:center;gap:var(--space-3)}.forum-container .author-avatar-large,.forum-container .current-user-avatar,.forum-container .comment-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.forum-container .author-name-bold{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.forum-container .post-date{font-size:var(--text-sm);color:var(--text-muted)}.forum-container .btn-contact-author{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:none;border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.forum-container .btn-contact-author:hover{background-color:var(--bg-hover);color:var(--text-primary)}.forum-container .btn-contact-author svg{width:14px;height:14px}.forum-container .discussion-detail-body{padding:var(--space-5) 0;border-bottom:1px solid var(--divider-color)}.forum-container .full-content{font-size:var(--text-base);line-height:1.65;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:var(--space-4)}.forum-container .detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.forum-container .engagement-actions{display:flex;align-items:center;gap:var(--space-5)}.forum-container .action-btn,.forum-container .action-info{display:inline-flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;padding:0}.forum-container .action-btn{cursor:pointer;transition:color var(--transition-fast)}.forum-container .action-btn:hover{color:var(--text-primary)}.forum-container .action-btn.liked{color:var(--primary-500)}.forum-container .action-btn svg,.forum-container .action-info svg{width:16px;height:16px}.forum-container .discussion-replies-section{padding-top:var(--space-5)}.forum-container .discussion-replies-section h3{font-size:var(--text-md);margin-bottom:var(--space-4)}.forum-container .reply-input-area{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.forum-container .reply-form-modern{flex:1;min-width:0}.forum-container .reply-form-modern textarea{width:100%;min-height:64px;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:1.55;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.forum-container .reply-form-modern textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.forum-container .reply-form-modern textarea::placeholder{color:var(--text-muted)}.forum-container .reply-form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.forum-container .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.forum-container .login-prompt-compact{padding:var(--space-3);margin-bottom:var(--space-5);font-size:var(--text-base);color:var(--text-tertiary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.forum-container .highlight{font-weight:550;color:var(--primary-500)}.forum-container .replies-list-modern{display:flex;flex-direction:column;gap:var(--space-4)}.forum-container .comment-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg)}.forum-container .comment-item.is-pinned{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.forum-container .comment-body{flex:1;min-width:0}.forum-container .comment-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.forum-container .comment-author-info{display:flex;align-items:center;gap:var(--space-2)}.forum-container .comment-author{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.forum-container .pinned-badge{display:inline-flex;align-items:center;gap:3px;padding:1px var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--success-500);background-color:color-mix(in srgb,var(--success-500) 12%,transparent);border:1px solid color-mix(in srgb,var(--success-500) 26%,transparent);border-radius:var(--radius-full)}.forum-container .comment-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.forum-container .comment-text{font-size:var(--text-base);line-height:1.55;color:var(--text-secondary);margin-bottom:var(--space-2);white-space:pre-wrap}.forum-container .comment-actions{display:flex;align-items:center;gap:var(--space-4)}.forum-container .comment-action-btn,.forum-container .comment-stat{display:inline-flex;align-items:center;gap:var(--space-1);font-family:inherit;font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;padding:0}.forum-container .comment-action-btn{cursor:pointer;transition:color var(--transition-fast)}.forum-container .comment-action-btn:hover{color:var(--text-primary)}.forum-container .comment-action-btn.liked,.forum-container .comment-action-btn.pin-btn.active{color:var(--primary-500)}.forum-container .comment-action-btn svg,.forum-container .comment-stat svg{width:13px;height:13px}.forum-container .no-replies-subtle{padding:var(--space-6) 0;font-size:var(--text-base);color:var(--text-muted);text-align:center;margin-bottom:0}@media (max-width: 1180px){.forum-container .forum-main{grid-template-columns:220px minmax(0,1fr)}.forum-container .forum-sidebar-right{grid-column:1 / -1;position:static;flex-direction:row;flex-wrap:wrap}.forum-container .forum-sidebar-right>*{flex:1 1 260px}}@media (max-width: 820px){.forum-container{padding-left:var(--space-4);padding-right:var(--space-4)}.forum-container .forum-main{grid-template-columns:minmax(0,1fr)}.forum-container .forum-sidebar{position:static}.forum-container .discussion-header{flex-direction:column;gap:var(--space-3)}.forum-container .modal-content{padding:var(--space-5)}}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:calc(var(--navbar-height) + var(--space-8)) var(--space-4) var(--space-8);background-color:var(--bg-secondary)}.not-found-container .not-found-content{width:100%;max-width:640px;text-align:center}.not-found-container .error-code-bg{font-size:clamp(3.5rem,12vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-5);font-variant-numeric:tabular-nums}.not-found-container .error-card{padding:var(--space-6);text-align:left;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.not-found-container .card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:0;font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.not-found-container .status-dot{width:6px;height:6px;flex-shrink:0;background-color:var(--error-500);border-radius:var(--radius-full)}.not-found-container .error-title{font-size:var(--text-lg);font-weight:650;margin-bottom:var(--space-2)}.not-found-container .error-text{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5)}.not-found-container .dino-game-wrapper{position:relative;overflow:hidden;margin-bottom:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer}.not-found-container .game-canvas{display:block;width:100%;height:auto}.not-found-container .game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background-color:var(--bg-secondary);text-align:center}.not-found-container .game-overlay p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:0}.not-found-container .game-overlay h3{font-size:var(--text-base);font-weight:600;letter-spacing:.04em;color:var(--error-500);margin-bottom:0}.not-found-container .pulse-text{animation:pulse 1.8s ease-in-out infinite}.not-found-container .stats-row{display:flex;gap:var(--space-6);padding:var(--space-3) 0;margin-bottom:var(--space-5);border-block:1px solid var(--divider-color)}.not-found-container .stat{display:flex;flex-direction:column}.not-found-container .stat .label{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;color:var(--text-muted)}.not-found-container .stat .value{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.not-found-container .action-buttons{display:flex;gap:var(--space-3)}.not-found-container .btn-home,.not-found-container .btn-retry{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.not-found-container .btn-home{color:var(--text-on-accent);background-color:var(--primary-600);border:1px solid transparent}.not-found-container .btn-home:hover{background-color:var(--primary-700)}.not-found-container .btn-retry{color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-strong)}.not-found-container .btn-retry:hover{background-color:var(--bg-hover);color:var(--text-primary)}.not-found-container .btn-home svg,.not-found-container .btn-retry svg{width:16px;height:16px}@media (max-width: 480px){.not-found-container .error-card{padding:var(--space-5)}.not-found-container .action-buttons{flex-direction:column}.not-found-container .btn-home,.not-found-container .btn-retry{width:100%}}:root{color-scheme:dark;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #5457e5;--primary-700: #4749c9;--primary-800: #3c3ea6;--primary-900: #333583;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-500: #3b82f6;--info-600: #2563eb;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-200: #e6e8eb;--neutral-300: #d3d7dd;--neutral-400: #9aa1ac;--neutral-500: #6f7681;--neutral-600: #4d545e;--neutral-700: #343941;--neutral-800: #22262c;--neutral-900: #15181d;--neutral-950: #0d0f12;--bg-primary: #0d0f12;--bg-secondary: #15181d;--bg-tertiary: #1b1f26;--bg-card: #15181d;--bg-elevated: #1b1f26;--bg-hover: #21262e;--bg-active: #272d36;--bg-input: #15181d;--text-primary: #f2f4f7;--text-secondary: #b6bcc6;--text-tertiary: #8b929c;--text-muted: #6f7681;--text-on-accent: #ffffff;--border-color: #282d35;--border-strong: #363c46;--divider-color: #22262c;--focus-ring: rgba(129, 140, 248, .45);--link-color: var(--primary-400);--link-hover: var(--primary-300);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow: var(--shadow-md);--shadow-glow-strong: var(--shadow-lg);--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;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--transition-fast: .11s ease;--transition-base: .16s ease;--transition-slow: .22s ease;--navbar-height: 60px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body.light-theme{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f1f3f5;--bg-active: #e6e8eb;--bg-input: #ffffff;--text-primary: #16191d;--text-secondary: #4d545e;--text-tertiary: #6f7681;--text-muted: #9aa1ac;--text-on-accent: #ffffff;--border-color: #e4e7eb;--border-strong: #d3d7dd;--divider-color: #eceef1;--focus-ring: rgba(99, 102, 241, .35);--link-color: var(--primary-600);--link-hover: var(--primary-700);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 2px 6px rgba(16, 24, 40, .07);--shadow-lg: 0 6px 16px rgba(16, 24, 40, .09);--shadow-xl: 0 12px 32px rgba(16, 24, 40, .12);--shadow-glow: var(--shadow-md);--shadow-glow-strong: var(--shadow-lg)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.55;overflow-x:hidden;min-height:100svh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}#root,.app{min-height:100svh;position:relative;display:flex;flex-direction:column}.app{flex:1}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:var(--space-3);background:none;-webkit-text-fill-color:currentColor}h1{font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.025em}h2{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.02em}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}p:last-child{margin-bottom:0}small{font-size:var(--text-sm)}strong{font-weight:600;color:var(--text-primary)}code,pre{font-family:var(--font-mono);font-size:.875em}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}hr{border:none;border-top:1px solid var(--divider-color);margin:var(--space-6) 0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1320px}.container-narrow{max-width:720px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.section{padding:var(--space-16) 0}.section-header{max-width:640px;margin:0 auto var(--space-10);text-align:center}.section-header h2{margin-bottom:var(--space-2)}.section-header p{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:0}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.page-header p{color:var(--text-tertiary);margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:38px;font-family:inherit;font-size:var(--text-base);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background-color:var(--primary-600);color:var(--text-on-accent)}.btn-primary:hover{background-color:var(--primary-700);color:var(--text-on-accent)}.btn-primary:active{background-color:var(--primary-800)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{background-color:var(--error-600);color:#fff}.btn-danger:hover{background-color:var(--error-700);color:#fff}.btn-success{background-color:var(--success-600);color:#fff}.btn-success:hover{background-color:var(--success-700);color:#fff}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-md)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-icon{width:38px;padding:0}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.card-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.55;margin-bottom:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--divider-color)}.card.clickable,.clickable{cursor:pointer}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:0}.form-input,.form-select,.form-textarea{width:100%;padding:0 var(--space-3);height:38px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea{height:auto;min-height:104px;padding:.625rem var(--space-3);resize:vertical;line-height:1.55}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236f7681' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-error{color:var(--error-500);font-size:var(--text-sm);margin-top:.375rem}.form-helper{color:var(--text-muted);font-size:var(--text-sm);margin-top:.375rem}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;line-height:1.5;border-radius:var(--radius-full);border:1px solid transparent;text-transform:none;letter-spacing:0;white-space:nowrap}.badge-primary{background-color:color-mix(in srgb,var(--primary-500) 14%,transparent);color:var(--primary-400);border-color:color-mix(in srgb,var(--primary-500) 28%,transparent)}.badge-secondary,.badge-warning{background-color:color-mix(in srgb,var(--secondary-500) 14%,transparent);color:var(--secondary-400);border-color:color-mix(in srgb,var(--secondary-500) 28%,transparent)}.badge-success{background-color:color-mix(in srgb,var(--success-500) 14%,transparent);color:var(--success-500);border-color:color-mix(in srgb,var(--success-500) 28%,transparent)}.badge-error{background-color:color-mix(in srgb,var(--error-500) 14%,transparent);color:var(--error-500);border-color:color-mix(in srgb,var(--error-500) 28%,transparent)}.badge-info{background-color:color-mix(in srgb,var(--info-500) 14%,transparent);color:var(--info-500);border-color:color-mix(in srgb,var(--info-500) 28%,transparent)}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}body.light-theme .badge-primary{color:var(--primary-700)}body.light-theme .badge-secondary,body.light-theme .badge-warning{color:var(--secondary-700)}body.light-theme .badge-success{color:var(--success-700)}body.light-theme .badge-error{color:var(--error-700)}body.light-theme .badge-info{color:var(--info-600)}.spinner{width:28px;height:28px;border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}svg.spinner{width:17px;height:17px;border:none;border-radius:0}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skeleton{background-color:var(--bg-tertiary);border-radius:var(--radius-md);animation:pulse 1.8s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-tertiary)}.empty-state svg{color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state h3{font-size:var(--text-md);margin-bottom:0}.empty-state p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full);border:3px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::selection{background-color:color-mix(in srgb,var(--primary-500) 28%,transparent);color:var(--text-primary)}@media (max-width: 900px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.hide-mobile{display:none!important}}@media (min-width: 901px){.hide-desktop{display:none!important}}@media (max-width: 640px){input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px!important}.btn,.btn-lg{height:42px}.btn-sm{height:36px}}table{max-width:100%}pre{overflow-x:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast: more){:root{--border-color: var(--border-strong);--text-secondary: #d7dbe1}body.light-theme{--border-color: #b9bec6;--text-secondary: #333940}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}