.upgrade-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.upgrade-modal{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease;box-shadow:0 25px 80px #0000004d}.upgrade-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:50%;font-size:18px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.upgrade-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.upgrade-modal-header{text-align:center;padding:40px 40px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24);border-radius:24px 24px 0 0}.upgrade-modal-header.header-trial{background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24)}.upgrade-modal-header.header-trial h2{color:#92400e}.upgrade-modal-header.header-trial .upgrade-message{color:#a16207}.upgrade-modal-header.header-locked{background:linear-gradient(135deg,#fee2e2,#fecaca,#f87171)}.upgrade-modal-header.header-locked h2{color:#991b1b}.upgrade-modal-header.header-locked .upgrade-message{color:#b91c1c}.upgrade-modal-header.header-limit{background:linear-gradient(135deg,#dbeafe,#bfdbfe,#60a5fa)}.upgrade-modal-header.header-limit h2{color:#1e40af}.upgrade-modal-header.header-limit .upgrade-message{color:#1d4ed8}.upgrade-modal-header.header-generic{background:linear-gradient(135deg,#e0e7ff,#c7d2fe,#818cf8)}.upgrade-modal-header.header-generic h2{color:#3730a3}.upgrade-modal-header.header-generic .upgrade-message{color:#4338ca}.upgrade-modal-header.header-expired{background:linear-gradient(135deg,#fecaca,#f87171,#ef4444)}.upgrade-modal-header.header-expired h2{color:#7f1d1d}.upgrade-modal-header.header-expired .upgrade-message{color:#991b1b}.upgrade-icon{font-size:4rem;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.upgrade-modal-header h2{font-size:2rem;font-weight:700;color:#92400e;margin:0 0 12px}.feature-info-badge{display:inline-flex;align-items:center;gap:8px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;margin-bottom:12px}.feature-info-badge .feature-icon{font-size:1.2rem}.feature-info-badge .feature-name{font-size:.9rem;font-weight:600;color:#1e293b}.upgrade-message{font-size:1.05rem;color:#a16207;line-height:1.6;max-width:500px;margin:0 auto}.usage-info-box{margin-top:16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:16px;display:inline-flex;flex-direction:column;align-items:center;gap:4px}.usage-stats{display:flex;align-items:baseline;gap:4px}.usage-used{font-size:2rem;font-weight:700;color:#dc2626}.usage-separator{font-size:1.5rem;color:#64748b}.usage-limit{font-size:1.5rem;font-weight:600;color:#64748b}.usage-label{font-size:.85rem;color:#64748b}.usage-reset{font-size:.8rem;color:#059669;background:#d1fae5;padding:4px 12px;border-radius:12px;margin-top:4px}.upgrade-suggestion{margin-top:16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;font-size:.95rem;color:#1e293b}.upgrade-suggestion strong{color:#4f46e5;font-weight:600}.upgrade-modal-body{padding:32px 40px}.upgrade-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.upgrade-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.upgrade-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.upgrade-plan-card{padding:28px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:20px;text-align:center;transition:all .3s ease;position:relative}.upgrade-plan-card:hover{transform:translateY(-5px);border-color:var(--plan-color, #4f46e5);box-shadow:0 12px 40px #0000001f}.upgrade-plan-card.recommended{border-color:#4f46e5;background:linear-gradient(135deg,#f5f3ff,#ede9fe);transform:scale(1.02)}.upgrade-plan-card.recommended:hover{transform:scale(1.02) translateY(-5px)}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.plan-icon{font-size:2.5rem;margin-bottom:12px}.upgrade-plan-card h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 12px}.plan-price{margin-bottom:20px}.price-amount{font-size:2rem;font-weight:700;color:var(--plan-color, #4f46e5)}.price-period{font-size:.9rem;color:#64748b}.plan-features-list{list-style:none;padding:0;margin:0 0 24px;text-align:left}.plan-features-list li{padding:8px 0;font-size:.9rem;color:#4b5563;border-bottom:1px solid #f1f5f9}.plan-features-list li:last-child{border-bottom:none}.plan-features-list li.feature-disabled{color:#94a3b8;text-decoration:line-through}.feature-limit-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#f1f5f9;border-radius:10px;font-size:.75rem;color:#64748b;font-weight:500}.feature-limit-badge.unlimited{background:#d1fae5;color:#059669}.more-features{color:#4f46e5!important;font-weight:500;font-style:italic}.upgrade-plan-btn{width:100%;padding:14px 24px;background:var(--plan-color, #4f46e5);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-plan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.no-plans{text-align:center;padding:40px;color:#64748b}.upgrade-modal-footer{padding:24px 40px 32px;text-align:center;border-top:1px solid #e2e8f0}.view-all-plans-btn{padding:14px 32px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-plans-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00326d66}.upgrade-note{margin:16px 0 0;font-size:.85rem;color:#64748b}@media(max-width:768px){.upgrade-modal{border-radius:16px}.upgrade-modal-header{padding:30px 24px 20px;border-radius:16px 16px 0 0}.upgrade-icon{font-size:3rem}.upgrade-modal-header h2{font-size:1.5rem}.upgrade-message{font-size:.95rem}.upgrade-modal-body{padding:24px 20px}.upgrade-plans-grid{grid-template-columns:1fr;gap:16px}.upgrade-plan-card{padding:24px 20px}.upgrade-plan-card.recommended{transform:none;order:-1}.upgrade-plan-card.recommended:hover{transform:translateY(-5px)}.upgrade-modal-footer{padding:20px}.view-all-plans-btn{width:100%}}@media(max-width:480px){.upgrade-modal-overlay{padding:10px}.upgrade-modal-header{padding:24px 16px 16px}.upgrade-icon{font-size:2.5rem}.upgrade-modal-header h2{font-size:1.3rem}.upgrade-modal-body,.upgrade-plan-card{padding:20px 16px}.plan-icon{font-size:2rem}.price-amount{font-size:1.5rem}.plan-features-list li{font-size:.85rem;padding:6px 0}.upgrade-modal-footer{padding:16px}}.public-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .3s ease;background:transparent}.public-header.scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00326d1a;padding:12px 0}.header-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.5rem;color:#fff;transition:color .3s ease}.scrolled .header-logo{color:#00326d}.logo-icon{font-size:2rem}.logo-text{font-family:Poppins,sans-serif;letter-spacing:-.5px}.header-nav{display:flex;align-items:center;gap:40px}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:32px}.nav-links li a{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 0;position:relative;transition:color .3s ease}.scrolled .nav-links li a{color:#374151}.nav-links li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00326d,#0056b3);transition:width .3s ease}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%}.nav-links li a:hover,.nav-links li a.active{color:#fff}.scrolled .nav-links li a:hover,.scrolled .nav-links li a.active{color:#00326d}.btn-login{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:8px;transition:all .3s ease}.scrolled .btn-login{color:#00326d}.btn-login:hover{background:#ffffff1a}.scrolled .btn-login:hover{background:#00326d1a}.btn-get-started{background:#fff;color:#00326d;text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 24px;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.scrolled .btn-get-started{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;gap:5px;z-index:1001}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.scrolled .mobile-menu-btn span{background:#00326d}.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{display:none}@media(max-width:1024px){.mobile-menu-btn{display:flex}.header-nav{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:linear-gradient(180deg,#00326d,#0056b3);flex-direction:column;justify-content:flex-start;padding:100px 40px 40px;gap:40px;transition:right .3s ease;box-shadow:-10px 0 30px #0003}.header-nav.mobile-open{right:0}.nav-links{flex-direction:column;gap:0}.nav-links li a{display:block;padding:16px 0;font-size:1.1rem;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links li a:hover,.nav-links li a.active{color:#fff}.header-actions{flex-direction:column;width:100%;gap:12px}.btn-login{width:100%;text-align:center;border:2px solid rgba(255,255,255,.5);color:#fff}.btn-get-started{width:100%;text-align:center;background:#fff;color:#00326d}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn.open span{background:#fff}}@media(max-width:480px){.header-container{padding:0 16px}.header-logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.header-nav{width:100%;max-width:none;padding:80px 24px 24px}}.public-footer{background:linear-gradient(180deg,#0a1929,#00326d);color:#fff}.footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer-main{padding:60px 0 40px}.footer-main .footer-container{display:grid;grid-template-columns:1.5fr repeat(7,1fr);gap:24px}.footer-brand{max-width:280px}.footer-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.4rem;color:#fff;margin-bottom:16px}.footer-logo .logo-icon{font-size:1.8rem}.footer-description{color:#ffffffb3;font-size:.9rem;line-height:1.7;margin:0 0 20px}.footer-social{display:flex;gap:10px}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:8px;color:#fff;transition:all .3s ease}.footer-social a svg{width:16px;height:16px}.footer-social a:hover{background:#0056b3;transform:translateY(-3px)}.footer-column h4{font-size:.95rem;font-weight:600;margin:0 0 16px;color:#fff;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:linear-gradient(90deg,#0056b3,#00bc04);border-radius:2px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.footer-column ul li a:hover{color:#fff;transform:translate(4px)}.footer-secondary{padding:30px 0;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08)}.secondary-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.secondary-column h5{font-size:.9rem;font-weight:600;margin:0 0 12px;color:#fff}.tag-links{display:flex;flex-wrap:wrap;gap:8px}.tag-links a{display:inline-block;padding:6px 12px;background:#ffffff14;border-radius:20px;color:#fffc;text-decoration:none;font-size:.8rem;transition:all .3s ease}.tag-links a:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.footer-newsletter{padding:30px 0;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.newsletter-text h4{font-size:1.15rem;font-weight:600;margin:0 0 6px;color:#fff}.newsletter-text p{color:#ffffffb3;margin:0;font-size:.9rem}.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}.newsletter-form input{min-width:280px;padding:12px 18px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:.9rem;transition:all .3s ease}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form input:focus{outline:none;border-color:#0056b3;background:#ffffff26}.newsletter-form button{padding:12px 28px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00bc0466}.footer-bottom{padding:20px 0}.footer-bottom .footer-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-bottom p{color:#fff9;margin:0;font-size:.85rem}.footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom-links a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}@media(max-width:1200px){.footer-main .footer-container{grid-template-columns:1.5fr repeat(4,1fr);gap:24px 20px}.footer-column:nth-child(n+6){grid-column:span 1}}@media(max-width:1024px){.footer-main{padding:50px 0 30px}.footer-main .footer-container{grid-template-columns:repeat(4,1fr);gap:30px 20px}.footer-brand{grid-column:1 / -1;max-width:100%;text-align:center}.footer-social{justify-content:center}.footer-description{max-width:500px;margin-left:auto;margin-right:auto}.secondary-links-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media(max-width:768px){.footer-main{padding:40px 0 24px}.footer-main .footer-container{grid-template-columns:repeat(2,1fr);gap:24px 16px}.footer-column h4{font-size:.9rem;margin-bottom:12px}.footer-column ul li{margin-bottom:6px}.footer-column ul li a{font-size:.8rem}.secondary-links-grid{grid-template-columns:1fr;gap:24px}.secondary-column{text-align:center}.tag-links{justify-content:center}.newsletter-content{flex-direction:column;text-align:center;gap:20px}.newsletter-form{width:100%;flex-direction:column}.newsletter-form input{min-width:auto;width:100%}.newsletter-form button{width:100%}.footer-bottom .footer-container{flex-direction:column;text-align:center;gap:12px}.footer-bottom-links{justify-content:center;gap:12px}}@media(max-width:480px){.footer-main .footer-container{grid-template-columns:1fr;gap:24px}.footer-brand{text-align:left}.footer-social{justify-content:flex-start}.footer-description{max-width:none;margin-left:0;margin-right:0}.footer-column h4{font-size:.85rem}.footer-column ul li a{font-size:.8rem}.tag-links a{padding:5px 10px;font-size:.75rem}.footer-bottom-links{flex-direction:column;gap:8px}.footer-bottom-links a{font-size:.8rem}}.landing-page{width:100%;min-height:100vh;background:#fff;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 24px}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#00326d,#0056b3 40%,#4f46e5)}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 30%);opacity:1}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;font-size:2rem;opacity:.3;animation:float 15s ease-in-out infinite}.floating-icon.icon-1{top:15%;left:10%;animation-delay:0s}.floating-icon.icon-2{top:25%;right:15%;animation-delay:2s}.floating-icon.icon-3{top:60%;left:5%;animation-delay:4s}.floating-icon.icon-4{top:70%;right:10%;animation-delay:6s}.floating-icon.icon-5{top:40%;left:20%;animation-delay:8s}.floating-icon.icon-6{top:80%;left:15%;animation-delay:10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-25px) rotate(3deg)}}.hero-content-wrapper{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{color:#fff}.hero-badge-wrapper{margin-bottom:24px;animation:fadeInUp .6s ease-out}.hero-badge{display:inline-block;padding:10px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.9rem;font-weight:500}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.15;margin:0 0 24px;animation:fadeInUp .6s ease-out .1s both}.gradient-text{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-text{display:inline-block;border-right:3px solid #60a5fa;animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.hero-subtitle{font-size:1.2rem;line-height:1.7;opacity:.9;margin:0 0 28px;max-width:540px;animation:fadeInUp .6s ease-out .2s both}.hero-features{display:flex;gap:24px;margin-bottom:32px;animation:fadeInUp .6s ease-out .3s both}.hero-feature{display:flex;align-items:center;gap:8px;font-size:.95rem}.hero-feature-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#00bc04cc;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.hero-buttons{display:flex;gap:16px;margin-bottom:32px;animation:fadeInUp .6s ease-out .4s both}.btn-hero-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00bc0466}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00bc0480}.btn-hero-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#fff3;border-color:#ffffff80}.play-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;font-size:.6rem}.hero-trust{display:flex;align-items:center;gap:16px;animation:fadeInUp .6s ease-out .5s both}.trust-avatars{display:flex}.trust-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;font-size:1.2rem;margin-left:-8px}.trust-avatar:first-child{margin-left:0}.trust-text{font-size:.9rem;opacity:.9}.trust-text strong{color:#fbbf24}.hero-visual{position:relative;animation:fadeInRight .8s ease-out .3s both}.hero-dashboard{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.hero-dashboard:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.dashboard-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.dashboard-dots{display:flex;gap:6px}.dashboard-dots span{width:10px;height:10px;border-radius:50%}.dashboard-dots span:nth-child(1){background:#ef4444}.dashboard-dots span:nth-child(2){background:#fbbf24}.dashboard-dots span:nth-child(3){background:#22c55e}.dashboard-title{font-size:.8rem;color:#64748b;font-weight:500}.dashboard-content{padding:20px}.dashboard-welcome{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;margin-bottom:16px}.welcome-emoji{font-size:2rem}.dashboard-welcome h4{font-size:1rem;color:#1e40af;margin:0 0 4px}.dashboard-welcome p{font-size:.85rem;color:#3b82f6;margin:0}.dashboard-stats{display:flex;gap:12px;margin-bottom:16px}.mini-stat{flex:1;display:flex;align-items:center;gap:10px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.mini-stat-icon{font-size:1.5rem}.mini-stat-value{display:block;font-size:1.1rem;font-weight:700;color:#1e293b}.mini-stat-label{font-size:.75rem;color:#64748b}.dashboard-ai-chat{margin-bottom:16px}.ai-message{display:flex;gap:10px}.ai-avatar{font-size:1.5rem}.ai-bubble{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;padding:12px 16px;border-radius:12px 12px 12px 0;max-width:280px}.ai-bubble p{font-size:.85rem;line-height:1.5;margin:0}.dashboard-subjects{display:flex;gap:8px}.subject-pill{padding:8px 14px;background:#f1f5f9;border-radius:20px;font-size:.8rem;color:#475569;font-weight:500}.hero-decorations{position:absolute;inset:0;pointer-events:none}.decoration{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 30px #00000026;animation:bounce-soft 3s ease-in-out infinite}.decoration span:first-child{font-size:1.5rem}.decoration strong{font-size:.85rem;color:#1e293b;display:block}.decoration span:last-child{font-size:.75rem;color:#64748b}.decoration-1{top:-20px;right:-30px;animation-delay:0s}.decoration-2{bottom:30px;left:-40px;animation-delay:1.5s}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-section{padding:60px 0;background:linear-gradient(135deg,#00326d,#0056b3);margin-top:-1px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-card{text-align:center;padding:30px 20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out both;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);background:#ffffff26}.stat-icon{display:block;font-size:2.5rem;margin-bottom:12px}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:8px}.stat-label{font-size:.95rem;color:#fffc}.subjects-section{padding:100px 0;background:#f8fafc}.section-badge{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-radius:50px;font-size:.85rem;font-weight:500;margin-bottom:16px}.section-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 16px}.section-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.subjects-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:50px}.subject-card{position:relative;padding:30px 20px;background:#fff;border-radius:16px;text-align:center;border:2px solid #e2e8f0;cursor:pointer;overflow:hidden;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.subject-card:hover{transform:translateY(-8px);border-color:var(--subject-color);box-shadow:0 12px 30px #0000001a}.subject-icon{font-size:3rem;margin-bottom:16px}.subject-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.subject-topics{font-size:.8rem;color:#64748b}.subject-hover{position:absolute;bottom:0;left:0;right:0;padding:12px;background:var(--subject-color);color:#fff;font-size:.85rem;font-weight:500;transform:translateY(100%);transition:transform .3s ease}.subject-card:hover .subject-hover{transform:translateY(0)}.boards-section{text-align:center;padding-top:40px;border-top:1px solid #e2e8f0}.boards-label{font-size:.95rem;color:#64748b;margin:0 0 20px}.boards-list{display:flex;justify-content:center;gap:20px}.board-badge{display:flex;flex-direction:column;align-items:center;padding:16px 30px;background:#fff;border-radius:12px;border:2px solid #e2e8f0}.board-badge strong{font-size:1.1rem;color:#1e293b}.board-badge span{font-size:.85rem;color:#00326d}.how-it-works-section{padding:100px 0;background:#fff}.steps-container{position:relative;max-width:1000px;margin:0 auto}.steps-line{position:absolute;top:80px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,#00326d,#0056b3,#4f46e5,#7c3aed);border-radius:2px;z-index:0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:1}.step-card{text-align:center;animation:fadeInUp .6s ease-out both}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-radius:50%;font-size:.9rem;font-weight:700;margin-bottom:16px}.step-icon{font-size:3rem;margin-bottom:16px;display:block}.step-card h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 12px}.step-card p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}.step-highlight-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:12px}.step-connector{margin-top:16px;color:#00326d;font-size:1.5rem}.connector-arrow{display:inline-block;animation:bounceRight 1.5s ease-in-out infinite;opacity:.6}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.how-it-works-cta{text-align:center;margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:12px}.btn-how-it-works{padding:16px 40px;background:linear-gradient(135deg,#00326d,#0056b3,#4f46e5);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #00326d4d}.btn-how-it-works:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #00326d66}.cta-hint{font-size:.85rem;color:#64748b;font-weight:500}.step-card{text-align:center;animation:fadeInUp .6s ease-out both;background:#fff;padding:30px 20px;border-radius:20px;border:2px solid transparent;transition:all .3s ease;position:relative}.step-card:hover{border-color:#00326d;transform:translateY(-5px);box-shadow:0 15px 40px #00326d1f}.step-card:hover .step-icon{transform:scale(1.1);transition:transform .3s ease}.features-section{padding:100px 0;background:#f8fafc}.feature-card{padding:35px 30px;background:#fff;border-radius:20px;border:1px solid #e2e8f0;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00326d1f;border-color:#00326d}.feature-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.feature-icon{font-size:3rem}.feature-highlight{padding:6px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:20px;font-size:.75rem;font-weight:600}.feature-title{font-size:1.3rem;font-weight:600;color:#1e293b;margin:0 0 12px}.feature-description{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}.ai-demo-section{padding:100px 0;background:linear-gradient(135deg,#1e293b,#0f172a);overflow:hidden}.ai-demo-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-demo-text{color:#fff}.ai-demo-text .section-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.ai-demo-text h2{font-size:2.5rem;font-weight:700;margin:16px 0 20px}.ai-demo-text>p{font-size:1.1rem;opacity:.85;line-height:1.7;margin:0 0 30px}.ai-features-list{list-style:none;padding:0;margin:0 0 32px}.ai-features-list li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:1rem;opacity:.9}.ai-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.btn-try-ai{padding:16px 36px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-try-ai:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00bc0466}.ai-demo-visual{position:relative}.chat-window{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #0000004d;animation:floatUp 3s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#00326d,#0056b3)}.chat-header-left{display:flex;align-items:center;gap:12px;color:#fff}.chat-avatar{font-size:1.5rem}.chat-header-left strong{display:block;font-size:1rem}.online-status{font-size:.8rem;opacity:.8;display:flex;align-items:center;gap:6px}.online-status:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%}.chat-messages{padding:20px}.chat-message{margin-bottom:16px}.chat-message.user p{background:#f1f5f9;padding:12px 16px;border-radius:16px 16px 4px;color:#1e293b;font-size:.95rem;display:inline-block;max-width:85%;margin:0 0 0 auto;text-align:right}.chat-message.user{text-align:right}.chat-message.ai{text-align:left}.chat-message.ai p{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:12px 16px;border-radius:16px 16px 16px 4px;color:#1e293b;font-size:.95rem;margin:0 0 8px;display:inline-block;max-width:85%}.chat-message.ai ul{list-style:none;padding:0;margin:8px 0;background:#fff;border-radius:12px;display:inline-block}.chat-message.ai ul li{padding:8px 16px;font-size:.9rem;color:#1e293b}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f1f5f9;border-radius:16px;width:fit-content}.typing-indicator span{width:8px;height:8px;background:#64748b;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.testimonials-section{padding:100px 0;background:#fff}.testimonials-carousel{position:relative;max-width:800px;margin:0 auto 60px;overflow:hidden}.testimonials-track{display:flex;transition:transform .5s ease}.testimonial-slide{min-width:100%;padding:0 20px}.testimonial-card-large{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:24px;padding:50px 40px;text-align:center;position:relative}.testimonial-improvement{position:absolute;top:-15px;right:30px;padding:8px 16px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600}.testimonial-rating{font-size:1.5rem;margin-bottom:20px}.testimonial-card-large .testimonial-text{font-size:1.3rem;color:#1e293b;line-height:1.7;margin:0 0 30px;font-style:italic}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:16px}.testimonial-avatar{font-size:3rem}.testimonial-author div{text-align:left}.testimonial-author strong{display:block;font-size:1.1rem;color:#1e293b}.testimonial-author span{font-size:.9rem;color:#64748b}.testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;border:none;cursor:pointer;transition:all .3s ease}.testimonial-dot.active{background:linear-gradient(135deg,#00326d,#0056b3);width:30px;border-radius:6px}.testimonials-grid-small{display:none}.gamification-section{padding:100px 0;background:linear-gradient(135deg,#faf5ff,#f3e8ff);overflow:hidden}.gamification-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.gamification-visual{position:relative}.badges-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.badge-item{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff;border-radius:50%;font-size:2.5rem;box-shadow:0 8px 25px #0000001a;animation:bounce-badge 2s ease-in-out infinite}.badge-item.badge-1{animation-delay:0s}.badge-item.badge-2{animation-delay:.2s}.badge-item.badge-3{animation-delay:.4s}.badge-item.badge-4{animation-delay:.6s}.badge-item.badge-5{animation-delay:.8s}.badge-item.badge-6{animation-delay:1s}@keyframes bounce-badge{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.level-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.level-header{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600;color:#1e293b}.level-progress{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.level-bar{height:100%;background:linear-gradient(90deg,#00326d,#0056b3,#7c3aed);border-radius:6px;animation:progress-fill 2s ease-out}@keyframes progress-fill{0%{width:0}}.level-next{font-size:.85rem;color:#64748b}.gamification-text h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin:16px 0 20px}.gamification-text>p{font-size:1.1rem;color:#64748b;line-height:1.7;margin:0 0 30px}.gamification-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gami-feature{display:flex;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease}.gami-feature:hover{transform:translateY(-5px)}.gami-feature span:first-child{font-size:2rem}.gami-feature strong{display:block;font-size:1rem;color:#1e293b;margin-bottom:4px}.gami-feature p{font-size:.85rem;color:#64748b;margin:0}.cta-section{position:relative;padding:100px 0;background:linear-gradient(135deg,#00326d,#0056b3,#4f46e5);text-align:center;overflow:hidden}.cta-background,.cta-particles{position:absolute;inset:0}.cta-particles span{position:absolute;width:10px;height:10px;background:#ffffff4d;border-radius:50%;animation:float-particle 10s infinite}.cta-particles span:nth-child(1){left:10%;top:20%;animation-delay:0s}.cta-particles span:nth-child(2){left:20%;top:60%;animation-delay:2s}.cta-particles span:nth-child(3){left:70%;top:30%;animation-delay:4s}.cta-particles span:nth-child(4){left:80%;top:70%;animation-delay:6s}.cta-particles span:nth-child(5){left:50%;top:50%;animation-delay:8s}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-50px) scale(1.5);opacity:.6}}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto;color:#fff}.cta-title{font-size:2.8rem;font-weight:700;margin:0 0 20px}.cta-subtitle{font-size:1.2rem;opacity:.9;line-height:1.6;margin:0 0 36px}.cta-buttons{margin-bottom:24px}.btn-cta-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#fff;color:#00326d;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.cta-features{display:flex;justify-content:center;gap:30px;font-size:.95rem;opacity:.9}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1200px){.subjects-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.hero-content-wrapper{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.8rem}.hero-features{justify-content:center;flex-wrap:wrap}.hero-buttons,.hero-trust{justify-content:center}.hero-visual{max-width:500px;margin:40px auto 0}.hero-dashboard{transform:none}.decoration-1{right:0}.decoration-2{left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.subjects-grid{grid-template-columns:repeat(3,1fr)}.steps-line{display:none}.steps-grid{grid-template-columns:repeat(2,1fr);gap:40px}.step-connector{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.ai-demo-content,.gamification-content{grid-template-columns:1fr;gap:50px}.ai-demo-visual{order:-1}.gamification-visual{max-width:350px;margin:0 auto}}@media(max-width:768px){.hero-section{padding:100px 0 60px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem}.hero-features,.hero-buttons{flex-direction:column;gap:12px}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-visual{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px 15px}.stat-number{font-size:1.8rem}.section-title{font-size:2rem}.subjects-grid{grid-template-columns:repeat(2,1fr)}.boards-list{flex-direction:column;align-items:center;gap:12px}.steps-grid{grid-template-columns:1fr;gap:30px}.step-card{padding:24px 18px}.step-connector{display:none}.how-it-works-cta{margin-top:40px}.btn-how-it-works{padding:14px 32px;font-size:1rem}.features-grid{grid-template-columns:1fr}.testimonials-carousel{display:none}.testimonials-grid-small{display:grid;grid-template-columns:1fr;gap:20px}.testimonial-mini-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;text-align:center}.testimonial-mini-card .testimonial-avatar{font-size:2.5rem;margin-bottom:12px}.testimonial-rating-small{margin-bottom:12px}.testimonial-mini-card p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0 0 12px}.testimonial-mini-card strong{color:#1e293b}.gamification-features{grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-features{flex-direction:column;gap:12px}}@media(max-width:480px){.hero-title{font-size:1.8rem}.subjects-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subject-card{padding:20px 15px}.subject-icon{font-size:2rem}.badges-showcase{grid-template-columns:repeat(3,1fr);gap:12px}.badge-item{width:60px;height:60px;font-size:1.8rem}}.login-page{display:flex;min-height:100vh;width:100%;background:#f8fafc}.login-branding{flex:1;background:linear-gradient(135deg,#00326d,#004a9f,#06c);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.branding-content{position:relative;z-index:2;max-width:500px;animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.brand-logo{display:flex;align-items:center;gap:16px;margin-bottom:50px}.logo-icon{width:60px;height:60px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.brand-logo h1{font-size:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand-tagline h2{font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.brand-tagline p{font-size:18px;color:#fffc;line-height:1.6;margin-bottom:40px}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translate(8px)}.feature-icon{font-size:24px}.feature-item span:last-child{font-size:15px;color:#fff;font-weight:500}.brand-decoration{position:absolute;inset:0;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;background:#ffffff0d}.circle-1{width:400px;height:400px;top:-150px;right:-100px;animation:float 8s ease-in-out infinite}.circle-2{width:300px;height:300px;bottom:-100px;left:-50px;animation:float 10s ease-in-out infinite reverse}.circle-3{width:200px;height:200px;top:50%;right:10%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.login-form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;position:relative}.login-card{width:100%;max-width:420px;animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:32px;font-weight:700;color:#00326d;margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-size:15px;color:#64748b;font-weight:400}.success-alert{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:14px 20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;border-radius:12px;color:#065f46;font-size:14px;font-weight:500}.success-icon{width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.login-form{display:flex;flex-direction:column;gap:22px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b}.label-icon{font-size:16px}.form-input{width:100%;padding:14px 18px;font-size:15px;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background-color:#f8fafc;color:#1e293b;font-family:inherit}.form-input:focus{outline:none;border-color:#00326d;background-color:#fff;box-shadow:0 0 0 4px #00326d1a}.form-input::placeholder{color:#94a3b8}.form-input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.input-error{border-color:#ef4444;background-color:#fef2f2}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:52px}.password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;font-size:20px;padding:6px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;border-radius:8px}.password-toggle:hover{background:#f1f5f9;color:#00326d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;font-weight:500}.password-hint{font-size:12px;color:#10b981;font-weight:500;margin-top:4px}.error-icon{width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.api-error-message{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;padding:14px 18px;font-size:14px;color:#991b1b;font-weight:500;white-space:pre-line;line-height:1.5}.error-alert-icon{font-size:20px;flex-shrink:0}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-4px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom{background:#00326d;border-color:#00326d}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.forgot-password{font-size:14px;color:#00326d;text-decoration:none;font-weight:600;transition:all .2s ease}.forgot-password:hover{color:#004a9f;text-decoration:underline}.submit-button{width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#00bc04,#00a003);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #00bc044d;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00bc0466}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button.loading{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 15px #64748b4d}.btn-arrow{font-size:20px;transition:transform .3s ease}.submit-button:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.divider-text{font-size:13px;font-weight:500;color:#94a3b8;white-space:nowrap}.google-login-section{margin-bottom:8px}.google-button-wrapper{display:flex;justify-content:center}.google-button-wrapper.hidden{opacity:0;pointer-events:none}.google-button-wrapper.visible{opacity:1;transition:opacity .2s ease}.google-btn-custom{width:100%;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease}.google-btn-custom:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.google-btn-custom:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:28px;text-align:center;padding-top:24px;border-top:1px solid #f1f5f9}.login-footer p{font-size:15px;color:#64748b}.signup-link{color:#00326d;text-decoration:none;font-weight:600;transition:all .2s ease}.signup-link:hover{color:#004a9f;text-decoration:underline}.back-to-home{position:absolute;bottom:30px;font-size:14px;color:#64748b;text-decoration:none;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.back-to-home:hover{color:#00326d}@media(max-width:1024px){.login-branding{padding:40px}.brand-tagline h2{font-size:36px}.brand-tagline p{font-size:16px}}@media(max-width:900px){.login-page{flex-direction:column}.login-branding{flex:none;padding:40px 30px;min-height:auto}.branding-content{max-width:100%;text-align:center}.brand-logo{justify-content:center;margin-bottom:24px}.brand-tagline h2{font-size:28px}.brand-tagline p{font-size:15px;margin-bottom:24px}.brand-features{display:none}.login-form-panel{flex:none;padding:40px 24px 60px}.back-to-home{position:relative;bottom:auto;margin-top:24px}}@media(max-width:480px){.login-branding{padding:30px 20px}.logo-icon{width:50px;height:50px;font-size:26px}.brand-logo h1{font-size:26px}.brand-tagline h2{font-size:24px}.login-form-panel{padding:30px 20px 50px}.login-card{max-width:100%}.login-title{font-size:28px}.login-subtitle{font-size:14px}.form-input{padding:12px 16px;font-size:14px}.submit-button{padding:14px 20px;font-size:15px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.login-page{animation:pageLoad .5s ease-out}.about-page{background:#fff;overflow-x:hidden;min-height:100vh;width:100%}.about-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#00326d,#0056b3,#667eea);color:#fff;overflow:hidden}.about-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.about-hero .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.about-hero-content{max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.about-hero h1{font-size:3.5rem;font-weight:700;margin:0 0 24px;line-height:1.2}.about-hero p{font-size:1.25rem;opacity:.9;line-height:1.7;margin:0}.mission-section{padding:80px 0}.mission-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.mission-card{padding:50px 40px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease}.mission-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00326d1a}.mission-icon{font-size:4rem;margin-bottom:20px}.mission-card h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.mission-card p{font-size:1.05rem;color:#6b7280;line-height:1.7;margin:0}.story-section{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#fff)}.story-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.story-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.story-text h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:16px 0 24px}.story-text p{font-size:1.05rem;color:#4b5563;line-height:1.8;margin-bottom:20px}.story-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.stat-item{padding:30px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00326d14;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00326d26}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#00326d;margin-bottom:8px}.stat-label{font-size:.95rem;color:#6b7280}.values-section{padding:100px 0}.values-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.value-card{padding:40px 30px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;text-align:center;transition:all .3s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00326d1f;border-color:#00326d}.value-icon{font-size:3rem;margin-bottom:20px}.value-card h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.value-card p{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0}.why-section{padding:100px 0;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.why-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.why-section .section-header h2,.why-section .section-header p{color:#fff}.why-section .section-badge{background:#fff3}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.why-card{padding:40px 30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.why-card:hover{transform:translateY(-5px);background:#ffffff26}.why-icon{font-size:3.5rem;margin-bottom:20px}.why-card h3{font-size:1.3rem;font-weight:600;margin:0 0 16px;color:#fff}.why-card p{font-size:1rem;line-height:1.7;margin:0;opacity:.9}.team-section{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#fff)}.team-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.team-simple{max-width:800px;margin:0 auto}.team-description{text-align:center;padding:50px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00326d14;border:1px solid #e5e7eb}.team-emoji-row{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.team-emoji-row span{font-size:3.5rem;animation:bounce 2s ease-in-out infinite}.team-emoji-row span:nth-child(1){animation-delay:0s}.team-emoji-row span:nth-child(2){animation-delay:.2s}.team-emoji-row span:nth-child(3){animation-delay:.4s}.team-emoji-row span:nth-child(4){animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.team-description p{font-size:1.1rem;color:#4b5563;line-height:1.8;margin-bottom:24px}.team-description p strong{color:#00326d}.team-highlights{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:30px;padding-top:30px;border-top:1px solid #e5e7eb}.highlight-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:50px;font-size:.95rem;font-weight:500;color:#1a1a1a}.highlight-icon{font-size:1.3rem}.about-cta{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.about-cta .container{max-width:1280px;margin:0 auto;padding:0 24px}.about-cta .cta-content{max-width:700px;margin:0 auto;text-align:center}.about-cta h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.about-cta p{font-size:1.125rem;color:#6b7280;margin:0 0 32px}.cta-note{display:block;margin-top:20px;font-size:.9rem;color:#6b7280}@media(max-width:1024px){.about-hero h1{font-size:2.5rem}.mission-grid{grid-template-columns:1fr;gap:24px}.story-content{grid-template-columns:1fr;gap:40px}.values-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:20px}.team-description{padding:40px 30px}.team-emoji-row span{font-size:2.5rem}}@media(max-width:768px){.about-hero{padding:140px 0 100px}.about-hero h1{font-size:2rem}.about-hero p{font-size:1.05rem}.section-header h2,.story-text h2{font-size:2rem}.story-stats{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}.why-section,.values-section,.team-section,.story-section{padding:60px 0}.team-description{padding:30px 20px}.team-emoji-row{gap:12px}.team-emoji-row span{font-size:2rem}.team-description p{font-size:1rem}.team-highlights{flex-direction:column;gap:12px}.highlight-item{justify-content:center}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}}@media(max-width:480px){.about-hero{padding:120px 0 80px}.about-hero h1{font-size:1.75rem}.stat-number{font-size:2rem}}.features-page{background:#fff;overflow-x:hidden;min-height:100vh;width:100%}.features-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#00326d,#0056b3,#667eea);color:#fff;overflow:hidden}.features-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.features-hero .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.features-hero-content{max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.features-hero h1{font-size:3.5rem;font-weight:700;margin:0 0 24px;line-height:1.2}.features-hero p{font-size:1.25rem;opacity:.9;line-height:1.7;margin:0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.section-header p{font-size:1.125rem;color:#6b7280;margin:0}.features-tabs-section{padding:80px 0}.features-tabs-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.tabs-container{max-width:1100px;margin:0 auto}.tabs-header{display:flex;justify-content:center;gap:16px;margin-bottom:60px}.tab-btn{display:flex;align-items:center;gap:10px;padding:16px 36px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1.05rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:#00326d;color:#00326d}.tab-icon{font-size:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{padding:40px 30px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00326d1f;border-color:#00326d}.feature-icon{font-size:3.5rem;margin-bottom:20px}.feature-card h3{font-size:1.35rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.feature-card>p{font-size:1rem;color:#6b7280;line-height:1.6;margin:0 0 20px}.feature-highlights{list-style:none;padding:0;margin:0}.feature-highlights li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#4b5563;padding:6px 0}.feature-highlights .check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.ai-section{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.ai-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-text h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:16px 0 24px}.ai-text>p{font-size:1.1rem;color:#4b5563;line-height:1.8;margin-bottom:40px}.ai-capabilities{display:flex;flex-direction:column;gap:24px}.ai-capability{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00326d0f;transition:all .3s ease}.ai-capability:hover{transform:translate(10px);box-shadow:0 4px 20px #00326d1a}.cap-icon{font-size:2rem;flex-shrink:0}.ai-capability h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.ai-capability p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.ai-visual{display:flex;align-items:center;justify-content:center}.ai-animation{position:relative;width:400px;height:400px}.ai-circle{position:absolute;border-radius:50%;border:2px dashed rgba(0,50,109,.2);animation:spin 20s linear infinite}.ai-circle-1{inset:0}.ai-circle-2{inset:50px;animation-direction:reverse;animation-duration:15s}.ai-circle-3{inset:100px;animation-duration:10s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(135deg,#00326d,#0056b3);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #00326d4d}.ai-center span{font-size:3rem}.ai-center p{color:#fff;font-size:.8rem;font-weight:600;margin:4px 0 0}.comparison-section{padding:100px 0}.comparison-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.comparison-table{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto}.comparison-col{padding:40px;border-radius:20px}.comparison-col.traditional{background:#f8f9fa;border:1px solid #e5e7eb}.comparison-col.eduplatform{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.comparison-col h3{font-size:1.5rem;font-weight:600;margin:0 0 30px;text-align:center}.comparison-col ul{list-style:none;padding:0;margin:0}.comparison-col ul li{display:flex;align-items:center;gap:14px;padding:14px 0;font-size:1.05rem;border-bottom:1px solid rgba(128,128,128,.1)}.comparison-col ul li:last-child{border-bottom:none}.comparison-col .cross{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.comparison-col .check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#00bc04;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.comparison-col.traditional{color:#4b5563}.features-cta{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.features-cta .container{max-width:1280px;margin:0 auto;padding:0 24px}.features-cta .cta-content{max-width:700px;margin:0 auto;text-align:center}.features-cta h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.features-cta p{font-size:1.125rem;color:#6b7280;margin:0 0 32px}.cta-buttons{display:flex;gap:16px;justify-content:center}@media(max-width:1024px){.features-hero h1{font-size:2.5rem}.features-grid{grid-template-columns:repeat(2,1fr)}.ai-content{grid-template-columns:1fr;gap:60px}.ai-visual{order:-1}.ai-animation{width:300px;height:300px}}@media(max-width:768px){.features-hero{padding:140px 0 100px}.features-hero h1{font-size:2rem}.tabs-header{flex-direction:column;max-width:300px;margin:0 auto 40px}.tab-btn{justify-content:center}.features-grid{grid-template-columns:1fr}.comparison-table{grid-template-columns:1fr;gap:24px}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}}@media(max-width:480px){.features-hero{padding:120px 0 80px}.features-hero h1{font-size:1.75rem}.ai-animation{width:250px;height:250px}.ai-center{width:80px;height:80px}.ai-center span{font-size:2rem}}.pricing-page{background:#fff;overflow-x:hidden}.pricing-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#00326d,#0056b3,#667eea);color:#fff;overflow:hidden}.pricing-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.pricing-hero .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.pricing-hero-content{max-width:700px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.pricing-hero h1{font-size:3rem;font-weight:700;margin:0 0 24px;line-height:1.2}.pricing-hero p{font-size:1.2rem;opacity:.9;line-height:1.7;margin:0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}.section-header p{font-size:1.1rem;color:#6b7280;margin:0}.section-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-radius:50px;font-size:.85rem;font-weight:500;margin-bottom:16px}.pricing-section{padding:60px 0 100px}.pricing-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:50px;background:#f1f5f9;padding:6px;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}.billing-toggle button{padding:12px 28px;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.billing-toggle button.active{background:#fff;color:#00326d;box-shadow:0 2px 8px #0000001a}.save-badge{background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:20px;font-weight:600}.pricing-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1200px;margin:0 auto}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:24px;padding:40px 32px;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00326d26}.pricing-card.popular{border-color:#00326d;transform:scale(1.05);z-index:1;box-shadow:0 12px 40px #00326d33}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;padding:6px 20px;border-radius:20px;font-size:.85rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:24px}.pricing-header .plan-icon{font-size:2.5rem;display:block;margin-bottom:12px}.pricing-header h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.pricing-header p{font-size:.95rem;color:#6b7280;margin:0}.tax-note{font-size:.8rem;color:#94a3b8;margin:-8px 0 16px}.pricing-price{text-align:center;margin-bottom:8px}.pricing-price .currency{font-size:1.5rem;font-weight:600;color:#1a1a1a;vertical-align:top}.pricing-price .amount{font-size:3.5rem;font-weight:700;color:#1a1a1a}.pricing-price .period{font-size:1rem;color:#6b7280}.billed-yearly{text-align:center;font-size:.9rem;color:#6b7280;margin:0 0 24px}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.95rem;border-bottom:1px solid #f1f5f9}.pricing-features li:last-child{border-bottom:none}.pricing-features li.included{color:#1a1a1a}.pricing-features li.not-included{color:#9ca3af}.pricing-features .feature-name{flex:1}.pricing-features .feature-limit{margin-left:auto;padding:2px 8px;background:#f1f5f9;border-radius:10px;font-size:.75rem;color:#64748b;font-weight:500}.pricing-features .feature-limit.unlimited{background:#d1fae5;color:#059669}.pricing-features li.more-features{color:#4f46e5;font-style:italic}.pricing-features .check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.pricing-features .cross{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e5e7eb;color:#9ca3af;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.pricing-cta{width:100%;padding:14px;border:2px solid #00326D;border-radius:10px;background:#fff;color:#00326d;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-cta:hover{background:#f8fafc}.pricing-cta.primary{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-color:transparent}.pricing-cta.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00326d66}.school-section{padding:0 0 100px}.school-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.school-card{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:24px;padding:60px;border:1px solid #e5e7eb}.school-content{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.school-text h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:16px 0 12px}.school-text>p{font-size:1.1rem;color:#6b7280;margin:0 0 30px}.school-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.school-feature{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#374151}.school-feature .check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#00bc04,#00a503);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.school-cta{text-align:center}.custom-pricing{margin-bottom:24px}.custom-pricing p{font-size:1rem;color:#6b7280;margin:0 0 8px}.custom-pricing .starting{font-size:1.5rem;font-weight:700;color:#00326d}.school-cta .btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:all .3s ease}.school-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00326d66}.school-cta .btn-secondary{width:100%;padding:14px;background:#fff;color:#00326d;border:2px solid #00326D;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.school-cta .btn-secondary:hover{background:#00326d;color:#fff}.comparison-section{padding:100px 0;background:#fff}.comparison-section .container{max-width:1000px;margin:0 auto;padding:0 24px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.comparison-table th,.comparison-table td{padding:18px 24px;text-align:center;border-bottom:1px solid #f1f5f9}.comparison-table .feature-no{color:#ef4444;font-weight:600}.comparison-table .feature-unlimited{color:#059669;font-weight:700;font-size:1.2rem}.comparison-table .feature-value{color:#4f46e5;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table thead th{background:#f8fafc;font-weight:600;color:#1a1a1a;font-size:1rem}.comparison-table thead th.highlight{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.comparison-table tbody td{font-size:.95rem;color:#4b5563}.comparison-table tbody td.highlight{background:#f0f5ff;font-weight:500;color:#00326d}.comparison-table tbody tr:last-child td{border-bottom:none}.pricing-faq{padding:100px 0;background:#f8fafc}.pricing-faq .container{max-width:900px;margin:0 auto;padding:0 24px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.faq-item{padding:30px;background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d}.faq-item h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.faq-item p{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0}.pricing-cta-section{padding:100px 0;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;text-align:center}.pricing-cta-section .container{max-width:700px;margin:0 auto;padding:0 24px}.pricing-cta-section h2{font-size:2.5rem;font-weight:700;margin:0 0 16px}.pricing-cta-section p{font-size:1.2rem;opacity:.9;margin:0 0 32px}.pricing-cta-section .btn-primary{padding:16px 40px;background:#fff;color:#00326d;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-cta-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.school-content{grid-template-columns:1fr;gap:40px}.school-features{grid-template-columns:1fr}}@media(max-width:768px){.pricing-hero{padding:140px 0 100px}.pricing-hero h1{font-size:2rem}.school-card{padding:40px 24px}.faq-grid{grid-template-columns:1fr}.comparison-table th,.comparison-table td{padding:14px 16px;font-size:.9rem}.pricing-cta-section h2{font-size:2rem}}@media(max-width:480px){.pricing-hero{padding:120px 0 80px}.pricing-hero h1{font-size:1.75rem}.billing-toggle{flex-direction:column;width:100%;max-width:280px}.billing-toggle button{justify-content:center}.pricing-price .amount{font-size:2.5rem}}.contact-page{background:#fff;overflow-x:hidden}.contact-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#00326d,#0056b3,#667eea);color:#fff;overflow:hidden}.contact-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.contact-hero .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.contact-hero-content{max-width:700px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.contact-hero h1{font-size:3rem;font-weight:700;margin:0 0 24px;line-height:1.2}.contact-hero p{font-size:1.2rem;opacity:.9;line-height:1.7;margin:0}.contact-info-section{padding:60px 0 0;margin-top:-40px;position:relative;z-index:2}.contact-info-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-info-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #00326d1a;transition:all .3s ease}.contact-info-card:hover{transform:translateY(-8px);box-shadow:0 16px 50px #00326d26}.info-icon{font-size:3rem;margin-bottom:20px}.contact-info-card h3{font-size:1.35rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.info-details p{font-size:1rem;color:#00326d;font-weight:500;margin:4px 0}.info-note{display:block;font-size:.9rem;color:#6b7280;margin-top:16px}.contact-form-section{padding:80px 0}.contact-form-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.contact-form-wrapper h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}.contact-form-wrapper>p{font-size:1.05rem;color:#6b7280;margin:0 0 32px}.success-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#dcfce7;border:1px solid #86efac;border-radius:10px;color:#166534;font-size:.95rem;margin-bottom:24px;animation:fadeInUp .4s ease-out}.success-message span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;font-weight:700;font-size:.8rem}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group label{font-size:.95rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;color:#1a1a1a;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 4px #00326d1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #00326d66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.contact-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#f8fafc;padding:30px;border-radius:16px;border:1px solid #e5e7eb}.sidebar-card h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.quick-links ul{list-style:none;padding:0;margin:0}.quick-links ul li{margin-bottom:12px}.quick-links ul li a{display:flex;align-items:center;gap:10px;color:#4b5563;text-decoration:none;font-size:.95rem;transition:color .3s ease}.quick-links ul li a:hover{color:#00326d}.hours-list{display:flex;flex-direction:column;gap:12px}.hours-item{display:flex;justify-content:space-between;font-size:.95rem;color:#4b5563;padding:8px 0;border-bottom:1px solid #e5e7eb}.hours-item:last-child{border-bottom:none}.social-icons{display:flex;flex-direction:column;gap:12px}.social-icons a{display:flex;align-items:center;gap:12px;color:#4b5563;text-decoration:none;font-size:.95rem;padding:10px 16px;background:#fff;border-radius:8px;transition:all .3s ease}.social-icons a:hover{background:#00326d;color:#fff;transform:translate(5px)}.social-icons a span{font-size:1.25rem}.map-section{padding:0 0 80px}.map-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.map-container{border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014}.map-placeholder{background:linear-gradient(135deg,#f8fafc,#eef2ff);padding:80px 40px;text-align:center}.map-placeholder span{font-size:4rem;display:block;margin-bottom:16px}.map-placeholder p{font-size:1.25rem;color:#6b7280;margin:0}.map-placeholder .address{font-size:1rem;color:#00326d;font-weight:500;margin-top:16px}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:768px){.contact-hero{padding:140px 0 100px}.contact-hero h1{font-size:2rem}.contact-info-grid,.form-row,.contact-sidebar{grid-template-columns:1fr}.submit-btn{width:100%}}@media(max-width:480px){.contact-hero{padding:120px 0 80px}.contact-hero h1{font-size:1.75rem}.contact-info-card{padding:30px 20px}.sidebar-card{padding:24px 20px}}.faq-page{background:#fff;overflow-x:hidden}.faq-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#00326d,#0056b3,#667eea);color:#fff;overflow:hidden}.faq-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.faq-hero .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.faq-hero-content{max-width:700px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.hero-badge{display:inline-block;padding:8px 20px;background:#fff3;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-hero h1{font-size:3rem;font-weight:700;margin:0 0 24px;line-height:1.2}.faq-hero p{font-size:1.2rem;opacity:.9;line-height:1.7;margin:0}.hero-wave{position:absolute;bottom:0;left:0;right:0}.hero-wave svg{display:block;width:100%}.faq-content-section{padding:80px 0}.faq-content-section .container{max-width:1280px;margin:0 auto;padding:0 24px}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.faq-sidebar{position:sticky;top:100px}.faq-sidebar h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.category-list{display:flex;flex-direction:column;gap:8px}.category-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .3s ease;text-align:left}.category-btn:hover{background:#f8fafc;border-color:#00326d;color:#00326d}.category-btn.active{background:linear-gradient(135deg,#00326d,#0056b3);border-color:transparent;color:#fff}.category-icon{font-size:1.25rem;flex-shrink:0}.category-count{margin-left:auto;background:#00326d1a;padding:2px 8px;border-radius:12px;font-size:.8rem}.category-btn.active .category-count{background:#fff3}.faq-list-container h2{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 30px}.faq-list-container h2 .category-icon{font-size:2rem}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 15px #00326d14}.faq-item.open{border-color:#00326d;box-shadow:0 4px 20px #00326d1f}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;font-size:1.05rem;font-weight:600;color:#1a1a1a;cursor:pointer;text-align:left;gap:16px}.faq-question:hover{color:#00326d}.faq-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f1f5f9;border-radius:50%;font-size:1.25rem;font-weight:500;color:#6b7280;flex-shrink:0;transition:all .3s ease}.faq-item.open .faq-toggle{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.show{max-height:500px}.faq-answer p{padding:0 24px 24px;margin:0;font-size:1rem;line-height:1.7;color:#4b5563}.still-questions{padding:0 0 100px}.still-questions .container{max-width:1280px;margin:0 auto;padding:0 24px}.questions-card{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:24px;padding:60px;text-align:center}.questions-icon{font-size:4rem;margin-bottom:24px}.questions-card h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}.questions-card>p{font-size:1.1rem;color:#6b7280;margin:0 0 32px}.questions-actions{display:flex;gap:16px;justify-content:center}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00326d66}.btn-secondary{padding:14px 32px;background:#fff;color:#00326d;text-decoration:none;font-weight:600;border-radius:10px;border:2px solid #00326D;transition:all .3s ease}.btn-secondary:hover{background:#00326d;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.faq-layout{grid-template-columns:1fr;gap:40px}.faq-sidebar{position:static}.category-list{flex-direction:row;flex-wrap:wrap}.category-btn{flex:0 0 auto;width:auto}}@media(max-width:768px){.faq-hero{padding:140px 0 100px}.faq-hero h1{font-size:2rem}.category-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.category-btn{white-space:nowrap;padding:12px 16px;font-size:.9rem}.faq-question{padding:16px 20px;font-size:1rem}.faq-answer p{padding:0 20px 20px;font-size:.95rem}.questions-card{padding:40px 24px}.questions-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}}@media(max-width:480px){.faq-hero{padding:120px 0 80px}.faq-hero h1{font-size:1.75rem}.faq-list-container h2{font-size:1.35rem}}.legal-page{background:#fff;overflow-x:hidden}.legal-hero{padding:180px 0 60px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;text-align:center}.legal-hero .container{max-width:1280px;margin:0 auto;padding:0 24px}.legal-hero h1{font-size:3rem;font-weight:700;margin:0 0 16px;animation:fadeInUp .6s ease-out}.legal-hero p{font-size:1.1rem;opacity:.8;margin:0;animation:fadeInUp .6s ease-out .1s both}.legal-content{padding:80px 0}.legal-content .container{max-width:1280px;margin:0 auto;padding:0 24px}.legal-wrapper{display:grid;grid-template-columns:250px 1fr;gap:60px;align-items:start}.legal-toc{position:sticky;top:100px;background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e5e7eb}.legal-toc h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.legal-toc ul{list-style:none;padding:0;margin:0}.legal-toc ul li{margin-bottom:8px}.legal-toc ul li a{display:block;padding:8px 12px;color:#4b5563;text-decoration:none;font-size:.9rem;border-radius:8px;transition:all .3s ease}.legal-toc ul li a:hover{background:#fff;color:#00326d;transform:translate(5px)}.legal-main{max-width:800px}.legal-main section{margin-bottom:48px;scroll-margin-top:100px}.legal-main h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.legal-main h3{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin:24px 0 12px}.legal-main p{font-size:1rem;line-height:1.8;color:#4b5563;margin:0 0 16px}.legal-main ul{margin:0 0 20px;padding-left:24px}.legal-main ul li{font-size:1rem;line-height:1.8;color:#4b5563;margin-bottom:8px}.legal-main ul li strong{color:#1a1a1a}.contact-info{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-top:16px}.contact-info p{margin:8px 0;color:#1a1a1a}.contact-info p:first-child{margin-top:0}.contact-info p:last-child{margin-bottom:0}@media(max-width:1024px){.legal-wrapper{grid-template-columns:1fr;gap:40px}.legal-toc{position:static}.legal-toc ul{display:flex;flex-wrap:wrap;gap:8px}.legal-toc ul li{margin-bottom:0}.legal-toc ul li a{white-space:nowrap;font-size:.85rem;padding:6px 12px;background:#fff;border:1px solid #e5e7eb}}@media(max-width:768px){.legal-hero{padding:140px 0 50px}.legal-hero h1{font-size:2rem}.legal-content{padding:60px 0}.legal-main h2{font-size:1.35rem}.legal-main h3{font-size:1.1rem}.legal-toc ul{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.legal-toc ul li a{font-size:.8rem;padding:6px 10px}}@media(max-width:480px){.legal-hero{padding:120px 0 40px}.legal-hero h1{font-size:1.75rem}.legal-main p,.legal-main ul li{font-size:.95rem}.contact-info{padding:16px}}.sidebar{width:260px;height:100vh;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:2px 0 10px #00000026;z-index:1050;transition:transform .3s ease;border-right:none}.sidebar-header{padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#0000001a}.sidebar-logo{font-size:24px;font-weight:700;margin:0 0 5px;color:#fff}.sidebar-subtitle{font-size:12px;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:20px 0}.nav-section{margin-bottom:30px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#fff9;padding:0 20px;margin-bottom:10px;font-weight:600}.nav-menu{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#ffffffd9;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-item:hover{background:#ffffff1a;color:#fff;border-left-color:#60a5fa}.nav-item.active{background:#ffffff26;color:#fff;border-left-color:#60a5fa;font-weight:600}.nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center;flex-shrink:0}.nav-label{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:500}.logout-btn:hover{background:#dc3545;color:#fff;border-color:#dc3545}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000001a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:991.98px){.sidebar{transform:translate(-100%);pointer-events:none}.sidebar.sidebar-open{transform:translate(0);pointer-events:auto}}.mdi{font-family:Material Design Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.mdi-menu:before{content:"☰"}.mdi-magnify:before{content:"🔍"}.mdi-bell-outline:before{content:"🔔"}.mdi-chevron-down:before{content:"⌄"}.mdi-account:before{content:"👤"}.mdi-cog:before{content:"⚙️"}.mdi-logout:before{content:"🚪"}.mdi-information:before{content:"ℹ️"}.mdi-check-circle:before{content:"✓"}.mdi-alert:before{content:"⚠️"}@media(max-width:767.98px){.sidebar{width:280px}}.main-header{height:70px;background:linear-gradient(135deg,#00326d,#0056b3);border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #00326d33}.header-left{display:flex;align-items:center;gap:20px}.sidebar-toggle{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:5px}.header-search{position:relative;width:300px}.header-search input{padding:8px 40px 8px 15px;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:14px;background:#ffffff1a;color:#fff}.header-search input::placeholder{color:#fff9}.header-search input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.header-search i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:20px}.header-right{display:flex;align-items:center;gap:15px}.header-item{position:relative}.header-icon-btn{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-size:20px;cursor:pointer;position:relative;transition:all .3s ease}.header-icon-btn:hover{background:#ffffff26;color:#fff}.header-icon-btn .badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.header-profile-btn{background:none;border:none;display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:50px;cursor:pointer;transition:all .3s ease}.header-profile-btn:hover{background:#ffffff26}.profile-avatar-container{position:relative;width:42px;height:42px;flex-shrink:0}.profile-avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.profile-avatar-fallback{width:42px;height:42px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.profile-status-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid #00326D}.profile-name{font-size:14px;font-weight:600;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{font-size:12px;color:#ffffffb3;transition:transform .2s}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;min-width:320px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:0;z-index:1050}.dropdown-menu.show{display:block}.dropdown-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.dropdown-header h6{margin:0;font-size:16px;font-weight:600;color:#212529}.dropdown-body{max-height:350px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#495057;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-size:14px}.dropdown-item:hover{background:#f8f9fa;color:#8fc0a9}.dropdown-item i{font-size:18px;width:20px;text-align:center}.dropdown-footer{padding:10px 20px;border-top:1px solid #e0e0e0;text-align:center}.dropdown-footer a{color:#8fc0a9;text-decoration:none;font-size:14px;font-weight:500}.dropdown-footer a:hover{text-decoration:underline}.dropdown-divider{height:1px;background:#e0e0e0;margin:5px 0}.notification-item{display:flex;gap:12px;align-items:flex-start;position:relative}.notification-item.read{opacity:.7}.notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f8f9fa;color:#00326d;font-size:16px;font-weight:700}.notification-content{flex:1;min-width:0}.notification-text{font-size:13px;color:#1f2937;margin:0 0 4px;line-height:1.4}.notification-text strong{display:block;margin-bottom:4px;font-weight:600}.notification-time{font-size:11px;color:#9ca3af}.notification-remove-btn{background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:4px;flex-shrink:0;opacity:0;transition:opacity .2s,color .2s;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-item:hover .notification-remove-btn{opacity:1}.notification-remove-btn:hover{color:#ef4444}.notification-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.clear-all-btn{background:transparent;border:none;color:#00326d;font-size:13px;font-weight:600;cursor:pointer;padding:8px;width:100%;text-align:center;transition:background .2s}.clear-all-btn:hover{background:#f8f9fa}.notification-text{margin:0 0 4px;font-size:14px;color:#212529}.notification-time{font-size:12px;color:#6c757d}.profile-dropdown{min-width:280px;padding:0;overflow:hidden}.profile-dropdown-header{background:linear-gradient(135deg,#00326d,#0056b3);padding:20px;border-bottom:none}.profile-info{display:flex;align-items:center;gap:15px}.profile-avatar-large-container{position:relative;width:60px;height:60px;flex-shrink:0}.profile-avatar-large-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003}.profile-avatar-large-fallback{width:60px;height:60px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;border:3px solid rgba(255,255,255,.3)}.profile-details{display:flex;flex-direction:column;gap:4px}.profile-details h6{margin:0;font-size:16px;font-weight:700;color:#fff}.profile-role-badge{display:inline-block;padding:3px 10px;background:#fff3;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.profile-email{font-size:12px;color:#fffc;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown .dropdown-body{padding:8px 0}.profile-dropdown .dropdown-item{padding:12px 20px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease}.profile-dropdown .dropdown-item:hover{background:#f0f7ff;color:#00326d}.profile-dropdown .dropdown-item .menu-icon{font-size:18px;width:24px;text-align:center}.profile-dropdown .logout-item{color:#dc2626}.profile-dropdown .logout-item:hover{background:#fef2f2;color:#dc2626}.profile-dropdown .dropdown-divider{margin:8px 0;border-color:#e5e7eb}@media(max-width:768px){.main-header{padding:0 15px}.header-search{display:none}.dropdown-menu{min-width:280px;right:-10px}}.notification-popup-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification-popup{background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;gap:12px;cursor:pointer;pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid #00326D;transition:all .2s ease;min-width:300px}.notification-popup:hover{box-shadow:0 6px 16px #0003;transform:translate(-4px)}.notification-popup.read{opacity:.7}.notification-popup.success{border-left-color:#10b981;background:#f0fdf4}.notification-popup.error{border-left-color:#ef4444;background:#fef2f2}.notification-popup.warning{border-left-color:#f59e0b;background:#fffbeb}.notification-popup.info{border-left-color:#3b82f6;background:#eff6ff}.notification-popup-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-popup.success .notification-popup-icon{color:#10b981}.notification-popup.error .notification-popup-icon{color:#ef4444}.notification-popup.warning .notification-popup-icon{color:#f59e0b}.notification-popup.info .notification-popup-icon{color:#3b82f6}.notification-popup-content{flex:1;min-width:0}.notification-popup-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px}.notification-popup-message{font-size:13px;color:#4b5563;line-height:1.5;word-wrap:break-word}.notification-popup-action{margin-top:8px;padding:6px 12px;background:#00326d;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.notification-popup-action:hover{background:#0056b3}.notification-popup-close{background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.notification-popup-close:hover{color:#1f2937}@media(max-width:768px){.notification-popup-container{right:10px;left:10px;max-width:none}.notification-popup{min-width:auto}}.layout-container{display:flex;min-height:100vh;background:#fff;position:relative}.layout-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.layout-main{flex:1;padding:30px;background:#f8fafc}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1040;transition:opacity .3s ease}@media(max-width:991.98px){.layout-wrapper{margin-left:0}}@media(max-width:767.98px){.layout-main{padding:15px}}.dashboard-container{min-height:100vh;background:transparent;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:30px;box-shadow:0 1px 3px #00000014;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00326d26;border-color:#00326d}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.stat-title{font-size:15px;font-weight:600;color:#6c757d;margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-icon-wrapper{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon{font-size:32px}.stat-value{font-size:42px;font-weight:700;color:#00326d;margin:0;line-height:1.2}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:0;height:100%;display:flex;flex-direction:column}.card-header{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:flex-start}.card-title{font-size:18px;font-weight:600;color:#212529;margin:0 0 5px}.card-subtitle{font-size:13px;color:#6c757d;margin:0;line-height:1.5}.view-all-link{color:#8fc0a9;text-decoration:none;font-size:14px;font-weight:500}.view-all-link:hover{text-decoration:underline;color:#6fa88f}.card-body{padding:25px;flex:1}.sales-summary{margin-bottom:20px}.sales-value{font-size:32px;font-weight:700;color:#212529;margin:0 0 5px}.sales-label{font-size:16px;font-weight:600;color:#6c757d;margin:0 0 10px}.sales-description{font-size:13px;color:#6c757d;margin:0;line-height:1.5}.sales-list{display:flex;flex-direction:column;gap:12px}.sales-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.sales-item:last-child{border-bottom:none}.sales-name{font-size:14px;color:#495057}.sales-amount{font-size:14px;font-weight:600;color:#212529}.table{margin-bottom:0}.table thead th{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0;padding:12px;background:#faf3dd}.table tbody td{font-size:14px;color:#495057;padding:12px;border-bottom:1px solid #f0f0f0}.table tbody tr:hover{background:#faf3dd}.badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-secondary{background:#e2e3e5;color:#383d41}.meeting-value{font-size:36px;font-weight:700;color:#212529;margin:0 0 15px}.meeting-description{font-size:13px;color:#6c757d;margin:0;line-height:1.6}.loading-state{padding:60px 20px;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#00326d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-state p{color:#6c757d;font-size:14px;margin:0}@media(max-width:1200px){.stat-value{font-size:36px}}@media(max-width:768px){.welcome-section{padding:20px}.welcome-section h2{font-size:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:24px}.stat-value{font-size:32px}.stat-icon-wrapper{width:56px;height:56px}.stat-icon{font-size:28px}}.analytics-section{margin-top:40px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.analytics-header h3{margin:0;font-size:24px;font-weight:600;color:#111827}.period-selector{display:flex;align-items:center;gap:8px}.period-selector label{font-size:14px;font-weight:500;color:#6b7280}.days-select{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;transition:all .2s}.days-select:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.period-info{margin:0 0 24px;font-size:14px;color:#6b7280;font-style:italic}.analytics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.analytics-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.analytics-summary-card:hover{border-color:#00326d;box-shadow:0 4px 12px #00326d1a;transform:translateY(-2px)}.analytics-card-icon{font-size:32px;flex-shrink:0}.analytics-card-content{flex:1}.analytics-card-content h4{margin:0 0 4px;font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.analytics-card-value{margin:0;font-size:24px;font-weight:700;color:#111827}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-top:24px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .2s}.chart-card:hover{box-shadow:0 4px 12px #0000001f}.chart-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.empty-state{text-align:center;padding:60px 20px;color:#6b7280;font-size:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}@media(max-width:1200px){.charts-container{grid-template-columns:1fr}}@media(max-width:768px){.analytics-header{flex-direction:column;align-items:flex-start}.analytics-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.analytics-summary-card{padding:16px;flex-direction:column;text-align:center}.analytics-card-icon{font-size:28px}.analytics-card-value{font-size:20px}.chart-card{padding:16px}.chart-title{font-size:16px}}.materials-container{min-height:100vh;background:#fff;padding:0}.add-material-btn{background:#e26d5c;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-material-btn:hover{background:#d45a4a}.materials-main{padding:32px;max-width:1400px;margin:0 auto}.filters-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px}.search-box{display:flex;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin-bottom:15px;transition:border-color .3s ease}.search-box:focus-within{border-color:#e26d5c}.search-icon{font-size:18px;margin-right:10px;color:#6b7280}.search-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#111827}.category-filters{display:flex;gap:10px;flex-wrap:wrap}.category-btn{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:20px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#e26d5c;color:#e26d5c}.category-btn.active{background:#e26d5c;border-color:#e26d5c;color:#fff}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:30px}.material-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.material-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.material-type-badge{background:#ffe1a8;color:#8b6914;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.material-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.material-status.published{background:#d1fae5;color:#065f46}.material-status.draft{background:#fef3c7;color:#92400e}.material-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.material-category{font-size:14px;color:#6b7280;margin:0 0 15px}.material-stats{display:flex;gap:20px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.stat-icon{font-size:16px}.material-actions{display:flex;gap:8px}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:#c9cba3;color:#fff}.edit-btn:hover{background:#b5b890}.view-btn{background:#e26d5c;color:#fff}.view-btn:hover{background:#d45a4a}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.materials-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.summary-card h3{font-size:14px;color:#6b7280;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:32px;font-weight:700;color:#e26d5c;margin:0}@media(max-width:768px){.header-content{flex-direction:column;gap:15px;align-items:flex-start}.materials-main{padding:15px}.materials-grid{grid-template-columns:1fr}.materials-summary{grid-template-columns:repeat(2,1fr)}}.page-header-section{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:30px;background:transparent;border:none}.page-header-title{font-size:28px;font-weight:600;color:#212529;margin:0;letter-spacing:-.5px}.page-header-actions{display:flex;align-items:center;gap:12px}.page-menu-btn{background:transparent;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s ease}.page-menu-btn:hover{background:#f3f4f6;color:#374151}.page-menu-btn span{display:block;transform:rotate(90deg);font-weight:600;letter-spacing:2px}@media(max-width:768px){.page-header-section{padding:20px 24px}.page-header-title{font-size:20px}.page-header-actions{gap:8px}}@media(max-width:576px){.page-header-section{padding:16px 20px}.page-header-title{font-size:18px}.page-header-actions{gap:6px}}.analytics-container{min-height:100vh;background:#fff;padding:0}.export-btn{background:#c9cba3;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.export-btn:hover{background:#b5b890}.analytics-main{padding:32px;max-width:1400px;margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease}.metric-card:hover{transform:translateY(-5px)}.metric-icon{font-size:40px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e26d5c,#d45a4a);border-radius:12px}.metric-content h3{font-size:14px;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:32px;font-weight:700;color:#e26d5c;margin:0 0 5px}.metric-change{font-size:12px;font-weight:600}.metric-change.positive{color:#c9cba3}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:25px}.chart-container{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.chart-title{font-size:18px;font-weight:600;color:#e26d5c;margin:0 0 20px}@media(max-width:768px){.header-content{flex-direction:column;gap:15px;align-items:flex-start}.analytics-main{padding:15px}.metrics-grid,.charts-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:20px;font-weight:600;color:#e26d5c;margin:0}.modal-close{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:8px;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#111827}.modal-body{padding:25px}@media(max-width:767.98px){.modal-content{max-width:100%;margin:10px;max-height:95vh}.modal-header{padding:15px 20px}.modal-body{padding:20px}.modal-title{font-size:18px}}.setup-tab{width:100%}.tab-header{margin-bottom:30px}.tab-header h2{font-size:24px;font-weight:600;color:#e26d5c;margin:0 0 8px}.tab-header p{font-size:14px;color:#6b7280;margin:0}.form-card{background:#fff;padding:25px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;margin-bottom:25px}.chapter-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;margin-bottom:25px}.action-add-btn{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.generate-card{flex:1 1 320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;align-items:center}.generate-info h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 6px}.generate-info p{margin:0;color:#6b7280;font-size:14px}.generate-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.generate-input{width:140px}.btn-ai{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 2px 8px #00326d40}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00326d59}.btn-ai:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.form-card h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px}.setup-form{display:flex;flex-direction:column;gap:20px}@media(max-width:575.98px){.form-row{grid-template-columns:1fr}}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f9fafb;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e26d5c;background:#fff;box-shadow:0 0 0 3px #e26d5c1a}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#e26d5c}.btn-primary{background:linear-gradient(135deg,#e26d5c,#d45a4a);color:#fff;box-shadow:0 2px 8px #e26d5c4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e26d5c66}.list-card{background:#fff;padding:25px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.btn-refresh{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#e5e7eb}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table thead{background:#f9fafb}.data-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.data-table td{padding:12px 16px;font-size:14px;color:#111827;border-bottom:1px solid #e5e7eb}.data-table tbody tr:hover{background:#f9fafb}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:575.98px){.action-buttons{flex-direction:column}.btn-action{width:100%}}.btn-action{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-edit{background:#c9cba3;color:#fff}.btn-edit:hover{background:#b5b890}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.coming-soon{background:#fff;padding:60px 40px;border-radius:12px;border:1px solid #e5e7eb;text-align:center}.coming-soon-icon{font-size:64px;margin-bottom:20px}.coming-soon h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 10px}.coming-soon p{font-size:14px;color:#6b7280;margin:0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.chapter-actions{flex-direction:column}.generate-card{flex-direction:column;align-items:flex-start}.generate-controls,.generate-input{width:100%}.form-actions{flex-direction:column}.btn{width:100%}.table-container{overflow-x:scroll}.data-table{min-width:600px}}.setup-container{min-height:100vh;background:transparent;padding:0}.setup-main{padding:0;width:100%;max-width:100%;margin:0}.setup-tabs-wrapper{width:100%;background:#fff;border-bottom:2px solid #f0f0f0;padding:0 32px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.setup-tabs-wrapper::-webkit-scrollbar{display:none}.setup-tabs-list{display:flex;list-style:none;padding:0;margin:0;gap:0;width:100%}.setup-tab-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.setup-tab-button:hover{color:#8fc0a9;background:#faf3dd}.setup-tab-button.active{color:#8fc0a9;border-bottom-color:#8fc0a9;font-weight:600;background:transparent}.tab-icon{font-size:18px;flex-shrink:0}.tab-label{font-size:15px}.setup-tab-content{width:100%;padding:32px;max-width:100%;margin:0}@media(max-width:768px){.setup-tabs-wrapper{padding:0 16px}.setup-tab-button{padding:12px 16px;font-size:14px}.tab-icon{font-size:16px}.tab-label{font-size:14px}.setup-tab-content{padding:20px 16px}}@media(max-width:576px){.setup-tab-button{padding:10px 12px}.tab-label{display:none}.tab-icon{margin:0}}.admin-container{min-height:100vh;background:#f8fafc;padding:0}.header-actions{display:flex;align-items:center;gap:16px}.today-date{font-size:14px;color:#64748b;font-weight:500}.btn-refresh{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#00326d;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#00326d;border-color:#00326d;color:#fff}.admin-main{padding:24px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.admin-loading p{font-size:16px;color:#64748b}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;text-align:center}.admin-error .error-icon{font-size:48px}.admin-error h3{font-size:20px;color:#1e293b;margin:0}.admin-error p{font-size:14px;color:#64748b;margin:0}.btn-retry{padding:12px 24px;background:#00326d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:#004a9f}.system-health-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;border:1px solid #34d399}.system-health-banner.unhealthy{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.health-status{display:flex;align-items:center;gap:12px}.health-icon{font-size:24px}.health-text{font-size:14px;color:#065f46}.system-health-banner.unhealthy .health-text{color:#991b1b}.health-indicators{display:flex;gap:16px}.indicator{padding:6px 12px;background:#fff;border-radius:20px;font-size:13px;font-weight:500;opacity:.6}.indicator.active{opacity:1;background:#10b981;color:#fff}.indicator.inactive{background:#ef4444;color:#fff;opacity:1}.alerts-section{display:flex;flex-direction:column;gap:12px}.alert-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;border-left:4px solid #f59e0b;box-shadow:0 2px 8px #0000000d}.alert-card.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.alert-card.error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.alert-card.info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.alert-message{flex:1;font-size:14px;font-weight:500;color:#1e293b}.alert-action{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;color:#00326d;cursor:pointer;transition:all .2s ease}.alert-action:hover{background:#00326d;border-color:#00326d;color:#fff}.section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.kpi-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kpi-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00326d1f;border-color:var(--accent-color)}.kpi-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-title{font-size:13px;color:#64748b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:24px;font-weight:700;margin:0}.quick-actions-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.quick-action-card:hover{background:linear-gradient(135deg,#00326d,#004a9f);border-color:#00326d;transform:translateY(-4px);box-shadow:0 8px 24px #00326d33}.quick-action-card:hover .action-icon{transform:scale(1.1)}.quick-action-card:hover .action-label{color:#fff}.action-icon{font-size:32px;transition:transform .3s ease}.action-label{font-size:13px;font-weight:600;color:#475569;text-align:center;transition:color .3s ease}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.activity-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:14px;background:#f8fafc;border-radius:10px;transition:all .2s ease}.activity-item:hover{background:#f1f5f9}.activity-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 6px #0000000d}.activity-content{flex:1;min-width:0}.activity-message{font-size:14px;color:#1e293b;margin:0 0 4px}.activity-time{font-size:12px;color:#94a3b8}.no-activity{padding:40px 20px;text-align:center;color:#94a3b8}.btn-view-all{width:100%;margin-top:16px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#00326d;cursor:pointer;transition:all .2s ease}.btn-view-all:hover{background:#00326d;border-color:#00326d;color:#fff}.management-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.management-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.management-card{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.mgmt-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mgmt-icon{font-size:24px}.mgmt-header h4{font-size:15px;font-weight:600;color:#1e293b;margin:0}.mgmt-actions{display:flex;gap:8px}.mgmt-actions button{flex:1;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.mgmt-actions button:hover{background:#00326d;border-color:#00326d;color:#fff}.logs-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logs-header .section-title{margin-bottom:0}.logs-header .btn-view-all{width:auto;margin-top:0;padding:8px 16px}.logs-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.logs-table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;padding:14px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.logs-placeholder{padding:40px 20px;text-align:center;color:#94a3b8}.logs-placeholder button{margin-top:12px;padding:10px 20px;background:#00326d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logs-placeholder button:hover{background:#004a9f}@media(max-width:1200px){.dashboard-columns{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.admin-main{padding:16px}.header-actions{flex-direction:column;align-items:flex-start;gap:8px}.system-health-banner{flex-direction:column;gap:12px;text-align:center}.health-indicators{flex-wrap:wrap;justify-content:center}.kpi-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.management-cards{grid-template-columns:1fr}.logs-table-header{display:none}.alert-card{flex-direction:column;text-align:center;gap:12px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.kpi-card{padding:16px}.kpi-icon{width:44px;height:44px;font-size:22px}.kpi-value{font-size:20px}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-action-card{padding:16px 12px}.action-icon{font-size:28px}.action-label{font-size:12px}}.kpi-card,.quick-action-card,.activity-item,.management-card,.alert-card{animation:fadeIn .4s ease backwards}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.kpi-card:nth-child(6){animation-delay:.3s}.kpi-card:nth-child(7){animation-delay:.35s}.kpi-card:nth-child(8){animation-delay:.4s}.kpi-card:nth-child(9){animation-delay:.45s}.kpi-card:nth-child(10){animation-delay:.5s}.features-plan-container{min-height:100vh;background:transparent;padding:0}.features-plan-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#00326d;background:#f9fafb}.tab-button.active{color:#00326d;border-bottom-color:#00326d;font-weight:600}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.plan-selector{display:flex;align-items:center;gap:12px}.plan-select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;min-width:200px}.plan-select:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.info-display{padding:10px 12px;background:#f9fafb;border-radius:8px;color:#111827}.unmapped-feature{background:#fef3c7;opacity:.8}.status-badge.mapped{background:#d1fae5;color:#065f46}.status-badge.unmapped{background:#fee2e2;color:#991b1b}.features-table-container,.plan-features-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.features-table,.plan-features-table{width:100%;border-collapse:collapse}.features-table thead,.plan-features-table thead{background:#f9fafb}.features-table th,.plan-features-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb}.features-table td,.plan-features-table td{padding:12px 16px;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6}.features-table tbody tr:hover,.plan-features-table tbody tr:hover{background:#f9fafb}.features-table code,.plan-features-table code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px;color:#00326d;font-family:Courier New,monospace}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.action-buttons .btn{padding:6px 12px;font-size:12px}.empty-state{text-align:center;padding:40px;color:#6b7280;font-style:italic}.loading-state{text-align:center;padding:40px;color:#6b7280}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.btn-close-modal{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#111827}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;transition:all .2s;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.form-group input[type=text]:disabled,.form-group input[type=number]:disabled,.form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:12px;color:#6b7280}.form-group input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer}@media(max-width:768px){.features-plan-tabs{flex-wrap:wrap}.tab-button{padding:10px 16px;font-size:14px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.features-table-container,.plan-features-table-container{padding:16px}.features-table,.plan-features-table{font-size:12px}.features-table th,.features-table td,.plan-features-table th,.plan-features-table td{padding:8px 12px}.modal-content{max-width:100%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:16px}}.admin-students-page{padding:0 24px 24px;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e8eef5)}.students-filter-card{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 12px #00326d0f;border:1px solid rgba(0,50,109,.08)}.filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.search-group{flex:2;min-width:280px}.board-group{flex:1;max-width:200px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.search-input-wrapper input{width:100%;padding:12px 14px 12px 44px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#f8fafc;transition:all .2s ease}.search-input-wrapper input:focus{outline:none;border-color:#00326d;background:#fff;box-shadow:0 0 0 4px #00326d1a}.search-input-wrapper input::placeholder{color:#94a3b8}.filter-group select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-group select:focus{outline:none;border-color:#00326d;background-color:#fff;box-shadow:0 0 0 4px #00326d1a}.filter-actions{display:flex;gap:10px;flex-shrink:0}.btn-search,.btn-clear{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-search{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 4px 12px #00326d40}.btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00326d59}.btn-search:disabled{opacity:.7;cursor:not-allowed}.btn-clear{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.btn-clear:hover{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-weight:500;margin-bottom:24px}.students-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00326d14;border:1px solid rgba(0,50,109,.08);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#00326d,#004494);color:#fff}.table-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.table-title svg{opacity:.9}.table-meta{display:flex;align-items:center;gap:12px}.student-count{background:#fff3;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.students-table-card table{width:100%;border-collapse:collapse}.students-table-card thead{background:#f8fafc}.students-table-card thead th{padding:14px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#64748b;border-bottom:2px solid #e2e8f0;text-align:left;white-space:nowrap}.students-table-card tbody tr{transition:all .15s ease;border-bottom:1px solid #f1f5f9}.students-table-card tbody tr:last-child{border-bottom:none}.students-table-card tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.students-table-card tbody td{padding:16px;vertical-align:middle}.col-num{width:60px;text-align:center}.row-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f1f5f9;border-radius:8px;font-size:13px;font-weight:600;color:#64748b}.col-student{min-width:200px}.student-info{display:flex;align-items:center;gap:14px}.student-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#00326d,#06c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:0 4px 12px #00326d33}.student-details{display:flex;flex-direction:column;gap:2px}.student-name{font-weight:600;color:#1e293b;font-size:14px}.student-id{font-size:12px;color:#94a3b8}.col-contact{min-width:180px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-email{color:#1e293b;font-size:14px}.contact-phone{color:#94a3b8;font-size:12px}.col-board{min-width:100px}.board-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;border-radius:8px;font-size:12px;font-weight:600}.col-school{min-width:150px}.school-name{color:#475569;font-size:14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.col-status{width:120px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-badge.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-dot{width:8px;height:8px;border-radius:50%}.status-badge.active .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-badge.inactive .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.col-action{width:100px}.btn-view{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #00326D;color:#00326d;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view:hover{background:#00326d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00326d40}.loading-row td,.empty-row td{padding:60px 20px!important}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#00326d;border-radius:50%;animation:spin .8s linear infinite}.loading-state span{color:#64748b;font-size:14px}.empty-state svg{color:#cbd5e1}.empty-state h4{margin:8px 0 0;color:#475569;font-size:16px;font-weight:600}.empty-state p{margin:0;color:#94a3b8;font-size:14px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.pagination-info{color:#64748b;font-size:14px}.pagination-info strong{color:#1e293b}.pagination{display:flex;align-items:center;gap:8px}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#00326d;color:#00326d;background:#f0f7ff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.page-num:hover:not(.active){border-color:#00326d;color:#00326d}.page-num.active{background:linear-gradient(135deg,#00326d,#004494);border-color:#00326d;color:#fff;box-shadow:0 4px 12px #00326d40}@media(max-width:1200px){.filter-row{gap:12px}.search-group{flex:1;min-width:220px}.board-group{max-width:180px}}@media(max-width:992px){.admin-students-page{padding:0 16px 16px}.students-filter-card{padding:16px}.filter-row{flex-direction:column;gap:12px}.filter-group{width:100%;max-width:none}.search-group,.board-group{flex:none;max-width:none}.filter-actions{width:100%}.btn-search,.btn-clear{flex:1}.table-header{padding:16px}.table-footer{flex-direction:column;gap:16px;text-align:center}}@media(max-width:768px){.students-table-card thead th{font-size:10px;padding:10px 8px}.students-table-card tbody td{padding:12px 8px}.student-avatar{width:36px;height:36px;font-size:13px;border-radius:10px}.student-name,.contact-email{font-size:13px}.status-badge{padding:4px 10px;font-size:10px}.btn-view{padding:6px 12px;font-size:12px}.pagination{flex-wrap:wrap;justify-content:center}}@media(max-width:576px){.col-board,.col-school,.table-title span,.page-numbers{display:none}}.student-avatar-lg{width:80px;height:80px;border-radius:16px;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;border:3px solid rgba(255,255,255,.3)}.detail-icon{width:40px;height:40px;border-radius:10px;background:#f1f5f9;color:#00326d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#1e293b;font-weight:500}.json-preview{background:#1e293b;color:#94a3b8;padding:16px;border-radius:8px;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-x:auto;max-height:300px;overflow-y:auto}.text-white-50{color:#fff9!important}@media(max-width:992px){.student-avatar-lg{width:64px;height:64px;font-size:22px}}.student-detail-page{padding:0 24px 40px;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e8eef5)}.back-button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.back-button:hover{border-color:#00326d;color:#00326d;transform:translate(-4px)}.detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00326d14}.spinner-large{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#00326d;border-radius:50%;animation:spin .8s linear infinite}.detail-loading p{margin-top:16px;color:#64748b;font-size:15px}.detail-error{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-weight:500}.profile-hero{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00326d1f;margin-bottom:24px}.profile-hero-bg{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(135deg,#00326d,#0056b3,#07c)}.profile-hero-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.profile-hero-content{position:relative;display:flex;align-items:flex-end;gap:24px;padding:80px 32px 32px}.profile-avatar{width:90px;height:90px;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);color:#00326d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:32px;flex-shrink:0;box-shadow:0 8px 32px #00326d33;border:3px solid #ffffff}.profile-info{flex:1;padding-bottom:8px;min-width:0;overflow:visible}.profile-name{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.3;white-space:normal;word-wrap:break-word}.profile-email{font-size:15px;color:#64748b;margin:0 0 16px}.profile-badges{display:flex;flex-wrap:wrap;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pill.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-pill.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-pill .status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-pill.active .status-dot{background:#22c55e;box-shadow:0 0 12px #22c55e99}.status-pill.inactive .status-dot{background:#f59e0b;box-shadow:0 0 12px #f59e0b99}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.id-badge{padding:8px 16px;background:#f1f5f9;border-radius:24px;font-size:13px;font-weight:600;color:#475569}.plan-badge{padding:8px 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:24px;font-size:13px;font-weight:600;color:#4338ca}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px #00326d0f;border:1px solid rgba(0,50,109,.06);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00326d1f}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-icon.phone{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.stat-icon.school{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.stat-icon.board{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.stat-icon.class{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.stat-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.activity-section{margin-bottom:24px}.section-header{margin-bottom:16px}.section-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.activity-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.activity-stat-card{background:#fff;border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 2px 12px #00326d0f;border:1px solid rgba(0,50,109,.06);transition:all .3s ease;position:relative;overflow:hidden}.activity-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.activity-stat-card.exams:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.activity-stat-card.materials:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.activity-stat-card.ai-chats:before{background:linear-gradient(90deg,#10b981,#34d399)}.activity-stat-card.score:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.activity-stat-card.time:before{background:linear-gradient(90deg,#ef4444,#f87171)}.activity-stat-card.referrals:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.activity-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00326d1f}.activity-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.activity-stat-card.exams .activity-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.activity-stat-card.materials .activity-stat-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.activity-stat-card.ai-chats .activity-stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.activity-stat-card.score .activity-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.activity-stat-card.time .activity-stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.activity-stat-card.referrals .activity-stat-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.activity-stat-value{font-size:28px;font-weight:800;color:#1e293b;line-height:1.2;margin-bottom:4px}.activity-stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.plan-badge.plan-free{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.plan-badge.plan-basic{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.plan-badge.plan-pro{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.plan-badge.plan-premium{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.plan-name.plan-free{color:#475569}.plan-name.plan-basic{color:#1d4ed8}.plan-name.plan-pro{color:#d97706}.plan-name.plan-premium{color:#7c3aed}.info-value.wallet{color:#059669;font-weight:700}.subjects-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.subject-tag{padding:6px 12px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;border-radius:20px;font-size:12px;font-weight:600}.timeline-dot.login{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b66}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00326d0f;border:1px solid rgba(0,50,109,.06);overflow:hidden}.detail-card-header{display:flex;align-items:center;gap:14px;padding:18px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.header-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.header-icon.academic{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.header-icon.subscription{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.header-icon.timeline{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.header-icon.contact{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.detail-card-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.detail-card-body{padding:24px}.info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-row:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #e2e8f0}.info-row.single{grid-template-columns:1fr}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;font-weight:500;color:#1e293b}.info-value.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f1f5f9;padding:8px 12px;border-radius:8px;font-size:14px}.plan-display{text-align:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:20px}.current-plan{display:flex;flex-direction:column;gap:8px}.plan-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:24px;font-weight:700;color:#00326d}.timeline-items{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;align-items:flex-start;gap:16px}.timeline-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:4px}.timeline-dot.created{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 12px #22c55e66}.timeline-dot.updated{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 12px #3b82f666}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.timeline-value{font-size:15px;font-weight:500;color:#1e293b}.contact-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px}.contact-item:not(:last-child){margin-bottom:12px}.contact-icon{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:#00326d;flex-shrink:0;box-shadow:0 2px 8px #00326d14}.contact-details{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:15px;font-weight:500;color:#1e293b;word-break:break-all}.raw-data-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00326d0f;border:1px solid rgba(0,50,109,.06)}.raw-data-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:#f8fafc;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.raw-data-toggle:hover{background:#f1f5f9;color:#475569}.raw-data-toggle .chevron{transition:transform .2s ease}.raw-data-toggle .chevron.open{transform:rotate(180deg)}.raw-data-container{padding:20px;border-top:1px solid #e2e8f0}.raw-data-container pre{background:#1e293b;color:#94a3b8;padding:20px;border-radius:12px;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;overflow-x:auto;margin:0;line-height:1.6}@media(max-width:1400px){.activity-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.quick-stats{grid-template-columns:repeat(2,1fr)}.activity-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.student-detail-page{padding:0 16px 32px}.profile-hero-content{padding:70px 24px 28px}.profile-avatar{width:80px;height:80px;font-size:28px}.profile-name{font-size:24px}.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-hero-content{flex-direction:column;align-items:center;text-align:center;padding-top:90px}.profile-hero-bg{height:120px}.profile-badges{justify-content:center}.quick-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{width:46px;height:46px}.info-row{grid-template-columns:1fr;gap:16px}.info-row:not(:last-child){margin-bottom:16px;padding-bottom:16px}.activity-stats-grid{grid-template-columns:repeat(2,1fr)}.activity-stat-card{padding:16px 12px}.activity-stat-icon{width:44px;height:44px}.activity-stat-value{font-size:22px}.activity-stat-label{font-size:10px}}@media(max-width:576px){.back-button{padding:10px 16px;font-size:13px}.profile-avatar{width:70px;height:70px;font-size:24px}.profile-name{font-size:18px}.profile-email{font-size:14px}.status-pill,.id-badge,.plan-badge{padding:6px 12px;font-size:11px}.detail-card-body{padding:16px}.contact-item{padding:12px}.activity-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.activity-stat-card{padding:14px 10px}.activity-stat-icon{width:40px;height:40px;margin-bottom:8px}.activity-stat-icon svg{width:20px;height:20px}.activity-stat-value{font-size:18px}.activity-stat-label{font-size:9px}}.admin-bulk-upload{width:100%;max-width:1100px;margin:0 auto;padding:20px}.bulk-upload-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.upload-header{text-align:center;margin-bottom:28px}.upload-header h2{margin:0 0 10px;color:#1a1a2e;font-size:28px;font-weight:700}.upload-header p{margin:0;color:#6b7280;font-size:15px}.upload-mode-toggle{display:flex;gap:16px;margin-bottom:32px;padding:8px;background:#f8f9fc;border-radius:12px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:all .25s ease;position:relative}.mode-btn:hover{background:#fff;border-color:#e5e7eb}.mode-btn.active{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.mode-icon{font-size:24px}.mode-text{font-size:15px;font-weight:600;color:#374151}.mode-btn.active .mode-text{color:#667eea}.mode-badge{position:absolute;top:-8px;right:-8px;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:20px;letter-spacing:.5px}.ncert-form{animation:fadeIn .3s ease}.ncert-info-section{border-bottom:none!important;padding-bottom:0!important;margin-bottom:20px!important}.ncert-info-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;border:1px solid #c7d2fe}.banner-icon{font-size:40px}.banner-content h4{margin:0 0 6px;color:#4338ca;font-size:17px;font-weight:700}.banner-content p{margin:0;color:#6366f1;font-size:13px}.ncert-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ncert-subject-card{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#fafbfc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .25s ease;position:relative}.ncert-subject-card:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.ncert-subject-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8edff);box-shadow:0 4px 16px #667eea33}.subject-card-icon{font-size:32px;line-height:1}.subject-card-content{flex:1}.subject-card-name{font-size:15px;font-weight:700;color:#1f2937;margin-bottom:6px}.subject-card-details{display:flex;gap:6px;margin-bottom:8px}.detail-badge{padding:3px 8px;background:#e5e7eb;color:#4b5563;font-size:11px;font-weight:600;border-radius:4px}.ncert-subject-card.selected .detail-badge{background:#c7d2fe;color:#4338ca}.subject-card-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.selected-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.ncert-loading{padding:40px;text-align:center;color:#6b7280;font-size:14px}.section-description{margin:-10px 0 20px;color:#6b7280;font-size:13px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.file-upload-area{position:relative}.file-upload-area .file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:12px;background:#fafbfc;cursor:pointer;transition:all .25s ease}.file-upload-area:hover .file-upload-label{border-color:#667eea;background:#f8f9ff}.upload-icon{font-size:36px;margin-bottom:12px}.upload-text{font-size:15px;font-weight:600;color:#374151;margin-bottom:6px}.upload-hint{font-size:12px;color:#9ca3af}.file-remove{padding:4px 8px;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;transition:background .2s}.file-remove:hover{background:#fecaca}.source-info-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;margin-bottom:24px}.source-icon{font-size:36px}.source-details{flex:1}.source-title{font-size:18px;font-weight:700;color:#166534;margin-bottom:6px}.source-meta{display:flex;gap:8px}.meta-badge{padding:4px 10px;background:#bbf7d0;color:#15803d;font-size:12px;font-weight:600;border-radius:6px}.form-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 18px;color:#1f2937;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:13px}.form-group select,.form-group input[type=file]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .25s ease;background:#fff}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#9ca3af}.file-input{cursor:pointer}.file-info{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;font-size:14px}.file-icon{font-size:22px}.file-name{flex:1;color:#166534;font-weight:600}.file-size{color:#15803d;font-size:12px;font-weight:500}.form-actions{display:flex;justify-content:center;margin-top:28px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:14px 36px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#f3f4f6;color:#374151;margin-right:12px;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.error-message{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;margin:20px 0;font-size:14px;font-weight:500}.bulk-upload-preview{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.preview-header{text-align:center;margin-bottom:28px}.preview-header h2{margin:0 0 10px;color:#1a1a2e;font-size:26px;font-weight:700}.preview-header p{margin:0;color:#6b7280;font-size:14px}.preview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:22px;border-radius:14px;text-align:center;box-shadow:0 4px 14px #667eea4d}.stat-number{display:block;font-size:40px;font-weight:800;margin-bottom:6px;line-height:1}.stat-label{display:block;font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.preview-tree{max-height:500px;overflow-y:auto;border:2px solid #e5e7eb;border-radius:14px;padding:16px;background:#f9fafb}.preview-tree::-webkit-scrollbar{width:8px}.preview-tree::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.preview-tree::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.preview-tree::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chapter-item{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000a}.chapter-item:last-child{margin-bottom:0}.chapter-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent}.chapter-header:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.toggle-icon{font-size:11px;color:#6b7280;width:18px;transition:transform .2s ease}.chapter-number{font-weight:700;color:#667eea;font-size:13px;padding:4px 10px;background:#eef2ff;border-radius:6px}.chapter-name{flex:1;color:#1f2937;font-weight:600;font-size:14px}.chapter-content{padding:12px 18px 16px;background:#fefefe}.topic-item{margin-left:16px;margin-bottom:8px;border-left:3px solid #e0e7ff;padding-left:14px;transition:border-color .2s}.topic-item:hover{border-left-color:#667eea}.topic-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:8px;transition:all .2s ease}.topic-header:hover{background:#f8fafc}.topic-number{font-weight:700;color:#764ba2;font-size:12px;min-width:36px}.topic-name{flex:1;color:#374151;font-weight:500;font-size:13px}.topic-has-content{font-size:12px;opacity:.7}.toggle-icon.small{font-size:9px;width:14px;color:#9ca3af}.chapter-topic-count{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:3px 8px;border-radius:10px;font-weight:500}.topic-content-preview{margin:8px 0 4px 28px;padding:12px 14px;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.content-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a16207;margin-bottom:6px}.content-text{font-size:12px;line-height:1.6;color:#713f12;word-wrap:break-word}.subtopics-list{margin:6px 0 4px 28px;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #667eea}.subtopic-item{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;color:#4b5563}.subtopic-name{flex:1}.topic-content{padding-left:28px}.subtopic-item{margin-bottom:15px;padding:10px;background:#f9f9f9;border-radius:6px;border-left:3px solid #667eea}.subtopic-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.subtopic-bullet{color:#667eea;font-weight:700}.subtopic-name{color:#2c3e50;font-weight:600;font-size:14px}.subtopic-content{color:#555;font-size:13px;line-height:1.6;padding-left:20px}.preview-actions{display:flex;justify-content:space-between;margin-top:30px}.bulk-upload-success{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 4px 20px #00000014;text-align:center}.success-icon{font-size:72px;margin-bottom:24px;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bulk-upload-success h2{margin:0 0 12px;color:#059669;font-size:30px;font-weight:800}.bulk-upload-success p{margin:0 0 32px;color:#6b7280;font-size:15px}.success-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.success-stat{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:28px 20px;border-radius:14px;border:2px solid #86efac}.success-stat .stat-number{display:block;font-size:48px;font-weight:800;color:#059669;margin-bottom:10px;line-height:1}.success-stat .stat-label{display:block;font-size:14px;color:#166534;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.success-total{font-size:17px;color:#1f2937;margin-bottom:32px;padding:18px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e5e7eb}.success-total strong{color:#667eea}.success-actions{display:flex;justify-content:center;gap:12px}@media(max-width:900px){.form-row,.ncert-subject-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-bulk-upload{padding:12px}.bulk-upload-form,.bulk-upload-preview,.bulk-upload-success{padding:20px;border-radius:12px}.upload-mode-toggle{flex-direction:column;gap:10px}.mode-btn{padding:14px 16px}.mode-badge{top:-6px;right:10px}.preview-stats,.success-stats{grid-template-columns:1fr;gap:12px}.stat-number{font-size:32px}.preview-actions{flex-direction:column-reverse;gap:10px}.btn-secondary{margin-right:0}.btn-primary,.btn-secondary{width:100%;justify-content:center}.source-info-banner{flex-direction:column;text-align:center;gap:12px}.source-meta{justify-content:center}.ncert-info-banner{flex-direction:column;text-align:center}.ncert-subject-card{padding:14px}.subject-card-icon{font-size:28px}}@media(max-width:480px){.upload-header h2{font-size:22px}.chapter-header{padding:12px 14px}.chapter-name{font-size:13px}.topic-header{padding:8px 10px}.topic-name{font-size:12px}}.admin-learning-materials{padding:20px;max-width:1400px;margin:0 auto}.tabs-container{display:flex;gap:10px;margin:20px 0;border-bottom:2px solid #e0e0e0;overflow-x:auto;padding-bottom:10px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#4a90e2;background:#4a90e20d}.tab-btn.active{color:#4a90e2;border-bottom-color:#4a90e2;background:#4a90e21a}.tab-icon{font-size:18px}.tab-label{font-weight:600}.controls-section{display:flex;gap:15px;margin:20px 0;flex-wrap:wrap;align-items:center}.search-box{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#999}.search-input{width:100%;padding:12px 12px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.filters-section{display:flex;gap:10px;flex-wrap:wrap}.filter-select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;min-width:180px}.filter-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.filter-select option{color:#333;background:#fff}.add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4a90e24d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.add-btn:active{transform:translateY(0)}.error-message{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin:15px 0}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-top:20px}.data-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.data-table th{padding:16px;text-align:left;font-weight:600;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.data-table tbody tr:hover{background:#f8f9fa}.data-table td{padding:16px;color:#555;font-size:14px}.name-cell{font-weight:600;color:#333}.description-cell{color:#777;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:8px;align-items:center}.action-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;background:transparent}.action-btn:hover{transform:scale(1.1)}.edit-btn:hover{background:#4a90e21a}.delete-btn:hover{background:#dc35451a}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state{display:flex;flex-direction:column;align-items:center;gap:15px}.empty-icon{font-size:48px;opacity:.5}.empty-state p{font-size:16px;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;color:#333;background:#fff;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-group select option{color:#333;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#e0e0e0;color:#666}.cancel-btn:hover{background:#d0d0d0}.submit-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 2px 8px #4a90e24d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.tabs-container{gap:5px}.tab-btn{padding:10px 15px;font-size:13px}.tab-label{display:none}.controls-section{flex-direction:column}.search-box,.filter-select{width:100%}.data-table-container{overflow-x:auto}.data-table{min-width:600px}.modal-content{margin:10px}}.bulk-topics-form{display:flex;flex-direction:column;gap:20px}.filters-container-modal{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.section-title{display:block;font-size:16px;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #4a90e2}.topic-entries-section{display:flex;flex-direction:column;gap:15px}.topic-entry-row{display:flex;gap:12px;align-items:flex-start;padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;position:relative;transition:all .2s ease}.topic-entry-row:hover{border-color:#4a90e2;box-shadow:0 2px 8px #0000000d}.entry-fields{flex:1;display:flex;flex-direction:column;gap:10px}.entry-fields .form-group{margin-bottom:0}.remove-topic-btn{background:#fee;color:#c33;border:1px solid #fcc;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease;margin-top:5px}.remove-topic-btn:hover{background:#c33;color:#fff;transform:rotate(90deg)}.add-topic-row-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f0f7ff;color:#4a90e2;border:2px dashed #4a90e2;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-topic-row-btn:hover{background:#e1efff;transform:translateY(-2px)}.add-topic-row-btn span{font-size:20px}@media(max-width:768px){.filters-container-modal{grid-template-columns:1fr}}.profile-completion-content{text-align:center;padding:20px 0}.completion-icon{font-size:64px;margin-bottom:16px}.completion-message{font-size:16px;color:#666;margin:0 0 24px;line-height:1.6}.completion-progress{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#374151;font-weight:600}.progress-percentage{font-size:18px;font-weight:700;color:#8fc0a9}.progress-bar-container{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8fc0a9,#c8d5b9);transition:width .3s ease;border-radius:5px}.missing-fields{text-align:left;background:#fef9f9;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.missing-fields h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 12px}.missing-fields ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.missing-fields li{font-size:14px;color:#666;padding:4px 0}.completion-actions{display:flex;gap:12px;justify-content:center}.completion-actions .btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.completion-actions .btn-primary{background:linear-gradient(135deg,#8fc0a9,#c8d5b9);color:#fff;box-shadow:0 2px 8px #e26d5c4d}.completion-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e26d5c66}.completion-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.completion-actions .btn-secondary:hover{background:#e5e7eb}@media(max-width:576px){.completion-actions{flex-direction:column}.completion-actions .btn{width:100%}}.stream-selection-overlay{position:fixed;inset:0;background:#00143cbf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.stream-selection-modal{background:#fff;border-radius:24px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000059;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stream-selection-header{text-align:center;padding:32px 28px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd;position:relative}.stream-icon-large{font-size:56px;margin-bottom:16px;animation:pulse 2s infinite}.stream-selection-header h2{font-size:24px;font-weight:700;color:#0c4a6e;margin:0 0 10px}.stream-selection-header p{font-size:14px;color:#0369a1;margin:0;line-height:1.5}.stream-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#fff;border-radius:50%;font-size:20px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000001a}.stream-close-btn:hover{background:#f1f5f9;color:#1e293b;transform:scale(1.05)}.stream-selection-body{padding:28px}.stream-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:20px}.stream-cards{display:flex;flex-direction:column;gap:16px}.stream-card{border:2px solid #e2e8f0;border-radius:18px;padding:20px;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative}.stream-card:hover{border-color:#0284c7;background:#f0f9ff;transform:translateY(-3px);box-shadow:0 8px 24px #0284c726}.stream-card.selected{border-color:#0284c7;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 8px 28px #0284c740}.stream-card.current{border-color:#22c55e}.stream-card-top{display:flex;align-items:flex-start;gap:16px}.stream-card-icon{font-size:44px;flex-shrink:0}.stream-card-info{flex:1}.stream-card-info h3{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 6px}.stream-card-info p{font-size:13px;color:#64748b;margin:0}.stream-check{width:32px;height:32px;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0;animation:popIn .2s ease}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.stream-current-tag{font-size:10px;padding:4px 10px;background:#22c55e;color:#fff;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stream-card-subjects{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.subjects-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:10px}.subjects-list{display:flex;gap:8px;flex-wrap:wrap}.subject-pill{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:25px;font-size:13px;font-weight:600;color:#334155;transition:all .2s}.stream-card.selected .subject-pill{background:#fff;border-color:#7dd3fc;color:#0369a1}.stream-info-message{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;background:#fef3c7;border:1px solid #fcd34d;border-radius:14px;font-size:13px;color:#92400e;line-height:1.5}.info-icon{flex-shrink:0;font-size:18px}.stream-selection-footer{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 24px 24px}.btn-stream-cancel{padding:14px 28px;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-stream-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-stream-confirm{padding:14px 32px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #0284c74d}.btn-stream-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0284c766}.btn-stream-confirm:disabled,.btn-stream-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.stream-selection-overlay{padding:0;align-items:flex-end}.stream-selection-modal{max-width:100%;max-height:95vh;border-radius:24px 24px 0 0}.stream-selection-header{padding:24px 20px 20px}.stream-icon-large{font-size:48px}.stream-selection-header h2{font-size:20px}.stream-selection-header p{font-size:13px}.stream-close-btn{width:36px;height:36px;font-size:18px;top:12px;right:12px}.stream-selection-body{padding:20px}.stream-card{padding:16px}.stream-card-icon{font-size:36px}.stream-card-info h3{font-size:15px}.stream-card-info p{font-size:12px}.subject-pill{padding:6px 12px;font-size:12px}.stream-selection-footer{flex-direction:column;padding:16px 20px 24px;gap:10px}.btn-stream-cancel,.btn-stream-confirm{width:100%;padding:14px 24px;font-size:14px}}.trial-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #93c5fd;gap:16px;flex-wrap:wrap;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.trial-banner.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.trial-banner.urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;animation:slideDown .3s ease,pulse-banner 2s ease-in-out infinite}.trial-banner.expires-today{background:linear-gradient(135deg,#fecaca,#f87171);border-color:#ef4444;animation:slideDown .3s ease,pulse-banner 1.5s ease-in-out infinite}.trial-banner.expires-today .trial-text{color:#7f1d1d}.trial-banner.expires-today .trial-upgrade-btn{background:linear-gradient(135deg,#b91c1c,#991b1b)}@keyframes pulse-banner{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 4px #f871714d}}.trial-banner-content{display:flex;align-items:center;gap:10px}.trial-icon{font-size:1.3rem}.trial-text{font-size:.95rem;color:#1e3a5f}.trial-banner.warning .trial-text{color:#92400e}.trial-banner.urgent .trial-text{color:#991b1b}.trial-text strong{font-weight:700}.trial-upgrade-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.trial-banner.warning .trial-upgrade-btn{background:linear-gradient(135deg,#d97706,#b45309)}.trial-banner.urgent .trial-upgrade-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.trial-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00326d66}.trial-upgrade-btn svg{transition:transform .2s ease}.trial-upgrade-btn:hover svg{transform:translate(4px)}@media(max-width:768px){.trial-banner{padding:10px 16px;gap:12px}.trial-icon{font-size:1.1rem}.trial-text{font-size:.85rem}.trial-upgrade-btn{padding:8px 16px;font-size:.85rem}}@media(max-width:480px){.trial-banner{flex-direction:column;text-align:center;padding:12px;gap:10px}.trial-banner-content{flex-direction:column;gap:6px}.trial-upgrade-btn{width:100%;justify-content:center}}.student-dashboard-container{min-height:100vh;background:#f8fafc;padding:24px}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.1) rotate(-3deg);filter:brightness(1.2)}50%{transform:scale(1.05) rotate(3deg);filter:brightness(1.1)}75%{transform:scale(1.15) rotate(-2deg);filter:brightness(1.3)}}.loading-state{padding:60px 20px;text-align:center;color:#6b7280;animation:fadeInUp .5s ease-out}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.loading-state p{animation:pulse 1.5s ease-in-out infinite}.welcome-section{padding:24px 28px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;animation:fadeInUp .6s ease-out}.welcome-left{display:flex;flex-direction:column;gap:4px}.welcome-greeting{font-size:28px;font-weight:700;margin:0;color:#1e40af;animation:fadeInLeft .7s ease-out}.welcome-subtitle{font-size:15px;margin:0;color:#3b82f6;font-weight:400;animation:fadeInLeft .8s ease-out}.welcome-right{display:flex;align-items:center;gap:12px;animation:fadeInRight .7s ease-out}.streak-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:10px 18px;border-radius:12px;box-shadow:0 4px 12px #fbbf244d;animation:scaleIn .5s ease-out,pulse 3s ease-in-out infinite 1s;transition:transform .3s ease,box-shadow .3s ease}.streak-badge:hover{transform:scale(1.05);box-shadow:0 6px 20px #fbbf2480}.streak-fire{font-size:22px;animation:fireFlicker 1.5s ease-in-out infinite}.streak-count{font-size:15px;font-weight:700;color:#fff}.streak-message{font-size:12px;color:#92400e;background:#fef3c7;padding:6px 12px;border-radius:8px;font-weight:500}.streak-alert{background:#fef3c7;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;color:#92400e;border:1px solid #fde68a}@media(max-width:768px){.welcome-section{flex-direction:column;align-items:flex-start;gap:16px}.welcome-right{width:100%;justify-content:flex-start}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out backwards}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0056b3,#00326d);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px #0056b32e;border-color:#93c5fd}.stat-icon{font-size:28px;width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.courses{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.exams{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.materials{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.progress{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.stat-content{flex:1}.stat-content h3{font-size:12px;color:#6b7280;margin:6px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-content .stat-value{font-size:28px;font-weight:800;color:#1f2937;margin:0;line-height:1.2;animation:countUp .8s ease-out}.progress-card .stat-content{width:100%}.mini-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;margin-top:10px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#00326d,#0056b3);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);animation:progressFill 1.5s ease-out}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.ai-insight-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #2563eb1a;animation:fadeInUp .6s ease-out backwards;animation-delay:.3s;transition:transform .3s ease,box-shadow .3s ease}.ai-insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2563eb33}.ai-insight-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ai-header-left{display:flex;align-items:center;gap:12px;flex:1}.ai-header-right{display:flex;align-items:center;gap:12px}.ai-insight-header .ai-icon{font-size:32px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);padding:10px;border-radius:12px;animation:float 3s ease-in-out infinite;transition:transform .3s ease}.ai-insight-header .ai-icon.animated:hover{transform:scale(1.1) rotate(5deg);animation:pulse .5s ease-in-out}.ai-refresh-btn{background:#3b82f61a;border:1px solid #93c5fd;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:16px;transition:all .3s ease}.ai-refresh-btn:hover{background:#3b82f633;transform:rotate(180deg);border-color:#3b82f6}.ai-insight-header h3{font-size:18px;font-weight:700;color:#1e40af;margin:0}.ai-insight-body{margin-bottom:16px}.ai-message{font-size:15px;color:#374151;line-height:1.6;margin:0 0 14px;animation:fadeInLeft .7s ease-out backwards;animation-delay:.5s}.ai-focus-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 14px;border-radius:8px;font-size:13px;margin-bottom:12px;border:1px solid #bfdbfe;animation:scaleIn .5s ease-out backwards;animation-delay:.6s;transition:transform .2s ease}.ai-focus-tag:hover{transform:scale(1.02)}.focus-label{color:#6b7280;font-weight:500}.focus-value{color:#2563eb;font-weight:600}.ai-suggestion{display:flex;align-items:flex-start;gap:8px;background:#fff;padding:12px 16px;border-radius:10px;font-size:14px;color:#374151;border-left:4px solid #2563eb;animation:fadeInLeft .6s ease-out backwards;animation-delay:.7s}.suggestion-icon{font-size:18px;animation:bounce 2s ease-in-out infinite}.ai-header-text{display:flex;flex-direction:column;gap:4px}.ai-curriculum-badge{font-size:11px;color:#6b7280;font-weight:500;background:#f3f4f6;padding:2px 8px;border-radius:4px;transition:all .3s ease}.ai-curriculum-badge.interactive-badge:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.ai-generated-time{font-size:10px;color:#9ca3af;margin-left:auto}.ai-summary{font-size:16px;font-weight:600;color:#1e40af;margin:0 0 10px;padding-bottom:10px;border-bottom:1px dashed #bfdbfe}.ai-curriculum-message{font-size:13px;color:#6b7280;margin:0 0 16px;padding:10px 14px;background:#f8fafc;border-radius:8px;border-left:3px solid #6366f1}.ai-overall-performance{padding:20px;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:12px;margin-bottom:16px;border:2px solid #93c5fd;transition:all .3s ease}.ai-overall-performance.interactive-section:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.performance-content{display:flex;align-items:center;gap:20px;margin-top:12px}.section-toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;-webkit-user-select:none;user-select:none;transition:all .3s ease}.section-toggle-header:hover{opacity:.8}.section-toggle-header .section-title{margin:0;font-size:16px;font-weight:600;color:#1e40af}.toggle-icon{font-size:12px;color:#6b7280;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.performance-ring{position:relative;width:100px;height:100px;flex-shrink:0}.performance-ring svg{transform:rotate(-90deg);width:100%;height:100%}.performance-ring .ring-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.performance-ring .ring-progress{fill:none;stroke:#3b82f6;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease-in-out}.performance-ring.interactive-ring:hover{transform:scale(1.05)}.performance-ring.interactive-ring:hover .ring-progress{stroke-width:9}.ring-svg{transition:transform .3s ease}.animated-progress{animation:progressAnimation 1.5s ease-out}@keyframes progressAnimation{0%{stroke-dasharray:0 283}}.performance-ring .ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.performance-ring .ring-value{font-size:22px;font-weight:700;color:#1d4ed8;display:block}.performance-ring .ring-label{font-size:10px;color:#6b7280;text-transform:uppercase}.performance-stats-grid{display:flex;flex-wrap:wrap;gap:10px;flex:1}.performance-stat{display:flex;flex-direction:column;align-items:center;padding:10px 16px;background:#fff;border-radius:10px;min-width:80px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.performance-stat:hover{transform:translateY(-2px)}.performance-stat.interactive-stat{cursor:pointer;transition:all .3s ease}.performance-stat.interactive-stat:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 4px 12px #00000026;z-index:1}.performance-stat.interactive-stat:active{transform:translateY(-2px) scale(1.02)}.performance-stat.grade{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.performance-stat.grade .perf-value{color:#fff;font-size:14px}.performance-stat.grade .perf-label{color:#fffc}.performance-stat.good{border-left:3px solid #22c55e}.performance-stat.good .perf-value{color:#16a34a}.performance-stat.bad{border-left:3px solid #ef4444}.performance-stat.bad .perf-value{color:#dc2626}.perf-value{font-size:20px;font-weight:700;color:#1f2937}.perf-label{font-size:10px;color:#6b7280;text-transform:uppercase;margin-top:2px}.ai-subject-breakdown{margin-bottom:16px}.ai-subject-breakdown h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.subject-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.subject-perf-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;border-left:4px solid #e5e7eb}.subject-perf-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.subject-perf-card.excellent{border-left:4px solid #16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.subject-perf-card.good{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.subject-perf-card.needs_improvement{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.subject-perf-card.critical{border-left:4px solid #dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.subject-perf-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.subject-perf-icon{font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:8px}.subject-perf-name{font-size:14px;font-weight:600;color:#374151;flex:1}.subject-perf-trend{font-size:16px;animation:pulse 2s ease-in-out infinite}.subject-perf-score{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.subject-perf-score .score-main{font-size:22px;font-weight:700;color:#1f2937}.subject-perf-score .score-label{font-size:10px;color:#6b7280}.subject-perf-details{display:flex;gap:10px;font-size:10px;color:#6b7280;margin-bottom:6px}.subject-perf-message{font-size:11px;color:#6b7280;margin:0 0 6px;font-style:italic}.subject-weak-topics{display:flex;flex-wrap:wrap;gap:4px}.weak-topic-tag{font-size:9px;padding:3px 8px;background:#fee2e2;color:#dc2626;border-radius:4px;font-weight:500}.grade-benchmark{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px dashed #e5e7eb;font-size:9px}.benchmark-label{color:#9ca3af;font-weight:500}.benchmark-excellent,.benchmark-good,.benchmark-pass{padding:2px 5px;border-radius:3px}.benchmark-excellent{background:#dcfce7;color:#15803d}.benchmark-good{background:#dbeafe;color:#1d4ed8}.benchmark-pass{background:#fef3c7;color:#a16207}.ai-strength-weakness-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ai-strengths,.ai-weaknesses{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.ai-strengths h4,.ai-weaknesses h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 10px}.strength-item{display:flex;align-items:center;gap:8px;padding:10px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;margin-bottom:8px;border-left:3px solid #16a34a}.weakness-item{display:flex;align-items:center;gap:8px;padding:10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:8px;margin-bottom:8px;border-left:3px solid #dc2626}.strength-item:last-child,.weakness-item:last-child{margin-bottom:0}.sw-icon{font-size:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border-radius:8px;flex-shrink:0}.sw-content{flex:1;display:flex;flex-direction:column;gap:3px}.sw-subject{font-size:13px;font-weight:600;color:#1f2937}.sw-message{font-size:11px;color:#6b7280}.sw-score{font-size:12px;font-weight:700;color:#1d4ed8;background:#dbeafe;padding:2px 8px;border-radius:4px;width:fit-content}.sw-topics{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.sw-topics .topics-label{font-size:10px;color:#6b7280}.sw-topics .topic-tag{font-size:9px;padding:2px 6px;background:#fee2e2;color:#dc2626;border-radius:4px}.ai-priority-focus{background:linear-gradient(135deg,#ffedd5,#fff);border:2px solid #f97316;border-radius:12px;padding:16px;margin-bottom:16px;position:relative;overflow:hidden}.ai-priority-focus:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#f97316}.ai-priority-focus.pulse-animation{animation:priorityPulse 2s ease-in-out infinite}@keyframes priorityPulse{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 10px #f9731600}}.priority-focus-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.priority-icon{font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f97316;color:#fff;border-radius:10px}.priority-focus-header h4{font-size:15px;font-weight:600;color:#ea580c;margin:0}.priority-focus-content{padding-left:10px}.priority-area{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 14px;border-radius:8px;margin-bottom:10px;border:1px solid #fed7aa}.area-name{font-size:14px;font-weight:600;color:#1f2937}.area-accuracy{font-size:14px;font-weight:700;color:#fff;background:#ef4444;padding:4px 10px;border-radius:6px}.priority-reason{font-size:13px;color:#92400e;margin:0 0 8px;padding:8px 12px;background:#fff7ed;border-radius:6px}.priority-suggestion{font-size:13px;color:#1f2937;margin:0 0 12px;font-weight:500;padding:8px 12px;background:#f0fdf4;border-radius:6px;border-left:3px solid #22c55e}.priority-action-btn{display:inline-flex;align-items:center;gap:6px;background:#f97316;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.priority-action-btn:hover{background:#ea580c;transform:translate(4px)}.ai-recommendations{margin-bottom:16px}.ai-recommendations h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.recommendations-list{display:flex;flex-direction:column;gap:8px}.recommendation-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease;border-left:4px solid #e5e7eb}.recommendation-card:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 4px 12px #00000014}.recommendation-card.critical_subject{border-left:4px solid #dc2626;background:linear-gradient(90deg,#fef2f2,#fff 30%)}.recommendation-card.weak_topic{border-left:4px solid #f59e0b;background:linear-gradient(90deg,#fffbeb,#fff 30%)}.recommendation-card.improvement_needed{border-left:4px solid #3b82f6;background:linear-gradient(90deg,#eff6ff,#fff 30%)}.recommendation-card.maintain_excellence{border-left:4px solid #16a34a;background:linear-gradient(90deg,#f0fdf4,#fff 30%)}.recommendation-card.general{border-left:4px solid #6b7280;background:linear-gradient(90deg,#f9fafb,#fff 30%)}.rec-icon{font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:10px;flex-shrink:0}.rec-content{flex:1;display:flex;flex-direction:column;gap:4px}.rec-content h5{font-size:14px;font-weight:600;color:#1f2937;margin:0}.rec-content p{font-size:12px;color:#6b7280;margin:0}.rec-priority{font-size:10px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px;width:fit-content}.rec-arrow{font-size:18px;color:#3b82f6;font-weight:700;transition:transform .2s ease}.recommendation-card:hover .rec-arrow{transform:translate(4px)}.recommendation-card:hover{box-shadow:var(--hover-shadow, 0 4px 12px rgba(0, 0, 0, .08))}.ai-motivation{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:10px;font-size:15px;color:#065f46;font-weight:600;text-align:center;animation:fadeInUp .6s ease-out backwards;animation-delay:.8s}@media(max-width:768px){.ai-overall-performance{justify-content:center}.subject-breakdown-grid{grid-template-columns:repeat(2,1fr)}.ai-strength-weakness-row{grid-template-columns:1fr}}@media(max-width:480px){.subject-breakdown-grid{grid-template-columns:1fr}}.ai-action-btn{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none;position:relative;overflow:hidden;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d}.ai-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.focus-areas-section{margin-bottom:20px;animation:fadeInUp .6s ease-out backwards;animation-delay:.4s}.section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.focus-area-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .5s ease-out backwards}.focus-area-card:nth-child(1){animation-delay:.5s}.focus-area-card:nth-child(2){animation-delay:.6s}.focus-area-card:nth-child(3){animation-delay:.7s}.focus-area-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #ef444433}.focus-area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.focus-subject{font-size:12px;font-weight:600;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.focus-accuracy{font-size:20px;font-weight:700;color:#dc2626;animation:pulse 2s ease-in-out infinite}.focus-topic{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.focus-reason{font-size:13px;color:#991b1b;margin:0 0 10px;font-weight:500}.focus-stats{font-size:12px;color:#6b7280;margin-bottom:10px}.focus-suggestion{font-size:13px;color:#374151;background:#fff;padding:10px 14px;border-radius:8px;margin:0 0 14px;line-height:1.5}.focus-action-btn{width:100%;background:#dc2626;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.focus-action-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.focus-action-btn:hover{background:#b91c1c;transform:scale(1.02)}.focus-action-btn:hover:after{left:100%}.daily-goals-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a;animation:fadeInUp .6s ease-out backwards;animation-delay:.5s}.daily-goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.goals-progress{display:flex;align-items:center;gap:12px}.xp-earned{font-size:14px;font-weight:600;color:#2563eb}.goals-progress-bar{width:120px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.goals-progress-fill{height:100%;background:linear-gradient(90deg,#1d4ed8,#3b82f6);transition:width 1s cubic-bezier(.4,0,.2,1);animation:progressFill 1.5s ease-out}.daily-goals-title{display:flex;align-items:center;gap:10px}.default-goals-badge{font-size:10px;padding:3px 8px;background:#f3f4f6;color:#6b7280;border-radius:10px;font-weight:500}.daily-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.daily-goal-card{display:flex;align-items:center;gap:12px;padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out backwards}.daily-goal-card:nth-child(1){animation-delay:.6s}.daily-goal-card:nth-child(2){animation-delay:.7s}.daily-goal-card:nth-child(3){animation-delay:.8s}.daily-goal-card:nth-child(4){animation-delay:.9s}.daily-goal-card:hover:not(.completed){border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.daily-goal-card.completed{background:#d1fae5;border-color:#10b981}.daily-goal-icon{font-size:24px;min-width:36px;transition:transform .3s ease}.daily-goal-card:hover .daily-goal-icon{transform:scale(1.15)}.daily-goal-content{flex:1;min-width:0}.daily-goal-content h4{font-size:13px;font-weight:600;color:#1f2937;margin:0 0 3px}.daily-goal-content p{font-size:11px;color:#6b7280;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-goal-progress{display:flex;align-items:center;gap:6px}.daily-goal-progress-bar{flex:1;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.daily-goal-progress-fill{height:100%;background:linear-gradient(90deg,#1d4ed8,#3b82f6);transition:width .3s ease}.daily-goal-card.completed .daily-goal-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.daily-goal-count{font-size:10px;color:#6b7280;font-weight:500}.daily-goal-xp{font-size:11px;font-weight:700;color:#2563eb;background:#dbeafe;padding:3px 8px;border-radius:5px;white-space:nowrap}.daily-goal-card.completed .daily-goal-xp{color:#10b981;background:transparent;font-size:18px}.manage-goals-btn{display:block;width:100%;padding:10px;background:transparent;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.manage-goals-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.next-actions-section{margin-bottom:20px;animation:fadeInUp .6s ease-out backwards;animation-delay:.6s}.next-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.action-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInLeft .5s ease-out backwards}.action-card:nth-child(1){animation-delay:.7s}.action-card:nth-child(2){animation-delay:.8s}.action-card:nth-child(3){animation-delay:.9s}.action-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #2563eb26;transform:translate(8px)}.action-card.priority-high{border-left:4px solid #ef4444}.action-card.priority-medium{border-left:4px solid #f59e0b}.action-card.priority-low{border-left:4px solid #3b82f6}.action-card.priority-1{border-left:4px solid #ef4444}.action-card.priority-2{border-left:4px solid #f59e0b}.action-card.priority-3{border-left:4px solid #3b82f6}.action-icon{font-size:28px;width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;transition:transform .3s ease,background .3s ease}.action-card:hover .action-icon{transform:scale(1.1);background:#dbeafe}.action-content{flex:1;min-width:0}.action-content h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.action-description{font-size:13px;color:#6b7280;margin:0 0 8px}.action-reason{font-size:12px;color:#374151;margin:0;padding:8px 12px;background:#f9fafb;border-radius:6px;line-height:1.4}.reason-label{font-weight:600;color:#2563eb}.action-arrow{font-size:20px;color:#2563eb;font-weight:700;margin-top:14px;transition:transform .3s ease}.action-card:hover .action-arrow{transform:translate(5px);animation:bounce 1s ease-in-out infinite}.insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:20px}.insight-card{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:12px;transition:all .3s ease;animation:scaleIn .5s ease-out backwards}.insight-card:nth-child(1){animation-delay:.7s}.insight-card:nth-child(2){animation-delay:.8s}.insight-card:nth-child(3){animation-delay:.9s}.insight-card:nth-child(4){animation-delay:1s}.insight-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0000001a}.insight-icon{font-size:24px;min-width:36px}.insight-content h4{font-size:13px;font-weight:700;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.insight-message{font-size:14px;margin:0 0 6px;line-height:1.4}.insight-action{font-size:12px;margin:0;opacity:.8;font-style:italic}.insight-achievement{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.insight-highlight{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.insight-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.insight-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.insight-success h4{color:#047857}.insight-ai_insight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.insight-ai_insight h4{color:#1d4ed8}.insight-info{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #9ca3af;color:#374151}.insight-info h4{color:#4b5563}.dashboard-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;animation:fadeInUp .6s ease-out backwards;animation-delay:.8s}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:20px}.content-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;animation:fadeInUp .5s ease-out backwards}.content-section:hover{box-shadow:0 8px 24px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:17px;font-weight:700;color:#1f2937;margin:0}.view-all-btn{background:transparent;border:none;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease}.view-all-btn:hover{text-decoration:underline;transform:translate(3px)}.subject-analytics-list{display:flex;flex-direction:column;gap:12px}.subject-analytics-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out backwards}.subject-analytics-card:nth-child(1){animation-delay:.1s}.subject-analytics-card:nth-child(2){animation-delay:.15s}.subject-analytics-card:nth-child(3){animation-delay:.2s}.subject-analytics-card:nth-child(4){animation-delay:.25s}.subject-analytics-card:nth-child(5){animation-delay:.3s}.subject-analytics-card:hover{border-color:#93c5fd;transform:translate(4px);box-shadow:0 4px 16px #3b82f61a}.subject-analytics-header{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;cursor:pointer;transition:all .3s ease}.subject-analytics-header:hover{background:#eff6ff}.subject-info{flex:1;min-width:0}.subject-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 2px}.subject-code{font-size:11px;font-weight:600;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:4px}.subject-stats{display:flex;gap:16px}.stat-mini{text-align:center}.stat-mini .label{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-mini .value{font-size:16px;font-weight:700;color:#1f2937}.stat-mini .value.score{color:#2563eb}.stat-mini .value.best{color:#10b981}.expand-icon{font-size:12px;color:#6b7280;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.topic-mastery-list{border-top:1px solid #e5e7eb;padding:12px 16px;background:#fff;animation:slideDown .3s ease-out}.topic-mastery-header{display:flex;justify-content:space-between;padding:0 8px 8px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;margin-bottom:8px}.topic-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;margin-bottom:6px;transition:all .3s ease;animation:fadeInUp .3s ease-out backwards}.topic-item:nth-child(1){animation-delay:.05s}.topic-item:nth-child(2){animation-delay:.1s}.topic-item:nth-child(3){animation-delay:.15s}.topic-item:nth-child(4){animation-delay:.2s}.topic-item:nth-child(5){animation-delay:.25s}.topic-item:hover{transform:translate(4px)}.topic-item:last-child{margin-bottom:0}.topic-item.mastery-weak{background:#fef2f2;border:1px solid #fecaca}.topic-item.mastery-learning{background:#fefce8;border:1px solid #fde047}.topic-item.mastery-mastered{background:#f0fdf4;border:1px solid #86efac}.topic-item.mastery-not_started{background:#f9fafb;border:1px solid #e5e7eb}.topic-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mastery-icon{font-size:16px}.topic-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-stats{display:flex;align-items:center;gap:8px}.topic-stats .accuracy{font-size:14px;font-weight:700;color:#1f2937}.topic-stats .attempts{font-size:11px;color:#6b7280}.topic-stats .topic-status{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500}.topic-stats .topic-status.covered{background:#dcfce7;color:#16a34a}.topic-stats .topic-status.not-covered{background:#f3f4f6;color:#6b7280}.chapters-mastery-list{border-top:1px solid #e5e7eb;padding:12px;background:#fafbfc;animation:slideDown .3s ease-out}.chapter-mastery-item{background:#fff;border-radius:10px;margin-bottom:8px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;animation:fadeInUp .3s ease-out backwards}.chapter-mastery-item:nth-child(1){animation-delay:.05s}.chapter-mastery-item:nth-child(2){animation-delay:.1s}.chapter-mastery-item:nth-child(3){animation-delay:.15s}.chapter-mastery-item:nth-child(4){animation-delay:.2s}.chapter-mastery-item:nth-child(5){animation-delay:.25s}.chapter-mastery-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.chapter-mastery-item:last-child{margin-bottom:0}.chapter-mastery-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:background .2s ease}.chapter-mastery-header:hover{background:#f8fafc}.chapter-mastery-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chapter-mastery-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;font-size:16px;flex-shrink:0}.chapter-mastery-details{display:flex;flex-direction:column;gap:2px;min-width:0}.chapter-mastery-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-mastery-meta{font-size:11px;color:#6b7280}.chapter-mastery-stats{display:flex;align-items:center;gap:10px}.mastery-badge{font-size:10px;padding:4px 10px;border-radius:12px;font-weight:600;text-transform:capitalize}.mastery-badge.mastery-not_started{background:#f3f4f6;color:#6b7280}.mastery-badge.mastery-weak{background:#fef2f2;color:#dc2626}.mastery-badge.mastery-learning{background:#fef9c3;color:#ca8a04}.mastery-badge.mastery-strong,.mastery-badge.mastery-mastered{background:#dcfce7;color:#16a34a}.chapter-expand-icon{font-size:10px;color:#9ca3af;transition:transform .3s ease}.chapter-expand-icon.expanded{transform:rotate(180deg)}.topic-mastery-list.nested{border-top:1px solid #e5e7eb;padding:10px;background:#f8fafc;margin:0}.topic-mastery-list.nested .topic-item{padding:8px 10px;margin-bottom:4px;cursor:pointer}.topic-mastery-list.nested .topic-item:hover{background:#eff6ff}.topic-mastery-list.nested .topic-name{font-size:12px}.chart-section{min-height:320px}.effort-metrics-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.effort-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.effort-metric{display:flex;align-items:center;gap:10px;background:#fff;padding:14px;border-radius:10px;border:1px solid #e5e7eb;transition:all .3s ease;animation:scaleIn .4s ease-out backwards}.effort-metric:nth-child(1){animation-delay:.1s}.effort-metric:nth-child(2){animation-delay:.15s}.effort-metric:nth-child(3){animation-delay:.2s}.effort-metric:nth-child(4){animation-delay:.25s}.effort-metric:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.metric-icon{font-size:22px;transition:transform .3s ease}.effort-metric:hover .metric-icon{transform:scale(1.2)}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:18px;font-weight:700;color:#1f2937}.metric-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.effort-insight{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:14px 16px;border-radius:10px;border-left:4px solid #2563eb}.insight-badge{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.effort-insight p{font-size:13px;color:#374151;margin:0;line-height:1.5}.strength-weakness-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chapter-list{display:flex;flex-direction:column;gap:10px}.chapter-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInLeft .4s ease-out backwards}.chapter-card:nth-child(1){animation-delay:.1s}.chapter-card:nth-child(2){animation-delay:.2s}.chapter-card:nth-child(3){animation-delay:.3s}.chapter-card:hover{transform:translate(6px) scale(1.02);box-shadow:0 6px 20px #0000001a}.chapter-card.strong{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.chapter-card.weak{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.chapter-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.chapter-info p{font-size:12px;color:#6b7280;margin:0}.chapter-reason{display:block;font-size:11px;color:#92400e;margin-top:4px;font-style:italic}.chapter-reason.success{color:#047857}.chapter-score{text-align:right}.score-value{display:block;font-size:20px;font-weight:700;color:#10b981}.score-value.weak-score{color:#f59e0b}.attempts{font-size:11px;color:#6b7280}.courses-list-compact{display:flex;flex-direction:column;gap:10px}.course-card-compact{padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInRight .4s ease-out backwards}.course-card-compact:nth-child(1){animation-delay:.1s}.course-card-compact:nth-child(2){animation-delay:.15s}.course-card-compact:nth-child(3){animation-delay:.2s}.course-card-compact:nth-child(4){animation-delay:.25s}.course-card-compact:nth-child(5){animation-delay:.3s}.course-card-compact:hover{border-color:#3b82f6;background:#eff6ff;transform:translate(-4px);box-shadow:0 4px 16px #3b82f626}.course-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.course-header-compact h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.progress-badge-compact{font-size:12px;font-weight:700;color:#2563eb}.progress-bar-container-compact{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar-compact{height:100%;background:linear-gradient(90deg,#1d4ed8,#3b82f6);transition:width .3s ease}.course-meta-compact{font-size:11px;color:#6b7280}.usage-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usage-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .3s ease;animation:scaleIn .4s ease-out backwards}.usage-item:nth-child(1){animation-delay:.1s}.usage-item:nth-child(2){animation-delay:.15s}.usage-item:nth-child(3){animation-delay:.2s}.usage-item:nth-child(4){animation-delay:.25s}.usage-item:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000014}.usage-icon{font-size:22px;transition:transform .3s ease}.usage-item:hover .usage-icon{transform:scale(1.2) rotate(-10deg)}.usage-content{display:flex;flex-direction:column}.usage-value{font-size:18px;font-weight:700;color:#1d4ed8}.usage-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.total-study-time{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:10px;flex-wrap:wrap}.time-icon{font-size:18px}.active-days-badge{margin-left:auto;font-size:11px;background:#ffffffb3;padding:3px 10px;border-radius:12px;color:#059669;font-weight:600}.this-week-activity-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.week-period-badge{font-size:11px;background:#3b82f626;color:#2563eb;padding:4px 10px;border-radius:12px;font-weight:600}.week-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.week-stat-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .3s ease}.week-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.week-stat-icon{font-size:20px}.week-stat-content{display:flex;flex-direction:column}.week-stat-value{font-size:18px;font-weight:700;color:#1f2937}.week-stat-label{font-size:11px;color:#6b7280}.daily-activity-heatmap{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;border:1px solid #e5e7eb}.heatmap-label{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.heatmap-days{display:flex;justify-content:space-between;gap:6px}.heatmap-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:8px;transition:all .2s ease;cursor:default}.heatmap-day:hover{background:#f3f4f6}.heatmap-day.today{background:#eff6ff;border:1px solid #3b82f6}.heatmap-day .day-name{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase}.heatmap-day.today .day-name{color:#2563eb}.activity-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.activity-dot.none{background:#e5e7eb}.activity-dot.medium{background:#fbbf24;box-shadow:0 0 6px #fbbf2480}.activity-dot.high{background:#22c55e;box-shadow:0 0 6px #22c55e80}.heatmap-day.active .activity-dot{animation:pulse 2s infinite}.week-comparison{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;margin-top:10px;font-size:13px}.week-comparison.up{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.week-comparison.down{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.week-comparison.same{background:#f3f4f6;color:#6b7280}.comparison-icon{font-size:16px}.comparison-text{font-weight:500}.week-highlights{margin-top:12px;display:flex;flex-direction:column;gap:8px}.highlight-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:8px;border-left:3px solid #3b82f6;font-size:13px;color:#374151}.highlight-icon{font-size:16px}.highlight-message{font-weight:500}.most-active-day{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;font-size:12px}.most-active-label{font-weight:600;color:#92400e}.most-active-value{color:#78350f;font-weight:500;font-weight:700;color:#065f46}.time-label{font-size:12px;color:#047857}.quick-actions-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease-out backwards;position:relative;overflow:hidden}.quick-action-btn:nth-child(1){animation-delay:.1s}.quick-action-btn:nth-child(2){animation-delay:.2s}.quick-action-btn:nth-child(3){animation-delay:.3s}.quick-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.quick-action-btn:hover:before{left:100%}.quick-action-btn:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff;transform:translateY(-3px);box-shadow:0 6px 20px #3b82f633}.quick-action-btn span{transition:transform .3s ease}.quick-action-btn:hover span{transform:scale(1.2)}.quick-action-btn.ai{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:transparent;color:#fff;animation:fadeInUp .4s ease-out backwards,glow 3s ease-in-out infinite 1s}.quick-action-btn.ai:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.quick-action-btn span:first-child{font-size:18px}.empty-state{padding:30px 20px;text-align:center;color:#9ca3af;font-size:14px}.alert{padding:14px 18px;border-radius:10px;margin:20px 0;display:flex;align-items:center;gap:12px;font-size:14px}@media(max-width:1400px){.stats-grid,.effort-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.dashboard-content-grid,.strength-weakness-grid{grid-template-columns:1fr}}@media(max-width:768px){.welcome-section{padding:20px;flex-direction:column;text-align:center}.welcome-content h2{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-icon{width:42px;height:42px;font-size:22px}.stat-content .stat-value{font-size:20px}.insights-section,.next-actions-grid,.focus-areas-grid,.daily-goals-grid,.usage-grid{grid-template-columns:1fr}.week-summary-grid{grid-template-columns:1fr 1fr}.heatmap-day .day-name{font-size:8px}.activity-dot{width:10px;height:10px}.effort-metrics-grid{grid-template-columns:1fr 1fr}.subject-stats{gap:10px}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.content-section{padding:16px}.action-card{padding:14px}.action-icon{width:44px;height:44px;font-size:22px}.effort-metrics-grid{grid-template-columns:1fr}.effort-insight{flex-direction:column}}.interactive-card{cursor:pointer;transition:all .3s ease;position:relative}.interactive-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #00000026;z-index:2}.interactive-card:active{transform:translateY(-2px) scale(1.01)}.interactive-item{cursor:pointer;transition:all .3s ease}.interactive-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.interactive-tag{cursor:pointer;transition:all .2s ease;display:inline-block}.interactive-tag:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;z-index:1}.interactive-section{transition:all .3s ease}.interactive-section:hover{border-color:#3b82f6}.strengths-list,.weaknesses-list{animation:slideDown .3s ease-out}.animated-arrow{transition:transform .3s ease}.interactive-card:hover .animated-arrow{transform:translate(4px)}.ai-insight-card.interactive{position:relative}.ai-insight-card.interactive:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none}.ai-insight-card.interactive:hover:before{opacity:1}.my-courses-container{min-height:100vh;background:transparent;padding:0}.empty-state-card{background:#fff;border-radius:16px;border:2px dashed #e2e8f0;padding:80px 40px;text-align:center}.empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state-card p{font-size:15px;color:#64748b;margin:0}.courses-summary-section{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.summary-card.overall{background:linear-gradient(135deg,#00326d,#004a9f);border-radius:10px;padding:6px 10px;display:flex;align-items:center;gap:8px;min-width:150px;flex-shrink:0;height:48px}.summary-progress-ring{position:relative;width:32px;height:32px;flex-shrink:0}.summary-progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#fff3;stroke-width:6}.ring-fill{fill:none;stroke:#00bc04;stroke-width:6;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s ease}.ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff}.summary-info h3{font-size:12px;font-weight:600;color:#fff;margin:0;white-space:nowrap}.summary-info p{font-size:10px;color:#fffc;margin:0;white-space:nowrap}.stat-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:#fff;border-radius:10px;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #0000000d;height:48px;min-width:auto;flex:0 0 auto}.stat-item:hover{transform:translateY(-1px)}.stat-icon{font-size:12px}.stat-value{font-size:14px;font-weight:700;color:#1e293b}.stat-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.focus-course-section{margin-bottom:32px}.focus-course-section .course-card{max-width:100%;border-width:2px;box-shadow:0 8px 24px #ef444426}.courses-section{margin-bottom:32px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.courses-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.courses-row .course-card{min-width:0}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;animation:fadeInUp .4s ease backwards}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00326d1f}.course-card-header{display:flex;align-items:center;gap:14px}.course-icon-wrapper{width:52px;height:52px;background:linear-gradient(135deg,#00326d,#004a9f);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-icon{font-size:26px}.course-title-section{flex:1;min-width:0}.course-name{font-size:17px;font-weight:600;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-code{font-size:13px;color:#64748b}.course-status-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap}.course-progress-section{background:#f8fafc;border-radius:12px;padding:14px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;color:#64748b}.progress-value{font-size:16px;font-weight:700;color:#1e293b}.progress-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-details{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.course-performance-section{display:flex;gap:8px}.perf-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#f8fafc;border-radius:10px}.perf-stat.trend{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.perf-value{font-size:18px;font-weight:700;color:#1e293b}.perf-label{font-size:11px;color:#64748b;text-transform:uppercase}.course-engagement-section{display:flex;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:10px;font-size:13px;color:#7c3aed}.course-engagement-section span{display:flex;align-items:center;gap:4px}.course-ai-insight{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:500}.course-ai-insight.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.course-ai-insight.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.course-ai-insight.tip{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.course-ai-insight.info{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.insight-icon{font-size:18px}.insight-message{flex:1}.course-weak-areas{padding:12px 14px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:10px}.weak-label{display:block;font-size:12px;font-weight:600;color:#991b1b;margin-bottom:6px}.weak-list{display:flex;flex-wrap:wrap;gap:6px}.weak-item{padding:4px 10px;background:#fff;border-radius:6px;font-size:12px;color:#dc2626}.course-last-activity{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:12px}.activity-label{color:#64748b}.activity-info{flex:1;color:#1e293b;font-weight:500}.activity-time{color:#94a3b8}.course-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.recommendation-section{margin-bottom:12px}.rec-reason{font-size:13px;color:#64748b;font-style:italic}.course-actions{display:flex;gap:10px}.btn-action{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action.primary{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;box-shadow:0 4px 12px #00bc044d}.btn-action.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00bc0466}.btn-action.secondary{background:#fff;color:#00326d;border:2px solid #00326D}.btn-action.secondary:hover{background:#00326d;color:#fff}.course-card.focus{border-width:2px;border-style:dashed}.course-card.attention .course-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.course-card.progress .course-icon-wrapper{background:linear-gradient(135deg,#eab308,#ca8a04)}.course-card.strong .course-icon-wrapper{background:linear-gradient(135deg,#22c55e,#16a34a)}.course-card.not-started .course-icon-wrapper{background:linear-gradient(135deg,#9ca3af,#6b7280)}@media(max-width:1024px){.courses-summary-section{display:none}.summary-card.overall{min-width:unset;width:100%;justify-content:center}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1200px){.courses-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stat-item{flex:1 1 auto;min-width:80px}.courses-grid{grid-template-columns:1fr}.courses-row{grid-template-columns:1fr;gap:16px}.course-performance-section{flex-wrap:wrap}.perf-stat{flex:1 1 calc(50% - 4px)}.course-engagement-section{flex-wrap:wrap;gap:8px;justify-content:flex-start}.course-actions{flex-direction:column}}@media(max-width:480px){.summary-card.overall{flex-direction:column;text-align:center;padding:20px}.stat-item{padding:10px 8px}.stat-value{font-size:24px}.course-card{padding:16px}.course-card-header{flex-wrap:wrap}.course-status-badge{margin-top:8px}.ai-summary-banner{flex-direction:column;text-align:center}}.courses-grid .course-card:nth-child(1){animation-delay:.05s}.courses-grid .course-card:nth-child(2){animation-delay:.1s}.courses-grid .course-card:nth-child(3){animation-delay:.15s}.courses-grid .course-card:nth-child(4){animation-delay:.2s}.courses-grid .course-card:nth-child(5){animation-delay:.25s}.courses-grid .course-card:nth-child(6){animation-delay:.3s}.assignments-container{min-height:100vh;background:transparent;padding:0}.assignments-list{display:flex;flex-direction:column;gap:20px}.assignment-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.assignment-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a;border-color:#8fc0a9}.assignment-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.assignment-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.assignment-subject{font-size:14px;color:#666;margin:0}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.assignment-description{font-size:14px;color:#666;margin:0 0 16px;line-height:1.6}.assignment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.due-date{font-size:14px;color:#666}.view-btn{background:#8fc0a9;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#6fa88f}@media(max-width:768px){.assignments-list{padding:20px 16px}.assignment-header{flex-direction:column;gap:12px}.assignment-footer{flex-direction:column;gap:12px;align-items:flex-start}.view-btn{width:100%}}.student-progress-container{min-height:100vh;background:transparent;padding:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#00326d,#0056b3);border-radius:16px;color:#fff}.progress-header h1{margin:0;font-size:28px;font-weight:700}.progress-header .student-name{margin:4px 0 0;font-size:14px;opacity:.9}.header-right .date-range{font-size:13px;background:#fff3;padding:6px 12px;border-radius:20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#00326d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.progress-filters{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.filter-group label{font-size:14px;font-weight:600;color:#374151}.filter-select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:180px;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#00326d}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#00326d;color:#00326d}.filter-btn.active{background:#00326d;border-color:#00326d;color:#fff}.streak-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;animation:fadeInUp .5s ease-out}.streak-info{display:flex;align-items:center;gap:12px}.streak-icon{font-size:32px;animation:pulse 1s ease-in-out infinite}.streak-details{display:flex;flex-direction:column}.streak-count{font-size:18px;font-weight:700;color:#92400e}.streak-best{font-size:12px;color:#a16207}.active-badge{background:#22c55e;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.inactive-badge{background:#f97316;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;animation:pulse 2s ease-in-out infinite}.primary-focus-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#fef2f2,#fff);border:2px solid #fca5a5;border-left:5px solid #ef4444;border-radius:16px;margin-bottom:24px;animation:fadeInUp .5s ease-out;box-shadow:0 4px 16px #ef44441a}.primary-focus-card:hover{box-shadow:0 6px 20px #ef444426}.focus-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:14px;flex-shrink:0;box-shadow:0 4px 12px #ef44444d}.focus-icon{font-size:26px;filter:brightness(0) invert(1)}.focus-content{flex:1;min-width:0}.focus-content h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#dc2626}.focus-subject{display:flex;align-items:center;gap:8px;margin-bottom:8px}.focus-subject .subject-name{font-size:15px;font-weight:700;color:#1f2937;text-transform:uppercase}.focus-subject .topic-name{font-size:13px;color:#6b7280;padding:2px 8px;background:#f3f4f6;border-radius:4px}.focus-reason{font-size:13px;color:#374151;margin:0 0 4px;line-height:1.4}.focus-issue{font-size:12px;color:#9ca3af;margin:0 0 8px;font-style:italic}.focus-score{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fee2e2;border-radius:8px}.focus-score .score-label{font-size:12px;color:#991b1b}.focus-score .score-value{font-size:18px;font-weight:700;color:#dc2626}.focus-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 12px #ef44444d}.focus-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.daily-plan-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;animation:fadeInUp .5s ease-out}.daily-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.daily-plan-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.plan-stats{display:flex;align-items:center;gap:16px}.plan-date{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:6px}.plan-progress{font-size:13px;color:#374151;font-weight:500}.plan-xp{font-size:13px;color:#8b5cf6;font-weight:600;background:#ede9fe;padding:4px 10px;border-radius:6px}.plan-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;margin-bottom:20px;overflow:hidden}.plan-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:4px;transition:width .5s ease}.daily-tasks-grid{display:flex;flex-direction:column;gap:12px}.daily-task-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:12px;transition:all .2s ease}.daily-task-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.daily-task-card.completed{opacity:.6;background:#f0fdf4;border-left-color:#22c55e}.daily-task-card.completed .task-title{text-decoration:line-through}.task-checkbox{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#9ca3af}.daily-task-card.completed .task-checkbox{background:#22c55e;border-color:#22c55e;color:#fff}.task-content{flex:1}.task-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.task-icon{font-size:18px}.task-title{font-size:14px;font-weight:600;color:#1f2937}.task-xp{font-size:12px;color:#8b5cf6;font-weight:600;margin-left:auto}.task-description{font-size:13px;color:#6b7280;margin:0 0 8px}.task-meta{display:flex;gap:12px}.task-duration{font-size:12px;color:#6b7280}.task-priority{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;text-transform:capitalize}.task-priority.priority-high{background:#fee2e2;color:#dc2626}.task-priority.priority-medium{background:#ffedd5;color:#ea580c}.task-priority.priority-low{background:#dcfce7;color:#16a34a}.task-priority.priority-optional{background:#e0e7ff;color:#4338ca}.task-action-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.task-action-btn:hover{background:#2563eb}.plan-motivation{margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;font-size:14px;color:#92400e;font-weight:500;text-align:center}.insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.insight-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;animation:fadeInUp .5s ease-out}.insight-card.insight-achievement{background:#dcfce7}.insight-card.insight-warning{background:#fee2e2}.insight-icon{font-size:24px}.insight-content{flex:1}.insight-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.insight-message{font-size:13px;margin:0 0 4px;color:#374151}.insight-detail{font-size:12px;color:#6b7280;margin:0}.insight-action-btn{background:transparent;border:1px solid currentColor;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.insight-action-btn:hover{background:#0000000d}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;animation:fadeInUp .5s ease-out backwards}.summary-card:nth-child(1){animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.15s}.summary-card:nth-child(3){animation-delay:.2s}.summary-card:nth-child(4){animation-delay:.25s}.summary-card:nth-child(5){animation-delay:.3s}.summary-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px}.summary-content h4{margin:0 0 4px;font-size:12px;color:#6b7280;text-transform:uppercase}.summary-value{font-size:24px;font-weight:700;color:#1f2937}.summary-subtext{font-size:12px;color:#6b7280;margin-top:2px}.goals-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.section-title.section-title-single-line{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title small{font-size:14px;color:#6b7280;font-weight:500}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.goal-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.goal-header{display:flex;justify-content:space-between;margin-bottom:10px}.goal-title{font-size:13px;color:#374151;font-weight:500}.goal-progress{font-size:13px;color:#6b7280;font-weight:600}.goal-bar-container{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.goal-bar{height:100%;background:#3b82f6;border-radius:4px;transition:width .5s ease}.goal-percentage{font-size:12px;color:#6b7280;font-weight:500}.section-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;animation:fadeInUp .5s ease-out}.subject-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.subject-progress-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.subject-progress-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.subject-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.subject-info{display:flex;align-items:center;gap:10px}.subject-icon{font-size:20px}.subject-names h4{margin:0;font-size:15px;font-weight:600;color:#1f2937}.subject-code{font-size:11px;color:#6b7280}.status-tag{font-size:11px;padding:4px 10px;border-radius:20px;color:#fff;font-weight:500}.subject-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.score-item{text-align:center}.score-item.main .score-value{font-size:22px;font-weight:700}.score-item .score-value{display:block;font-size:16px;font-weight:600;color:#1f2937}.score-item .score-label{font-size:10px;color:#6b7280;text-transform:uppercase}.subject-completion{margin-bottom:12px}.completion-bar-container{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:6px}.completion-bar{height:100%;border-radius:3px;transition:width .5s ease}.completion-text{font-size:12px;color:#6b7280}.subject-footer{display:flex;flex-direction:column;gap:4px}.trend-info{font-size:13px;color:#6b7280}.insight-reason{font-size:12px;color:#9ca3af;font-style:italic}.weak-topics-section{margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.weak-label{font-size:11px;color:#6b7280}.weak-topic-tag{font-size:10px;padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:4px}.subject-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.subject-action-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.subject-action-btn.study{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.subject-action-btn.study:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.subject-action-btn.practice{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.subject-action-btn.practice:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.student-progress-container .chapter-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.student-progress-container .highlight-box{padding:16px;border-radius:12px}.student-progress-container .highlight-box.strong{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #86efac}.student-progress-container .highlight-box.weak{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #fca5a5}.student-progress-container .highlight-box h4{margin:0 0 12px;font-size:14px;font-weight:600}.student-progress-container .highlight-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.student-progress-container .highlight-score{font-weight:600}.student-progress-container .chapters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.student-progress-container .chapter-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #6b7280;border-radius:12px;padding:16px;transition:all .2s ease;min-width:0;display:block}.student-progress-container .chapter-card:hover{box-shadow:0 4px 12px #0000001a}.student-progress-container .chapter-card.completed{border-left-color:#22c55e}.student-progress-container .chapter-card.in_progress{border-left-color:#f59e0b}.student-progress-container .chapter-card.not_started{border-left-color:#9ca3af}.student-progress-container .chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;flex-wrap:wrap}.student-progress-container .chapter-number{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.student-progress-container .chapter-status-tag{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500;white-space:nowrap}.student-progress-container .chapter-name{margin:0 0 12px;font-size:14px;font-weight:600;color:#1f2937;word-break:break-word}.student-progress-container .chapter-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.student-progress-container .chapter-stat{text-align:center}.student-progress-container .chapter-stat .stat-value{display:block;font-size:16px;font-weight:600;color:#1f2937}.student-progress-container .chapter-stat .stat-label{font-size:10px;color:#6b7280}.student-progress-container .chapter-actions{display:flex;gap:8px;flex-wrap:wrap}.student-progress-container .chapter-action-btn{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.student-progress-container .chapter-action-btn.primary{background:#3b82f6;color:#fff}.student-progress-container .chapter-action-btn.primary:hover{background:#2563eb}.student-progress-container .chapter-action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.student-progress-container .chapter-action-btn.secondary:hover{background:#e5e7eb}.chart-section{padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trend-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.trend-badge.improving{background:#dcfce7;color:#16a34a}.trend-badge.stable{background:#dbeafe;color:#1d4ed8}.trend-badge.dropping{background:#fee2e2;color:#dc2626}.trend-ai-insight{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);border:1px solid #bae6fd;border-left:4px solid #0ea5e9;border-radius:12px;margin-top:20px;box-shadow:0 2px 8px #0ea5e91a;transition:all .3s ease}.trend-ai-insight:hover{box-shadow:0 4px 16px #0ea5e926;transform:translateY(-2px)}.trend-ai-insight .ai-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;box-shadow:0 4px 12px #0ea5e933}.trend-ai-insight .ai-content{flex:1}.trend-ai-insight .ai-content h4{margin:0 0 8px;font-size:16px;font-weight:700;color:#0c4a6e;display:flex;align-items:center;gap:8px}.trend-ai-insight .ai-content p{margin:0 0 6px;font-size:14px;color:#075985;line-height:1.6}.trend-ai-insight .ai-recommendation{margin-top:12px;padding:12px 16px;background:#fffc;border:1px solid rgba(14,165,233,.2);border-left:3px solid #0ea5e9;border-radius:8px;font-weight:600;font-size:13px;color:#0c4a6e;box-shadow:0 2px 4px #0ea5e90d}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.difficulty-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center}.difficulty-card.easy{border-color:#22c55e}.difficulty-card.medium{border-color:#f59e0b}.difficulty-card.hard{border-color:#ef4444}.difficulty-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.difficulty-icon{font-size:18px}.difficulty-label{font-size:14px;font-weight:600;text-transform:capitalize}.difficulty-score{font-size:28px;font-weight:700;margin-bottom:8px}.difficulty-details{display:flex;justify-content:center;gap:12px;font-size:12px;color:#6b7280}.difficulty-status{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.difficulty-status.status-green{background:#dcfce7;color:#16a34a}.difficulty-status.status-yellow{background:#fef3c7;color:#a16207}.difficulty-status.status-red{background:#fee2e2;color:#dc2626}.difficulty-tip{padding:12px 16px;background:#f8fafc;border-radius:8px;font-size:13px;color:#374151}.lesson-plan-summary{font-size:15px;color:#374151;margin-bottom:16px}.lesson-plan-summary strong{color:#1f2937}.impact-message{font-size:13px;color:#6b7280;margin:4px 0 0}.lesson-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.lesson-plan-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #6b7280;border-radius:12px;padding:16px}.lesson-plan-card.ahead{border-left-color:#22c55e}.lesson-plan-card.on_track{border-left-color:#3b82f6}.lesson-plan-card.behind,.lesson-plan-card.far_behind{border-left-color:#ef4444}.lesson-plan-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.lesson-icon{font-size:18px}.lesson-subject{font-size:15px;font-weight:600}.lesson-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.lesson-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.lesson-stats{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:8px}.lesson-score{font-weight:600}.lesson-impact{font-size:12px;color:#374151;margin:8px 0 0;padding:8px;background:#f8fafc;border-radius:6px}.lesson-action-btn{margin-top:10px;background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.lesson-action-btn:hover{background:#2563eb}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px}.pattern-card{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:12px}.pattern-icon{font-size:28px}.pattern-content h4{margin:0 0 6px;font-size:14px;font-weight:600;color:#1f2937}.pattern-description{font-size:13px;color:#374151;margin:0 0 6px}.pattern-insight{font-size:12px;color:#6b7280;margin:0;padding:6px 10px;background:#fef3c7;border-radius:6px}.personalized-insight{padding:14px 18px;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #93c5fd;border-radius:10px;font-size:14px;color:#1e40af}.ai-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.ai-prompt-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.ai-prompt-card:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translate(4px)}.prompt-icon{font-size:24px}.prompt-content{flex:1}.prompt-content h4{margin:0 0 2px;font-size:14px;font-weight:600}.prompt-content p{margin:0;font-size:12px;color:#6b7280}.prompt-arrow{font-size:18px;color:#9ca3af}.exam-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.analytics-block h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.exam-type-list{display:flex;flex-direction:column;gap:10px}.exam-type-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border-radius:8px}.type-name{font-size:13px;color:#374151}.type-count{font-size:12px;color:#6b7280}.type-score{font-size:13px;font-weight:600;color:#1f2937}.recent-exams h4{margin:16px 0 12px;font-size:14px;font-weight:600;color:#374151}.recent-exams-list{display:flex;flex-direction:column;gap:8px}.recent-exam-row{display:grid;grid-template-columns:80px 1fr 1fr 70px 60px;gap:12px;align-items:center;padding:12px 14px;background:#f8fafc;border-radius:8px;font-size:13px}.exam-date{color:#6b7280}.exam-subject{font-weight:500;color:#1f2937}.exam-chapter{color:#6b7280}.exam-difficulty{padding:3px 8px;border-radius:4px;font-size:11px;text-transform:capitalize;text-align:center}.exam-difficulty.diff-easy{background:#dcfce7;color:#16a34a}.exam-difficulty.diff-medium{background:#fef3c7;color:#a16207}.exam-difficulty.diff-hard{background:#fee2e2;color:#dc2626}.exam-score{font-weight:600;text-align:right}.exam-score.pass{color:#16a34a}.exam-score.fail{color:#dc2626}.material-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.material-stat{text-align:center;padding:16px;background:#f8fafc;border-radius:10px}.material-stat .stat-value{display:block;font-size:28px;font-weight:700;color:#1f2937}.material-stat .stat-label{font-size:12px;color:#6b7280}.material-by-subject h4{margin:0 0 12px;font-size:14px;font-weight:600}.material-subject-row{display:grid;grid-template-columns:1fr 2fr 80px 100px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.material-subject-row .subject-name{font-size:13px;font-weight:500}.material-progress{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.material-progress-bar{height:100%;background:#3b82f6;border-radius:3px}.material-count{font-size:12px;color:#6b7280;text-align:center}.material-status{font-size:11px;padding:3px 8px;border-radius:4px;text-align:center}.material-status.covered{background:#dcfce7;color:#16a34a}.material-status.progress{background:#dbeafe;color:#1d4ed8}.recent-materials h4{margin:20px 0 12px;font-size:14px;font-weight:600}.recent-materials-list{display:flex;flex-direction:column;gap:8px}.recent-material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .2s ease}.recent-material-item:hover{background:#e5e7eb}.material-info{display:flex;flex-direction:column}.material-title{font-size:13px;font-weight:500;color:#1f2937}.material-info small{font-size:11px;color:#6b7280}.material-status-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.material-status-badge.completed{background:#dcfce7;color:#16a34a}.material-status-badge.in_progress{background:#fef3c7;color:#a16207}.ai-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ai-stat{padding:14px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;min-width:0}.ai-stat .stat-icon{font-size:20px;display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:#fff9;flex-shrink:0}.ai-stat .stat-value{display:inline-block;font-size:18px;font-weight:800;color:#5b21b6;white-space:nowrap}.ai-stat .stat-label{font-size:12px;color:#6b21a8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ai-subjects h4{margin:0 0 12px;font-size:14px;font-weight:600}.ai-subjects-list{display:flex;flex-wrap:wrap;gap:10px}.ai-subject-item{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#f3f4f6;border-radius:8px;min-width:200px}.question-count{font-size:12px;color:#6b7280;font-weight:500}.ai-comparison{margin-top:20px}.ai-comparison h4{margin:0 0 12px;font-size:14px;font-weight:600}.comparison-bars{display:flex;flex-direction:column;gap:12px}.comparison-item{display:grid;grid-template-columns:120px 1fr 60px;gap:12px;align-items:center}.comparison-bar-container{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.comparison-bar{height:100%;border-radius:6px;transition:width .5s ease}.comparison-bar.ai{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.comparison-bar.teacher{background:linear-gradient(90deg,#00326d,#0056b3)}.comparison-score{font-weight:600;text-align:right}.coming-soon{position:relative;overflow:hidden}.coming-soon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffc,#fff6);pointer-events:none}.coming-soon-content{position:relative;z-index:1;text-align:center;padding:20px}.coming-soon-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.coming-soon-content p{font-size:14px;color:#374151;margin:0}.coming-soon-desc{margin-top:8px;font-size:13px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#1f2937}.empty-state p{color:#6b7280;margin:0 0 20px}.btn-primary{background:#00326d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#0056b3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.progress-header{flex-direction:column;text-align:center;gap:12px}.progress-filters,.filter-group{flex-direction:column;align-items:stretch}.primary-focus-card{grid-template-columns:1fr;text-align:center;gap:16px}.primary-focus-card .focus-icon-wrapper{margin:0 auto}.primary-focus-card .focus-subject{justify-content:center;flex-wrap:wrap}.primary-focus-card .focus-score{justify-content:center}.primary-focus-card .focus-action-btn{width:100%}.summary-cards{grid-template-columns:repeat(2,1fr)}.subject-cards-grid,.student-progress-container .chapter-highlights,.student-progress-container .chapters-grid{grid-template-columns:1fr}.student-progress-container .chapter-card{padding:14px}.student-progress-container .chapter-stats{gap:8px}.exam-analytics-grid{grid-template-columns:1fr}.ai-stats-grid{grid-template-columns:repeat(2,1fr)}.recent-exam-row,.material-subject-row{grid-template-columns:1fr 1fr;gap:8px}.comparison-item{grid-template-columns:1fr;gap:6px}}@media(max-width:480px){.summary-cards,.goals-grid,.ai-stats-grid,.material-stats-grid,.puzzle-stats-grid{grid-template-columns:1fr}.puzzle-difficulty-chips{flex-direction:column;gap:8px}.puzzle-topics-row{flex-direction:column}}.puzzle-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.puzzle-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;transition:all .2s ease}.puzzle-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.puzzle-stat-icon{font-size:28px;width:52px;height:52px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;display:flex;align-items:center;justify-content:center}.puzzle-stat-info{display:flex;flex-direction:column}.puzzle-stat-value{font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.puzzle-stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.puzzle-breakdown-section{margin-bottom:24px}.puzzle-breakdown-section h4{font-size:14px;font-weight:700;color:#374151;margin-bottom:14px}.puzzle-type-bars{display:flex;flex-direction:column;gap:10px}.puzzle-type-bar-item{display:grid;grid-template-columns:32px 120px 1fr 40px;align-items:center;gap:12px}.puzzle-type-icon{font-size:18px;width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center}.puzzle-type-name{font-size:13px;font-weight:600;color:#374151;text-transform:capitalize}.puzzle-type-bar-container{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.puzzle-type-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:5px;transition:width .5s ease}.puzzle-type-count{font-size:14px;font-weight:700;color:#1e293b;text-align:right}.puzzle-difficulty-chips{display:flex;gap:16px;flex-wrap:wrap}.puzzle-difficulty-chip{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;border:2px solid;transition:all .2s ease}.puzzle-difficulty-chip.easy{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.puzzle-difficulty-chip.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.puzzle-difficulty-chip.hard{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.puzzle-difficulty-chip .difficulty-icon{font-size:18px}.puzzle-difficulty-chip .difficulty-label{font-size:13px;font-weight:700;text-transform:capitalize;color:#374151}.puzzle-difficulty-chip .difficulty-count{font-size:16px;font-weight:800;color:#0f172a;background:#fff9;padding:4px 10px;border-radius:8px}.puzzle-topics-row{display:flex;gap:20px;margin-bottom:20px}.puzzle-topics-box{flex:1;padding:16px 20px;border-radius:14px;border:2px solid}.puzzle-topics-box.strong{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.puzzle-topics-box.weak{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.puzzle-topics-box h4{font-size:13px;font-weight:700;color:#374151;margin-bottom:12px}.topics-list{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.topic-tag.strong{background:#22c55e;color:#fff}.topic-tag.weak{background:#f59e0b;color:#fff}.puzzle-action-row{display:flex;justify-content:center;margin-top:8px}.puzzle-play-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 16px #6366f14d;transition:all .2s ease}.puzzle-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}@media(max-width:1024px){.puzzle-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.puzzle-stats-grid{grid-template-columns:repeat(2,1fr)}.puzzle-type-bar-item{grid-template-columns:28px 100px 1fr 36px;gap:8px}.puzzle-type-name{font-size:12px}.puzzle-topics-row{flex-direction:column;gap:12px}}.progress-percentage{font-size:20px;font-weight:700;color:#8fc0a9}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8fc0a9,#c8d5b9);transition:width .3s ease;border-radius:6px}.profile-info-section{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.profile-avatar{width:64px;height:64px;min-width:64px;border-radius:50%;overflow:hidden;border:2px solid #8fc0a9;display:flex;align-items:center;justify-content:center;background:#f9fafb}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8fc0a9,#c8d5b9);color:#fff;font-size:24px;font-weight:700}.profile-basic-info h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.profile-basic-info p{font-size:13px;color:#666;margin:0}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8fc0a9;background:#fff;box-shadow:0 0 0 3px #e26d5c1a}.file-input:hover{border-color:#8fc0a9;background:#fff}.file-input:focus{outline:none;border-color:#8fc0a9;box-shadow:0 0 0 3px #e26d5c1a}.btn{min-height:40px;min-width:120px}.btn-primary{background:linear-gradient(135deg,#8fc0a9,#c8d5b9);color:#fff;box-shadow:0 2px 8px #e26d5c4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e26d5c66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{position:fixed;top:20px;right:20px;padding:14px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:9999;min-width:280px;max-width:400px;box-shadow:0 8px 24px #00000026;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 4.7s forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.alert-error{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;color:#fff}.alert-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.subscription-status-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin:0 32px 24px;box-shadow:0 2px 8px #0000000a}.subscription-section-header{margin-bottom:20px}.subscription-section-header h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.subscription-subtitle{font-size:14px;color:#64748b;margin:0}.subscription-status-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;border:1px solid #e2e8f0}.subscription-loading{display:flex;align-items:center;gap:12px;color:#64748b;padding:12px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.current-plan-info{margin-bottom:16px}.plan-badge-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.plan-badge.plan-free{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.plan-badge.plan-basic{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.plan-badge.plan-pro{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.plan-badge.plan-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.trial-days-badge{display:inline-flex;align-items:center;padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:16px;font-size:.8rem;font-weight:600}.trial-days-badge.warning{background:#fef3c7;color:#92400e}.trial-days-badge.urgent{background:#fee2e2;color:#991b1b;animation:pulse-badge 2s ease-in-out infinite}.trial-days-badge.expired{background:#fee2e2;color:#991b1b}.trial-days-badge.active{background:#d1fae5;color:#059669}.expiry-warning{color:#d97706;font-weight:500}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.plan-description{font-size:.9rem;color:#64748b;margin:0}.plan-description.expired-text{color:#991b1b}.subscription-actions{display:flex;gap:12px}.btn-view-plans{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-plans:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00326d4d}.btn-view-plans svg{transition:transform .2s ease}.btn-view-plans:hover svg{transform:translate(4px)}.referral-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin:0 32px 32px;box-shadow:0 2px 8px #0000000a}.referral-section-header{margin-bottom:20px}.referral-section-header h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.referral-subtitle{font-size:14px;color:#64748b;margin:0}.referral-link-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #7dd3fc;border-radius:14px;padding:20px;margin-bottom:20px}.referral-link-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.link-icon{font-size:20px}.referral-link-header h4{font-size:15px;font-weight:700;color:#0369a1;margin:0}.referral-url-box{display:flex;gap:10px;margin-bottom:12px}.referral-url-input{flex:1;padding:12px 14px;background:#fff;border:2px solid #bae6fd;border-radius:10px;font-size:13px;font-family:Courier New,monospace;color:#0369a1;outline:none}.btn-copy-link{padding:12px 18px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy-link:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #0369a14d}.btn-copy-link:disabled,.btn-copy-small:disabled{opacity:.5;cursor:not-allowed}.referral-code-inline{display:flex;align-items:center;gap:8px;font-size:13px;color:#0369a1}.referral-code-inline strong{font-family:Courier New,monospace;font-size:15px;letter-spacing:1px;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #bae6fd}.btn-copy-small{padding:4px 10px;background:transparent;border:1px solid #0369a1;color:#0369a1;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy-small:hover{background:#0369a1;color:#fff}.referral-wallet-stats{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.wallet-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:14px;padding:16px 20px;min-width:200px}.wallet-icon{font-size:32px}.wallet-info{display:flex;flex-direction:column}.wallet-label{font-size:12px;font-weight:600;color:#92400e;text-transform:uppercase}.wallet-amount{font-size:24px;font-weight:800;color:#78350f}.stats-row{display:flex;gap:12px;flex-wrap:wrap;flex:1}.mini-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;text-align:center;min-width:100px;flex:1}.mini-stat-value{display:block;font-size:20px;font-weight:800;color:#1e293b}.mini-stat-value.success{color:#22c55e}.mini-stat-value.warning{color:#f59e0b}.mini-stat-value.earned{color:#10b981}.mini-stat-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;margin-top:2px}.referred-students-section{margin-bottom:20px}.referred-students-section h4{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px}.referred-students-list{display:flex;flex-direction:column;gap:12px}.referred-student-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s}.referred-student-card:hover{box-shadow:0 4px 12px #0000000f}.referred-student-card.upgraded{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.referred-student-card.pending{border-color:#fcd34d;background:linear-gradient(135deg,#fefce8,#fef9c3)}.student-avatar-small{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8fc0a9,#68b088);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.student-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.student-name{font-size:15px;font-weight:700;color:#1e293b}.student-email{font-size:12px;color:#64748b;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joined-date{font-size:11px;color:#94a3b8}.student-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.student-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.student-status.upgraded{background:#22c55e;color:#fff}.student-status.pending{background:#fbbf24;color:#78350f}.reward-amount{font-size:16px;font-weight:800}.reward-amount.upgraded{color:#22c55e}.reward-amount.pending{color:#9ca3af}.no-referrals{text-align:center;padding:32px 20px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px}.no-referrals-icon{font-size:40px;display:block;margin-bottom:12px}.no-referrals p{margin:0;color:#64748b;font-size:14px}.no-referrals-hint{font-size:13px!important;color:#94a3b8!important;margin-top:6px!important}.wallet-transactions-card{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.wallet-transactions-card h4{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.transaction-item:hover{border-color:#8fc0a9;box-shadow:0 2px 8px #0000000d}.transaction-info{flex:1}.transaction-description{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.transaction-meta{display:flex;gap:12px;font-size:12px;color:#6b7280}.transaction-type{text-transform:capitalize;padding:2px 8px;background:#f3f4f6;border-radius:4px}.transaction-date{color:#9ca3af}.transaction-amount{font-size:18px;font-weight:700;padding:8px 16px;border-radius:8px}.transaction-amount.credit{color:#10b981;background:#d1fae5}.transaction-amount.debit{color:#ef4444;background:#fee2e2}.empty-state{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.stream-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #7dd3fc;border-radius:14px;padding:20px;margin-top:8px}.stream-section-header h4{font-size:16px;font-weight:700;color:#0369a1;margin:0 0 4px}.stream-subtitle{font-size:13px;color:#0284c7;margin:0 0 16px}.current-stream-display{display:flex;flex-direction:column;gap:12px}.stream-info-box{display:flex;align-items:center;gap:12px}.stream-label{font-size:14px;font-weight:600;color:#0369a1}.stream-value{padding:6px 14px;border-radius:8px;font-size:14px;font-weight:700}.stream-value.selected{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff}.stream-value.not-selected{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.stream-subjects{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subjects-label{font-size:13px;font-weight:600;color:#0369a1}.subject-tags{display:flex;gap:8px;flex-wrap:wrap}.subject-tag{padding:4px 12px;background:#fff;border:1px solid #bae6fd;border-radius:20px;font-size:12px;font-weight:600;color:#0284c7}.btn-stream-change{align-self:flex-start;padding:10px 20px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:4px}.btn-stream-change:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0369a14d}.stream-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.stream-modal-header{text-align:center;padding:28px 24px 20px;border-bottom:1px solid #e5e7eb;position:relative}.stream-modal-icon{font-size:48px;margin-bottom:12px}.stream-modal-header h3{font-size:22px;font-weight:700;color:#111827;margin:0 0 8px}.stream-modal-header p{font-size:14px;color:#6b7280;margin:0}.stream-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;font-size:18px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.stream-modal-close:hover{background:#e5e7eb;color:#111827}.stream-modal-body{padding:24px}.stream-loading{text-align:center;padding:40px;color:#6b7280;font-size:14px}.stream-options{display:flex;flex-direction:column;gap:16px}.stream-option-card{border:2px solid #e5e7eb;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;background:#fafafa}.stream-option-card:hover{border-color:#0284c7;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stream-option-card.selected{border-color:#0284c7;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 16px #0369a133}.stream-option-card.current{border-color:#22c55e}.stream-option-header{display:flex;align-items:flex-start;gap:14px}.stream-option-icon{font-size:36px;flex-shrink:0}.stream-option-info{flex:1}.stream-option-info h4{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.stream-option-info p{font-size:13px;color:#6b7280;margin:0}.stream-option-check{display:flex;flex-direction:column;align-items:center;gap:4px}.stream-option-check span{font-size:24px;color:#0284c7;font-weight:700}.stream-option-check .current-badge{font-size:10px;padding:2px 8px;background:#22c55e;color:#fff;border-radius:10px;font-weight:600}.stream-subjects-list{margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}.subjects-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.subject-chips{display:flex;gap:8px;flex-wrap:wrap}.subject-chip{padding:6px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:600;color:#374151}.stream-option-card.selected .subject-chip{background:#fff;border-color:#7dd3fc;color:#0369a1}.stream-message{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;font-size:13px;color:#92400e}.info-icon{flex-shrink:0}.stream-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 20px 20px}.stream-modal-footer .btn{min-width:140px}.stream-modal-footer .btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.stream-modal-footer .btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.stream-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.stream-section{padding:16px}.stream-info-box{flex-direction:column;align-items:flex-start;gap:8px}.stream-subjects{flex-direction:column;align-items:flex-start}.stream-modal{max-width:100%;max-height:100vh;border-radius:16px 16px 0 0}.stream-modal-overlay{padding:0;align-items:flex-end}.stream-modal-header{padding:20px 16px 16px}.stream-modal-icon{font-size:40px}.stream-modal-header h3{font-size:18px}.stream-modal-body{padding:16px}.stream-option-card{padding:14px}.stream-option-icon{font-size:28px}.stream-option-info h4{font-size:14px}.stream-option-info p{font-size:12px}.stream-modal-footer{flex-direction:column;padding:16px;gap:10px}.stream-modal-footer .btn{width:100%}}@media(max-width:768px){.profile-progress-section,.profile-form-card,.referral-section{margin:20px 16px;padding:20px}.profile-info-section{flex-direction:column;text-align:center}.form-row,.referral-stats-grid{grid-template-columns:1fr}.referrals-table-header,.referrals-table-row{grid-template-columns:1fr;gap:8px}.referrals-table-header{display:none}.referrals-table-row{padding:12px}.ref-col-name:before{content:"Name: ";font-weight:600;color:#6b7280}.ref-col-email:before{content:"Email: ";font-weight:600;color:#6b7280}.ref-col-status:before{content:"Status: ";font-weight:600;color:#6b7280}.ref-col-amount:before{content:"Reward: ";font-weight:600;color:#6b7280}.ref-col-date:before{content:"Date: ";font-weight:600;color:#6b7280}.transaction-item{flex-direction:column;align-items:flex-start;gap:12px}.transaction-amount{align-self:flex-end}}.assessment-container{min-height:100vh;background:transparent}.assessment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}.stat-card{background:#fff;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px #0000000a;border:1px solid #f0f1f3;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;opacity:0;transition:opacity .2s ease}.stat-card.total:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.stat-card.completed:before{background:linear-gradient(180deg,#10b981,#059669)}.stat-card.pending:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-card.ai:before{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card:hover:before{opacity:1}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-icon.ai{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-content{flex:1;min-width:0}.stat-value{font-size:20px;font-weight:700;color:#111827;line-height:1.1}.stat-label{font-size:11px;color:#6b7280;font-weight:500;margin-top:1px}.filters-section{background:#fff;padding:10px 12px;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;border:1px solid #f0f1f3}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filters-header h3{font-size:13px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:5px}.results-count{font-size:11px;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:12px}.search-box{display:flex;align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:7px 10px;margin-bottom:8px;transition:all .2s ease}.search-box:focus-within{border-color:#00326d;background:#fff;box-shadow:0 0 0 3px #00326d14}.search-icon{font-size:14px;margin-right:8px;color:#9ca3af}.search-input{flex:1;border:none;background:transparent;font-size:13px;outline:none;color:#111827}.search-input::placeholder{color:#9ca3af}.subject-filters{display:flex;gap:6px;flex-wrap:wrap}.subject-filter-pill{padding:5px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;font-size:11px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.subject-filter-pill:hover{border-color:#00326d;color:#00326d;background:#f0f7ff}.subject-filter-pill.active{background:linear-gradient(135deg,#00326d,#0056b3);border-color:transparent;color:#fff;box-shadow:0 2px 8px #00326d40}.subject-filter-pill .filter-count{background:#00000014;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.subject-filter-pill.active .filter-count{background:#fff3}.assessment-form{display:flex;flex-direction:column;gap:12px}.assessment-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.assessment-form .form-group{display:flex;flex-direction:column;gap:4px}.assessment-form label{font-size:12px;font-weight:600;color:#374151}.assessment-form input,.assessment-form select,.assessment-form textarea{padding:8px 10px;border-radius:6px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:12px;transition:all .2s ease}.assessment-form input:focus,.assessment-form select:focus,.assessment-form textarea:focus{outline:none;border-color:#00326d;background:#fff;box-shadow:0 0 0 2px #00326d14}.assessment-form .form-actions{display:flex;justify-content:flex-end;margin-top:4px}.assessment-form .btn-primary,.assessment-form .btn-secondary{min-width:100px}.alert{padding:8px 12px;border-radius:8px;margin:0 0 10px;display:flex;align-items:center;gap:6px;font-size:12px}.loading-state{padding:24px;text-align:center;color:#6b7280;font-size:13px}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.exam-card{background:#fff;border-radius:10px;border:1px solid #f0f1f3;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;transition:all .2s ease;position:relative}.exam-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color, #00326D),var(--card-color-light, #0056b3));opacity:0;transition:opacity .2s ease}.exam-card:hover{box-shadow:0 6px 16px #00326d1a;transform:translateY(-2px)}.exam-card:hover:before{opacity:1}.exam-card-banner{height:3px;background:linear-gradient(90deg,var(--card-color, #00326D) 0%,var(--card-color-light, #0056b3) 100%)}.exam-card-body{padding:10px;flex:1;display:flex;flex-direction:column}.exam-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.exam-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:linear-gradient(135deg,var(--card-color, #00326D) 0%,var(--card-color-light, #0056b3) 100%);color:#fff;flex-shrink:0}.exam-card-title-section{flex:1;min-width:0}.exam-card-title{font-size:13px;font-weight:600;color:#111827;margin:0 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exam-card-subtitle{font-size:10px;color:#6b7280;margin:0;text-transform:capitalize}.status-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.status-badge.status-draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.status-completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.status-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.status-badge.status-in_progress{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#075985}.exam-card-subject{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--card-color, #00326D);font-weight:600;background:#00326d0f;padding:3px 8px;border-radius:12px;margin-bottom:6px;width:fit-content}.exam-card-meta{display:flex;gap:10px;font-size:11px;color:#4b5563;margin-bottom:6px;flex-wrap:wrap}.exam-card-meta span{display:flex;gap:3px;align-items:center}.exam-card-meta span strong{color:#111827}.exam-card-meta .ai-help-count{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;padding:2px 8px;border-radius:12px;border:1px solid #c4b5fd;font-weight:600}.exam-card-meta .ai-help-count strong{color:#7c3aed}.exam-card-info{font-size:10px;color:#4b5563;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:6px 8px;background:#f9fafb;border-radius:6px}.exam-card-info span{display:flex;align-items:center;gap:3px}.exam-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #f3f4f6;margin-top:auto}.exam-card-footer-left{display:flex;flex-direction:column;gap:2px}.exam-date{font-size:9px;color:#9ca3af;display:flex;align-items:center;gap:3px}.method-pill{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:600;width:fit-content}.method-pill.pill-ai{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#075985}.method-pill.pill-ai:before{content:"✨";font-size:8px}.method-pill.pill-bank{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.method-pill.pill-bank:before{content:"📚";font-size:8px}.btn-exam-action{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #00bc0433}.btn-exam-action:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00bc044d}.btn-exam-action:after{content:"→";font-size:11px;transition:transform .2s ease}.btn-exam-action:hover:after{transform:translate(2px)}.btn-exam-action.view-result{background:linear-gradient(135deg,#00326d,#0056b3);box-shadow:0 2px 6px #00326d33}.btn-exam-action.view-result:hover{box-shadow:0 4px 10px #00326d4d}.empty-state-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;border:2px dashed #e5e7eb;padding:30px 20px;text-align:center}.empty-state-icon{width:50px;height:50px;margin:0 auto 12px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.empty-state-card h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px}.empty-state-card p{font-size:12px;color:#6b7280;max-width:280px;margin:0 auto 14px}.empty-state-card .btn{min-width:120px}.load-more-sentinel{margin-top:10px;padding:8px;text-align:center}.loading-more{font-size:12px;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:12px;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.modal-content.generate-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:16px;font-weight:600}.btn-close-modal{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;width:28px;height:28px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:#f3f4f6;color:#111827}.modal-body{padding:14px 16px;overflow-y:auto}.modal-subtitle{font-size:12px;color:#6b7280;margin:0 0 12px}.modal-footer{padding:10px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.add-material-btn{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #00326d33}.add-material-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00326d4d}.add-material-btn span:first-child{font-size:14px;font-weight:600;line-height:1}@media(max-width:1024px){.assessment-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:768px){.add-material-btn span:last-child{display:none}.add-material-btn{padding:8px 12px;min-width:36px}.assessment-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:8px 10px}.stat-icon{width:32px;height:32px;font-size:14px}.stat-value{font-size:18px}.filters-section{padding:8px 10px}.search-box{padding:6px 8px}.search-input{font-size:12px}.subject-filters{gap:5px}.subject-filter-pill{padding:4px 8px;font-size:10px}.exams-grid{grid-template-columns:1fr;gap:8px}.exam-card-body{padding:8px}.exam-card-header{gap:6px}.exam-card-icon{width:28px;height:28px;font-size:12px}.exam-card-title{font-size:12px}.exam-card-meta{flex-direction:column;gap:4px}.exam-card-footer{flex-direction:column;align-items:stretch;gap:8px}.exam-card-footer-left{flex-direction:row;align-items:center;justify-content:space-between}.btn-exam-action{justify-content:center}.modal-content{margin:8px;max-height:95vh}.modal-header{padding:10px 14px}.modal-body{padding:12px 14px}.modal-footer{padding:8px 14px}}@media(max-width:480px){.assessment-stats{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center;gap:6px}.exam-card-meta{font-size:10px}}.ai-summary-banner{background:linear-gradient(135deg,#ede9fe,#f3e8ff);border:1px solid #a78bfa;border-radius:12px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.ai-summary-banner .ai-icon{font-size:24px}.ai-summary-banner p{margin:0;color:#5b21b6;font-size:14px;font-weight:500}.stat-card.in-progress:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.stat-card.not-started:before{background:linear-gradient(180deg,#9ca3af,#6b7280)}.stat-card.avg-score:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-icon.in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.not-started{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.stat-icon.avg-score{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.section{margin-bottom:24px}.section-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-title .title-icon{font-size:20px}.recommended-section{background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #fbbf24;border-radius:12px;padding:16px}.recommended-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.recommended-scroll::-webkit-scrollbar{height:6px}.recommended-scroll::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.recommended-scroll::-webkit-scrollbar-thumb{background:#d97706;border-radius:3px}.recommended-card{min-width:340px;max-width:340px;scroll-snap-align:start}.recommendation-reason{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f59e0b26;border-radius:0 0 10px 10px;font-size:12px;color:#92400e}.in-progress-section{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #93c5fd;border-radius:12px;padding:16px}.exams-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.smart-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.smart-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid #e5e7eb;background:#fff;color:#4b5563}.smart-filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.smart-filter-btn.active{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-color:#00326d}.smart-filter-btn .filter-count{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:11px}.smart-filter-btn.active .filter-count{background:#fff3}.exam-card-enhanced{background:#fff;border-radius:12px;padding:16px;border:2px solid #e5e7eb;transition:all .2s ease;position:relative}.exam-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.exam-card-enhanced.completed{border-color:#22c55e}.exam-card-enhanced.in_progress{border-color:#3b82f6}.exam-purpose-badge{position:absolute;top:-1px;right:16px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:0 0 8px 8px;font-size:11px;font-weight:600;color:#fff}.exam-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.exam-subject-icon{width:44px;height:44px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.exam-title-section{flex:1;min-width:0}.exam-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.3}.exam-subject{font-size:12px;color:#6b7280;margin:0}.exam-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap}.exam-metadata{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.exam-metadata .meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#4b5563}.exam-metadata .ai-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:2px 8px;border-radius:10px}.exam-location{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:12px;color:#6b7280}.exam-readiness{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:8px;border-left:3px solid;margin-bottom:12px}.exam-readiness .readiness-icon{font-size:16px}.exam-readiness .readiness-text{font-size:12px;color:#374151}.exam-recommendation{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border-radius:8px;margin-bottom:12px;font-size:12px;color:#92400e}.exam-performance{background:#f9fafb;border-radius:8px;padding:10px 12px;margin-bottom:12px}.exam-performance .performance-summary{font-size:13px;color:#374151;margin:0 0 8px}.exam-performance .mini-stats{display:flex;gap:12px;font-size:12px;color:#6b7280}.exam-score{display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;margin-bottom:12px}.exam-score .score-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.exam-score .score-circle:before{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}.exam-score .score-value{position:relative;font-size:16px;font-weight:700;color:#166534}.exam-score .score-info{display:flex;flex-direction:column;gap:2px}.exam-score .score-label{font-size:13px;font-weight:600;color:#166534}.exam-score .time-taken{font-size:12px;color:#4ade80}.exam-card-actions{display:flex;gap:10px;margin-top:12px}.exam-card-actions .btn-exam-action{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.exam-card-actions .btn-exam-action.start{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.exam-card-actions .btn-exam-action.start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00326d4d}.exam-card-actions .btn-exam-action.continue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.exam-card-actions .btn-exam-action.continue:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.exam-card-actions .btn-exam-action.view-result{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.exam-card-actions .btn-exam-action.view-result:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.exam-what-next{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.exam-what-next .what-next-label{font-size:12px;color:#6b7280;font-weight:500}.exam-what-next .what-next-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.exam-what-next .what-next-btn:hover{background:#00326d;color:#fff;border-color:#00326d}.subject-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid #e5e7eb;background:#fff;color:#4b5563}.subject-filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.subject-filter-btn.active{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-color:#00326d}.subject-filter-btn .filter-count{background:#00000014;padding:2px 6px;border-radius:10px;font-size:11px}.subject-filter-btn.active .filter-count{background:#fff3}.btn-search{padding:10px 20px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00326d4d}@media(max-width:768px){.recommended-card{min-width:280px;max-width:280px}.smart-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.smart-filter-btn{white-space:nowrap}.exam-card-enhanced{padding:14px}.exam-subject-icon{width:38px;height:38px;font-size:18px}.exam-title{font-size:14px}.exam-score .score-circle{width:48px;height:48px}.exam-score .score-value{font-size:14px}}.feedback-buttons{display:inline-flex;align-items:center;gap:8px}.feedback-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:14px}.feedback-btn:hover:not(:disabled){border-color:#00326d;background:#f0f7ff}.feedback-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-btn.like.active{background:#d1fae5;border-color:#10b981;color:#065f46}.feedback-btn.dislike.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.feedback-btn.comment:hover:not(:disabled){background:#f0f7ff;border-color:#00326d}.feedback-icon{font-size:14px;line-height:1}.feedback-count{font-size:12px;font-weight:600;min-width:16px;text-align:center}.feedback-buttons.small .feedback-btn{padding:4px 8px;font-size:12px}.feedback-buttons.small .feedback-icon{font-size:12px}.feedback-buttons.small .feedback-count{font-size:11px}.feedback-buttons.large .feedback-btn{padding:8px 14px;font-size:16px}.feedback-buttons.large .feedback-icon{font-size:18px}.feedback-buttons.large .feedback-count{font-size:14px}.feedback-buttons.inline{gap:4px}.feedback-buttons.inline .feedback-btn{padding:2px 6px;border-radius:4px;border:none;background:transparent}.feedback-buttons.inline .feedback-btn:hover:not(:disabled){background:#f3f4f6}.feedback-buttons.inline .feedback-btn.like.active{background:#d1fae5}.feedback-buttons.inline .feedback-btn.dislike.active{background:#fee2e2}.feedback-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.feedback-popup{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.popup-feedback-type{display:flex;align-items:center;gap:12px}.popup-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.popup-icon.like{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.popup-icon.dislike{background:linear-gradient(135deg,#fee2e2,#fecaca)}.popup-feedback-type h4{margin:0;font-size:18px;font-weight:600;color:#1e293b}.popup-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.popup-close-btn:hover{background:#e2e8f0;color:#1e293b}.feedback-popup-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.popup-section{margin-bottom:20px}.popup-section:last-child{margin-bottom:0}.popup-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}.popup-stars{display:flex;align-items:center;gap:4px}.popup-star{width:36px;height:36px;border:none;background:none;font-size:22px;cursor:pointer;transition:transform .2s ease;color:#cbd5e1}.popup-star:hover{transform:scale(1.2)}.popup-star.active{color:#fbbf24}.rating-label{margin-left:8px;font-size:14px;font-weight:600;color:#64748b}.popup-categories{display:flex;flex-wrap:wrap;gap:8px}.popup-category-btn{padding:8px 14px;border:2px solid #e5e7eb;border-radius:20px;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.popup-category-btn:hover{border-color:#00326d;background:#f0f7ff;color:#00326d}.popup-category-btn.active{border-color:#00326d;background:#00326d;color:#fff}.popup-yes-no{display:flex;gap:10px}.popup-yn-btn{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.popup-yn-btn.yes{color:#059669}.popup-yn-btn.yes:hover{border-color:#10b981;background:#ecfdf5}.popup-yn-btn.yes.active{border-color:#10b981;background:#10b981;color:#fff}.popup-yn-btn.no{color:#dc2626}.popup-yn-btn.no:hover{border-color:#ef4444;background:#fef2f2}.popup-yn-btn.no.active{border-color:#ef4444;background:#ef4444;color:#fff}.popup-comment-section{position:relative}.popup-comment-section textarea{width:100%;padding:14px 16px 28px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:inherit;resize:none;transition:all .2s ease;background:#f8fafc}.popup-comment-section textarea:focus{outline:none;border-color:#00326d;background:#fff;box-shadow:0 0 0 4px #00326d1a}.popup-comment-section textarea::placeholder{color:#94a3b8}.char-counter{position:absolute;bottom:8px;right:12px;font-size:11px;color:#94a3b8}.feedback-popup-footer{display:flex;gap:12px;padding:16px 24px 24px}.popup-btn{flex:1;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-btn.skip{background:#fff;border:2px solid #e5e7eb;color:#64748b}.popup-btn.skip:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.popup-btn.submit{background:linear-gradient(135deg,#00bc04,#00a003);border:none;color:#fff;box-shadow:0 4px 12px #00bc044d}.popup-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00bc0466}.popup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-popup-success{padding:48px 24px;text-align:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-icon-large{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;margin:0 auto 16px;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-popup-success h4{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b}.feedback-popup-success p{margin:0;font-size:15px;color:#64748b}@media(max-width:480px){.feedback-popup{max-width:100%;margin:0 16px}.feedback-popup-header{padding:16px 20px}.popup-icon{width:40px;height:40px;font-size:20px}.popup-feedback-type h4{font-size:16px}.feedback-popup-body{padding:16px 20px;max-height:50vh}.popup-section{margin-bottom:16px}.popup-label{font-size:12px;margin-bottom:8px}.popup-star{width:32px;height:32px;font-size:18px}.popup-categories{gap:6px}.popup-category-btn{padding:6px 12px;font-size:12px}.popup-yn-btn{padding:8px 12px;font-size:13px}.popup-comment-section textarea{padding:12px 14px 24px;font-size:13px}.feedback-popup-footer{flex-direction:column;padding:16px 20px 20px}.popup-btn{padding:12px 20px}}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.feedback-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.feedback-modal-header{padding:20px 24px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;display:flex;justify-content:space-between;align-items:center}.feedback-modal-header h3{margin:0;font-size:18px;font-weight:600}.feedback-modal-header .close-btn{background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.feedback-modal-header .close-btn:hover{background:#ffffff4d}.feedback-modal-body{padding:24px;overflow-y:auto;flex:1}.content-title-display{font-size:14px;color:#6b7280;margin:0 0 20px;padding:12px 16px;background:#f9fafb;border-radius:8px;border-left:4px solid #00326D}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.like-dislike-buttons{display:flex;gap:12px}.like-btn,.dislike-btn{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.like-btn:hover{border-color:#10b981;background:#f0fdf4}.dislike-btn:hover{border-color:#ef4444;background:#fef2f2}.like-btn.active{border-color:#10b981;background:#d1fae5;color:#065f46}.dislike-btn.active{border-color:#ef4444;background:#fee2e2;color:#991b1b}.star-rating{display:flex;align-items:center;gap:4px}.star-btn{background:none;border:none;font-size:28px;cursor:pointer;padding:4px;filter:grayscale(100%);opacity:.5;transition:all .2s ease}.star-btn:hover{transform:scale(1.1)}.star-btn.active{filter:grayscale(0%);opacity:1}.rating-text{margin-left:12px;font-size:14px;font-weight:600;color:#00326d}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#00326d;color:#00326d}.category-btn.active{background:#00326d;border-color:#00326d;color:#fff}.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:#00326d}.char-count{display:block;text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.yes-no-buttons{display:flex;gap:12px}.yes-btn,.no-btn{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.yes-btn:hover{border-color:#10b981}.no-btn:hover{border-color:#ef4444}.yes-btn.active{border-color:#10b981;background:#d1fae5;color:#065f46}.no-btn.active{border-color:#ef4444;background:#fee2e2;color:#991b1b}.error-message{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:16px}.success-message{text-align:center;padding:40px 20px}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#d1fae5;color:#10b981;font-size:28px;font-weight:700;border-radius:50%;margin-bottom:16px}.success-message p{font-size:16px;font-weight:600;color:#111827;margin:0}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:12px 20px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{border-color:#9ca3af;background:#f9fafb}.btn-submit{flex:1;padding:12px 20px;border:none;border-radius:10px;background:#00326d;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){background:#002554}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.feedback-modal{max-height:95vh}.like-dislike-buttons{flex-direction:column}.star-btn{font-size:24px;padding:2px}.category-buttons{gap:6px}.category-btn{padding:6px 12px;font-size:12px}}.student-exam-container{min-height:100vh;background:transparent}.exam-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.exam-main-panel{display:flex;flex-direction:column;gap:0}.question-panel-header{background:#fff;border:2px solid #7c3aed;border-left:5px solid #7c3aed;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #7c3aed1a;margin-bottom:0}.question-panel-header .question-info{font-size:16px;font-weight:600;color:#1f2937}.question-panel-header .marks-badge{background:transparent;color:#6b7280;padding:4px 0;font-size:14px;font-weight:600}.exam-side-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.side-panel-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.side-panel-section .panel-header{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:12px 16px;font-size:14px;font-weight:600;text-align:center}.timer-panel .timer-display{display:flex;justify-content:center;gap:16px;padding:20px 16px}.timer-display .timer-unit{display:flex;flex-direction:column;align-items:center}.timer-display .timer-number{font-size:32px;font-weight:700;color:#1f2937;font-family:Courier New,monospace;line-height:1}.timer-display .timer-label{font-size:11px;color:#6b7280;text-transform:lowercase;margin-top:6px}.timer-display.timer-warning .timer-number{color:#f59e0b}.timer-display.timer-danger .timer-number{color:#ef4444;animation:pulse 1s infinite}.navigator-panel .question-nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px}.nav-btn{width:38px;height:38px;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-btn:hover{border-color:#7c3aed;background:#f5f3ff}.nav-btn.current{background:#7c3aed;border-color:#7c3aed;color:#fff}.nav-btn.answered{background:#10b981;border-color:#10b981;color:#fff}.nav-btn.answered.current{background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 0 3px #10b98166}.btn-submit-exam{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7c3aed59}.btn-submit-exam:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c3aed73}.btn-submit-exam:disabled{opacity:.7;cursor:not-allowed;transform:none}.exam-header-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.exam-info h2{font-size:20px;font-weight:600;margin:0 0 4px}.exam-meta{font-size:14px;color:#6b7280;margin:0}.timer-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.timer{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#f0f4ff;border-radius:8px;border:2px solid #00326D;min-width:140px}.timer-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.timer-value{font-size:24px;font-weight:700;color:#00326d;font-family:Courier New,monospace}.timer-warning{background:#fef3c7;border-color:#f59e0b}.timer-warning .timer-value{color:#f59e0b}.timer-danger{background:#fee2e2;border-color:#ef4444;animation:pulse 1s infinite}.timer-danger .timer-value{color:#ef4444}.results-summary-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:16px;padding:28px 32px;margin-bottom:24px;box-shadow:0 4px 16px #7c3aed26;color:#1e1b4b;border:2px solid #c4b5fd}.results-summary-card h2{font-size:24px;font-weight:700;margin:0 0 24px;color:#5b21b6}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.stat-item{text-align:center;background:#fff;padding:16px 12px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.stat-label{font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:600}.stat-value{font-size:28px;font-weight:700;color:#1f2937}.stat-value.correct{color:#10b981}.stat-value.wrong{color:#ef4444}.stat-value.not-attempted{color:#f59e0b}.stat-value.ai-used{color:#7c3aed}.stat-item.ai-stat{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd}.exam-questions-card{background:#fff;border:2px solid #7c3aed;border-left:5px solid #7c3aed;border-top:none;border-radius:0 0 12px 12px;padding:24px 28px;box-shadow:0 2px 8px #7c3aed1a}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.questions-header h3{font-size:18px;font-weight:600;margin:0}.progress-indicator{font-size:14px;color:#6b7280;font-weight:500}.questions-list{display:flex;flex-direction:column;gap:16px}.question-card{border:none;border-radius:0;padding:0;background:transparent;transition:all .3s ease}.questions-list .question-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px 24px;background:#fff}.questions-list .question-card.correct-answer{border-color:#10b981;border-left:5px solid #10b981;background:#ecfdf5}.questions-list .question-card.wrong-answer{border-color:#ef4444;border-left:5px solid #ef4444;background:#fef2f2}.questions-list .question-card.not-answered{border-color:#f59e0b;border-left:5px solid #f59e0b;background:#fffbeb}.question-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.question-number{font-weight:700;color:#111827;font-size:16px}.level-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.level-easy{background:#dcfce7;color:#166534}.level-medium{background:#e0f2fe;color:#075985}.level-hard{background:#fee2e2;color:#b91c1c}.level-mixed{background:#ede9fe;color:#5b21b6}.marks-pill{margin-left:auto;font-size:12px;color:#4b5563;font-weight:500}.ai-count-pill{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid #c4b5fd}.answer-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.status-correct{background:#10b981;color:#fff}.status-wrong{background:#ef4444;color:#fff}.question-text{font-size:16px;color:#1f2937;margin:0 0 20px;line-height:1.7;font-weight:500}.options-container{margin:20px 0}.options-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.option-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #e5e7eb;border-left:5px solid #7c3aed;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;min-height:60px}.option-item:nth-child(1){border-left-color:#10b981}.option-item:nth-child(2){border-left-color:#7c3aed}.option-item:nth-child(3){border-left-color:#f59e0b}.option-item:nth-child(4){border-left-color:#ef4444}.option-item:hover{border-color:#7c3aed;background:#faf5ff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.option-item:has(input:checked){border-color:#7c3aed;border-left-color:#7c3aed;background:#f5f3ff;box-shadow:0 4px 12px #7c3aed33}.option-item.selected{border-color:#7c3aed;border-left-color:#7c3aed;background:#f5f3ff;box-shadow:0 4px 12px #7c3aed33}.option-item input[type=radio]{cursor:pointer;accent-color:#7c3aed;width:18px;height:18px}.option-item.option-correct{border-color:#10b981;border-left-color:#10b981;background:#ecfdf5}.option-item.option-wrong{border-color:#ef4444;border-left-color:#ef4444;background:#fef2f2}.option-key{font-weight:700;color:#374151;min-width:24px;font-size:15px}.option-text{flex:1;font-size:15px;color:#1f2937;line-height:1.5}.correct-indicator{margin-left:auto;color:#10b981;font-weight:600;font-size:12px}.wrong-indicator{margin-left:auto;color:#ef4444;font-weight:600;font-size:12px}.not-answered-indicator{padding:8px 12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:13px;font-weight:500;margin-top:8px}.subjective-answer{margin:12px 0}.answer-section{margin-bottom:12px}.answer-section strong{display:block;font-size:13px;color:#6b7280;margin-bottom:6px}.answer-correct{padding:10px 12px;background:#ecfdf5;border:2px solid #10b981;border-radius:8px;color:#065f46;margin:0;white-space:pre-wrap}.answer-wrong{padding:10px 12px;background:#fef2f2;border:2px solid #ef4444;border-radius:8px;color:#991b1b;margin:0;white-space:pre-wrap}.answer-not-answered{padding:10px 12px;background:#fffbeb;border:2px solid #fbbf24;border-radius:8px;color:#92400e;margin:0;font-style:italic}.answer-expected{padding:10px 12px;background:#ecfdf5;border:2px solid #10b981;border-radius:8px;color:#065f46;margin:0;white-space:pre-wrap}.subjective-input{margin:12px 0}.answer-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease}.answer-textarea:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.answer-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.explanation{margin-top:12px;padding:10px 12px;background:#f0f4ff;border-radius:6px;border:1px solid #c7d2fe}.explanation summary{font-size:13px;font-weight:600;color:#00326d;cursor:pointer;margin-bottom:6px}.explanation p{font-size:13px;color:#4b5563;margin:6px 0 0;line-height:1.5}.ai-explain-row{margin-top:16px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.ai-explanation-count{font-size:13px;font-weight:600;color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:6px 14px;border-radius:20px;border:1px solid #c4b5fd}.btn-ai-explain{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;min-height:36px;min-width:160px;box-shadow:0 2px 8px #7c3aed4d;transition:all .2s ease}.btn-ai-explain:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.btn-ai-explain:disabled{opacity:.7;cursor:not-allowed}.question-navigation{display:flex;justify-content:center;align-items:center;margin-top:28px;padding-top:24px;border-top:2px solid #e5e7eb;gap:12px}.question-counter{display:none}.question-navigation .btn{padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px;transition:all .2s ease;cursor:pointer}.question-navigation .btn:disabled{opacity:.5;cursor:not-allowed}.question-navigation .btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb;min-width:100px}.question-navigation .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.question-navigation .btn-outline{background:#fff;color:#3b82f6;border:2px solid #3b82f6;min-width:100px}.question-navigation .btn-outline:hover:not(:disabled){background:#eff6ff;transform:translateY(-1px)}.question-navigation .btn-outline:disabled{border-color:#d1d5db;color:#9ca3af}.question-navigation .btn-primary,.question-navigation .btn-save-next{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;min-width:150px;box-shadow:0 4px 12px #22c55e4d}.question-navigation .btn-primary:hover:not(:disabled),.question-navigation .btn-save-next:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.question-navigation .btn-success,.question-navigation .btn-finish{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;min-width:150px;box-shadow:0 4px 12px #3b82f64d}.question-navigation .btn-success:hover:not(:disabled),.question-navigation .btn-finish:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.saving-indicator{margin-top:12px;padding:8px 12px;background:#f0f4ff;border-radius:6px;font-size:13px;color:#00326d;text-align:center;font-weight:500}.question-time-tracker{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:24px;padding:14px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px}.question-time-tracker .time-icon{font-size:20px;background:#fff;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.question-time-tracker .time-label{font-size:14px;font-weight:600;color:#92400e}.question-time-tracker .time-value{font-size:16px;font-weight:700;color:#78350f;font-family:Courier New,monospace;background:#fff;padding:6px 14px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ai-explanation-section{margin-top:20px;padding:24px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #c4b5fd;border-radius:16px;box-shadow:0 4px 16px #7c3aed1a}.ai-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #ddd6fe}.ai-explanation-header h3{margin:0;font-size:20px;font-weight:700;color:#5b21b6}.btn-close-explanation{background:#fff;border:2px solid #c4b5fd;font-size:18px;color:#7c3aed;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s}.btn-close-explanation:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.ai-explanation-content{color:#374151;line-height:1.6}.explanation-steps{margin-bottom:16px}.explanation-steps h4{font-size:17px;font-weight:700;color:#5b21b6;margin-bottom:16px}.explanation-step{margin-bottom:16px;padding:16px;background:#fff;border-radius:12px;border-left:5px solid #7c3aed;box-shadow:0 2px 8px #0000000f}.explanation-step .step-number{font-weight:700;color:#7c3aed;font-size:13px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.explanation-step .step-content{font-size:15px;color:#374151;line-height:1.7}.solution-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:2px solid #6ee7b7}.solution-section h4{font-size:17px;font-weight:700;color:#047857;margin-bottom:14px}.solution-answer{font-size:15px;color:#059669;font-weight:600;margin-bottom:8px}.solution-reason{font-size:14px;color:#4b5563;line-height:1.6;margin-top:8px}.explanation-text{font-size:14px;color:#4b5563;line-height:1.6}.explanation-meta{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af;text-align:right}.ai-explain-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.ai-explain-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a59;border:1px solid #e5e7eb}.ai-explain-header{padding:18px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-explain-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.ai-explain-subtitle{margin:0;font-size:13px;color:#4b5563}.ai-explain-close{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:4px;border-radius:999px;transition:all .2s ease}.ai-explain-close:hover{background:#f3f4f6;color:#111827}.ai-explain-body{padding:18px 24px;overflow-y:auto}.ai-explain-section h4{margin:0 0 10px;font-size:15px;font-weight:600;color:#111827}.ai-explain-content{font-size:14px;color:#1f2937;line-height:1.7}.ai-explain-content p{margin:0 0 10px}.ai-explain-content.html-content h1,.ai-explain-content.html-content h2,.ai-explain-content.html-content h3,.ai-explain-content.html-content h4,.ai-explain-content.html-content h5,.ai-explain-content.html-content h6{margin:16px 0 12px;color:#00326d;font-weight:600}.ai-explain-content.html-content h4{font-size:15px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.ai-explain-content.html-content p{margin:0 0 12px;line-height:1.7}.ai-explain-content.html-content ul,.ai-explain-content.html-content ol{margin:12px 0;padding-left:24px}.ai-explain-content.html-content li{margin:8px 0;line-height:1.6}.ai-explain-content.html-content code{background:#f3f4f6;color:#00326d;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.ai-explain-content.html-content pre{background:#1f2937;color:#e5e7eb;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.ai-explain-content.html-content pre code{background:transparent;color:inherit;padding:0;font-size:13px}.ai-explain-content.html-content strong,.ai-explain-content.html-content b{font-weight:600;color:#111827}.ai-explain-content.html-content em,.ai-explain-content.html-content i{font-style:italic}.ai-explain-content.html-content blockquote{border-left:4px solid #00326D;margin:12px 0;padding:12px 16px;background:#f9fafb;border-radius:0 8px 8px 0}.ai-explain-content.html-content table{width:100%;border-collapse:collapse;margin:12px 0}.ai-explain-content.html-content th,.ai-explain-content.html-content td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.ai-explain-content.html-content th{background:#f3f4f6;font-weight:600}.ai-explain-content.html-content a{color:#00326d;text-decoration:underline}.ai-explain-content.html-content a:hover{color:#00509e}.ai-explain-section{margin-bottom:20px}.ai-explain-section:last-of-type{margin-bottom:0}.explanation-step{margin-bottom:16px;padding:14px 18px;background:#f9fafb;border-left:4px solid #00326D;border-radius:8px;display:flex;flex-direction:column;width:100%;box-shadow:0 1px 3px #0000000d}.explanation-step:last-child{margin-bottom:0}.step-number{font-weight:700;color:#00326d;font-size:14px;margin-bottom:10px;display:block}.step-content{color:#1f2937;line-height:1.7;font-size:14px;display:block;width:100%;word-wrap:break-word;white-space:pre-wrap}.solution-answer{padding:10px 14px;background:#ecfdf5;border:2px solid #10b981;border-radius:6px;margin-bottom:12px;font-size:14px}.solution-answer strong{color:#065f46;margin-right:8px}.solution-reason{padding:12px 16px;background:#f0f4ff;border-left:3px solid #00326D;border-radius:6px;color:#1f2937;line-height:1.6;font-size:14px}.ai-explain-meta{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}.ai-explain-footer{padding:14px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.ai-explain-feedback{display:flex;align-items:center;gap:12px}.ai-explain-feedback span{font-size:14px;color:#6b7280}.exam-feedback-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;border:2px solid #c4b5fd;margin-bottom:24px;flex-wrap:wrap;gap:16px}.exam-feedback-banner span{font-size:15px;font-weight:600;color:#5b21b6}.btn{min-height:40px}.btn-primary,.btn-secondary{min-width:120px}.loading-state,.empty-state{padding:40px;text-align:center;color:#6b7280;font-size:14px}.exam-start-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 8px #00000014;max-width:600px;margin:0 auto}.exam-start-card h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:24px}.exam-details{text-align:left;background:#f9fafb;border-radius:8px;padding:20px;margin:24px 0;border:1px solid #e5e7eb}.exam-details p{margin:12px 0;font-size:15px;color:#4b5563;display:flex;justify-content:space-between;align-items:center}.exam-details p strong{color:#1f2937;font-weight:600;min-width:120px}.exam-start-card .btn-lg{padding:14px 32px;font-size:16px;font-weight:600;margin-top:24px;min-width:200px}@media(max-width:1024px){.exam-layout{grid-template-columns:1fr}.exam-side-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative;top:0}.exam-side-panel .btn-submit-exam{grid-column:1 / -1}}@media(max-width:768px){.exam-header-card{flex-direction:column;align-items:stretch}.timer-section{justify-content:space-between}.timer{flex:1}.results-stats{grid-template-columns:repeat(2,1fr)}.questions-header{flex-direction:column;align-items:stretch}.question-header{flex-wrap:wrap}.options-list,.exam-side-panel{grid-template-columns:1fr}.question-navigation{flex-direction:column;gap:10px}.question-navigation .btn{width:100%;min-width:unset}.question-navigation .btn-save-next,.question-navigation .btn-finish{order:-1}}.learning-materials-container{min-height:100vh;background:transparent}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.add-material-btn{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap;box-shadow:0 3px 10px #00326d40}.add-material-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00326d59}.materials-summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.summary-stat{flex:1;min-width:120px;background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6}.summary-stat .stat-icon{font-size:24px}.summary-stat .stat-value{font-size:24px;font-weight:700;color:#1e293b}.summary-stat .stat-label{font-size:12px;color:#64748b;text-transform:uppercase}.summary-stat.total{border-left:4px solid #3b82f6}.summary-stat.completed{border-left:4px solid #22c55e}.summary-stat.in-progress{border-left:4px solid #3b82f6}.summary-stat.not-started{border-left:4px solid #9ca3af}.summary-stat.revision{border-left:4px solid #eab308}.summary-stat.time{border-left:4px solid #8b5cf6}.ai-summary-banner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:24px}.ai-summary-banner .ai-icon{font-size:28px}.ai-summary-banner p{font-size:15px;color:#1e40af;margin:0;font-weight:500}.resume-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px}.title-icon{font-size:20px}.resume-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#00326d,#004a9f);border-radius:16px;cursor:pointer;transition:all .3s ease}.resume-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00326d4d}.resume-icon{font-size:48px;background:#fff3;padding:16px;border-radius:16px}.resume-content{flex:1}.resume-content h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 6px}.resume-breadcrumb{font-size:13px;color:#fffc;margin:0 0 12px}.resume-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}.resume-progress .progress-bar-track{flex:1;height:8px;background:#fff3;border-radius:4px;max-width:200px}.resume-progress .progress-bar-fill{height:100%;background:#00bc04;border-radius:4px}.resume-progress span{font-size:14px;font-weight:600;color:#fff}.resume-time{font-size:12px;color:#ffffffb3;margin:0}.btn-resume{background:#00bc04;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-resume:hover{background:#00a003;transform:scale(1.05)}.section{margin-bottom:32px}.materials-row,.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;animation:fadeInUp .4s ease backwards}.material-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00326d1f}.material-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.material-subject-icon{font-size:32px}.material-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap;line-height:1.2;flex-shrink:0;box-shadow:0 2px 4px #0000001a;width:100px}.material-status-badge span:first-child{font-size:13px;line-height:1}.material-status-badge span:last-child{display:inline-block;font-size:11px;letter-spacing:.3px}.material-status-badge.status-not_started{background:#9ca3af!important}.material-status-badge.status-in_progress{background:#3b82f6!important}.material-status-badge.status-understood,.material-status-badge.status-completed{background:#22c55e!important}.material-status-badge.status-needs_revision{background:#eab308!important}.material-status-badge.status-default{background:#6b7280!important}.material-title{font-size:16px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;flex-wrap:wrap}.material-breadcrumb span{white-space:nowrap}.material-meta-row{display:flex;align-items:center;gap:12px}.difficulty-badge{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.time-badge{font-size:12px;color:#64748b}.material-progress-section{padding:8px 12px;background:#f8fafc;border-radius:8px}.material-progress-section .progress-info{display:flex;gap:12px;font-size:12px;color:#64748b}.material-ai-insight{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500}.material-ai-insight.tip{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e40af}.material-ai-insight.success{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#065f46}.material-ai-insight.info{background:linear-gradient(135deg,#f3f4f6,#f9fafb);color:#4b5563}.material-ai-insight.warning{background:linear-gradient(135deg,#fef3c7,#fffbeb);color:#92400e}.material-weakness-tag{padding:8px 12px;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-radius:8px;font-size:11px;color:#991b1b}.material-recommendation{padding:8px 12px;background:linear-gradient(135deg,#fef9c3,#fffbeb);border-radius:8px;font-size:12px;color:#92400e;font-weight:500}.material-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.material-date{font-size:11px;color:#94a3b8}.btn-view-material{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-material:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bc044d}.filters-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.filters-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.search-box{display:flex;align-items:center;gap:12px;margin:0;background:#f8fafc;padding:8px;border-radius:12px;border:1px solid #e2e8f0}.search-icon{font-size:20px;color:#64748b;padding-left:8px}.search-input{flex:1;padding:10px;border:none;background:transparent;font-size:15px;font-weight:500;color:#1e293b}.search-input:focus{outline:none}.btn-search{padding:10px 24px;background:linear-gradient(135deg,#00326d,#004a9f);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00326d33}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00326d4d}.subject-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.subject-filter-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.subject-filter-btn:hover{border-color:#94a3b8;color:#1e293b;transform:translateY(-1px)}.subject-filter-btn.active{background:#00326d;border-color:#00326d;color:#fff;box-shadow:0 4px 12px #00326d33}.filter-count{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.subject-filter-btn.active .filter-count{background:#fff3;color:#fff}.chapters-section{margin-bottom:32px}.chapters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chapter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;animation:fadeInUp .4s ease backwards;position:relative;overflow:hidden}.chapter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#00326d,#0056b3);transform:scaleX(0);transition:transform .3s ease}.chapter-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00326d26;border-color:#00326d}.chapter-card:hover:before{transform:scaleX(1)}.chapter-card-header{display:flex;justify-content:space-between;align-items:center}.chapter-icon{font-size:32px;filter:grayscale(.2)}.chapter-number-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chapter-card-title{font-size:16px;font-weight:700;color:#1e293b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-card-description{font-size:13px;color:#64748b;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-card-stats{display:flex;gap:16px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-top:auto}.chapter-stat .stat-icon{font-size:14px}.chapter-stat .stat-label{font-size:12px;color:#64748b}.chapter-card-footer{display:flex;justify-content:flex-end}.btn-explore-chapter{background:transparent;color:#00326d;border:2px solid #00326D;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-explore-chapter:hover{background:#00326d;color:#fff}.chapter-card:hover .btn-explore-chapter{background:linear-gradient(135deg,#00bc04,#00a003);border-color:#00bc04;color:#fff}.no-materials-message{background:#f8fafc;border-radius:12px;padding:40px 20px;text-align:center;border:1px dashed #e2e8f0}.no-materials-message p{font-size:15px;color:#64748b;margin:0}.empty-state-card{background:#fff;border-radius:16px;border:2px dashed #e2e8f0;padding:60px 40px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-card h3{font-size:20px;color:#1e293b;margin:0 0 8px}.empty-state-card p{font-size:15px;color:#64748b;margin:0 0 24px}.alert{padding:14px 20px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.load-more-sentinel{padding:20px;text-align:center}.loading-more{color:#64748b;font-size:14px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:20px;color:#1e293b;margin:0}.btn-close-modal{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer}.modal-subtitle{font-size:14px;color:#6b7280;margin:0 0 20px}.material-form .form-row{display:flex;flex-direction:column;gap:16px}.material-form .form-group{display:flex;flex-direction:column;gap:6px}.material-form label{font-size:14px;font-weight:600;color:#374151}.material-form select{padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff}.material-form select:focus{outline:none;border-color:#00326d}.material-form select:disabled{background:#f9fafb;color:#9ca3af}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-primary{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00bc044d}.btn-secondary:hover{border-color:#9ca3af}.topics-modal{max-width:700px}.modal-chapter-icon{font-size:40px;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:12px;border-radius:12px}.modal-chapter-badge{display:inline-block;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.topics-modal .modal-header h2{font-size:18px;margin:0}.topics-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:8px}.topics-list::-webkit-scrollbar{width:6px}.topics-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.topics-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.topics-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.topic-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;animation:fadeInUp .3s ease backwards}.topic-list-item:hover{background:#fff;border-color:#00326d;box-shadow:0 4px 12px #00326d1a;transform:translate(4px)}.topic-item-left{display:flex;align-items:flex-start;gap:14px;flex:1}.topic-number-badge{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;font-size:12px;font-weight:700;border-radius:8px;flex-shrink:0}.topic-item-content{flex:1}.topic-item-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px;line-height:1.4}.topic-item-description{font-size:12px;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-generate-topic{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(10px)}.topic-list-item:hover .btn-generate-topic{opacity:1;transform:translate(0)}.btn-generate-topic:hover{transform:scale(1.05);box-shadow:0 4px 12px #00bc044d}.topics-count .count-icon{font-size:16px}@media(max-width:1200px){.chapters-grid{grid-template-columns:repeat(3,1fr)}.materials-row,.materials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.chapters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.materials-summary{flex-wrap:wrap}.summary-stat{flex:1 1 calc(33.333% - 8px);min-width:100px}.chapters-grid{grid-template-columns:1fr}.chapter-card{padding:16px}.chapter-icon{font-size:28px}.materials-row,.materials-grid{grid-template-columns:1fr}.resume-card{flex-direction:column;text-align:center}.btn-resume{width:100%}.search-box{flex-direction:column}.search-input,.btn-search{width:100%}}@media(max-width:480px){.summary-stat{flex:1 1 calc(50% - 6px)}.ai-summary-banner{flex-direction:column;text-align:center}.resume-icon{font-size:36px;padding:12px}.material-card{padding:14px}.modal-content{margin:10px}}.materials-row .material-card:nth-child(1),.materials-grid .material-card:nth-child(1){animation-delay:.05s}.materials-row .material-card:nth-child(2),.materials-grid .material-card:nth-child(2){animation-delay:.1s}.materials-row .material-card:nth-child(3),.materials-grid .material-card:nth-child(3){animation-delay:.15s}.materials-row .material-card:nth-child(4),.materials-grid .material-card:nth-child(4){animation-delay:.2s}.materials-row .material-card:nth-child(5),.materials-grid .material-card:nth-child(5){animation-delay:.25s}.materials-row .material-card:nth-child(6),.materials-grid .material-card:nth-child(6){animation-delay:.3s}.material-detail-container{min-height:100vh;background:transparent;padding:0}.material-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#00326d,#0056b3);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.action-bar-left{display:flex;align-items:center;gap:8px}.action-bar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.action-btn-primary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn-primary:hover{background:#ffffff40;transform:translateY(-1px)}.action-btn-success{background:#00bc04;color:#fff}.action-btn-success:hover{background:#00a003;transform:translateY(-1px);box-shadow:0 4px 12px #00bc044d}.action-btn-back{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.action-btn-back:hover{background:#ffffff1a}.detail-view-wrapper{display:block;min-height:calc(100vh - 240px);max-width:100%}.material-detail-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;max-width:100%;min-width:0}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid #f3f4f6}.detail-header.header-no-button{grid-template-columns:1fr}.header-left{display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1}.header-right{display:none}.detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.btn-complete-top{display:none}.material-meta{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;margin-bottom:16px;border:1px solid #e2e8f0}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.meta-item strong{color:#00326d;font-weight:600}.material-content{line-height:1.75;color:#374151;font-size:14px;margin-bottom:20px;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;overflow-x:hidden}.material-content p{margin:0 0 12px}.material-content p:last-child{margin-bottom:0}.material-content h1,.material-content h2,.material-content h3,.material-content h4{color:#111827;margin-top:20px;margin-bottom:10px;font-weight:600}.material-content h1{font-size:22px}.material-content h2{font-size:18px}.material-content h3{font-size:16px}.material-content ul,.material-content ol{margin:10px 0;padding-left:20px}.material-content li{margin:6px 0}.material-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;background:#f8fafc;padding:12px;border-radius:8px;font-size:13px}.material-content code{word-wrap:break-word;overflow-wrap:break-word;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px}.material-content table{max-width:100%;overflow-x:auto;display:block;border-collapse:collapse}.material-content img{max-width:100%;height:auto}.material-images{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.material-images h4{font-size:14px;font-weight:600;margin:0 0 10px;color:#111827}.material-images ul{list-style:none;padding:0;margin:0}.material-images li{padding:6px 10px;background:#f9fafb;border-radius:6px;margin-bottom:6px;font-size:13px;color:#6b7280}.material-feedback-section{margin-top:20px;padding:14px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:10px;border:1px solid #bae6fd}.feedback-prompt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.feedback-prompt span{font-size:13px;font-weight:600;color:#00326d}.chat-message-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.chat-message.ai .chat-message-footer{justify-content:flex-start}.chat-message.student .chat-message-footer{justify-content:flex-end}.detail-actions{display:none}.material-list-panel{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;overflow-y:auto;max-height:calc(100vh - 240px)}.list-header{margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.list-header h2{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 4px}.list-subtitle{font-size:12px;color:#6b7280;margin:0}.materials-list{display:flex;flex-direction:column;gap:10px}.material-list-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;min-height:180px;height:100%;box-shadow:0 1px 3px #0000000d}.material-list-item:hover{border-color:#00326d;background:#fff;transform:translate(4px);box-shadow:0 4px 12px #00326d26}.material-list-item.active{border-color:#00326d;background:#f0f7ff;box-shadow:0 2px 8px #00326d33}.list-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px;min-height:48px}.list-item-title{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0;flex:1;line-height:1.4}.list-item-subject{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-description{font-size:12px;color:#6b7280;margin:0 0 12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:2.4em}.list-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:auto}.list-item-date{font-size:11px;color:#9ca3af;white-space:nowrap}.btn-view{padding:6px 12px;font-size:12px;min-height:28px;background:#00326d;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-weight:500}.btn-view:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 6px #00326d4d}.empty-list{text-align:center;padding:60px 20px;color:#6b7280}.empty-list p{font-size:14px;margin:0}.status-badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.floating-chat-button{position:fixed;bottom:24px;right:24px;background:#fff;border:none;border-radius:50px;padding:12px 20px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;z-index:1000;font-size:14px;font-weight:500;color:#1a1a1a}.floating-chat-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.floating-chat-button span:first-child{font-size:20px}.chat-panel{position:fixed;bottom:90px;right:24px;width:400px;height:500px;max-height:calc(100vh - 180px);background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;z-index:1001;overflow:hidden;transition:all .3s ease}.chat-panel.fullscreen{inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;z-index:9999}.chat-panel.fullscreen .chat-header{padding:20px 40px;flex-shrink:0}.chat-panel.fullscreen .chat-messages{flex:1;padding:24px 40px 0;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.chat-panel.fullscreen .chat-message{max-width:70%}.chat-panel.fullscreen .chat-message-list{flex:1;min-height:auto;justify-content:flex-start;padding-bottom:24px}.chat-panel.fullscreen .chat-input-area{padding:20px 40px;flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff}.chat-panel.fullscreen .chat-input{font-size:16px;padding:14px 18px}.chat-panel.fullscreen .chat-message-text{font-size:15px}.chat-panel.fullscreen .chat-user-name{font-size:18px}.chat-panel.fullscreen .chat-avatar{width:48px;height:48px;font-size:26px}.chat-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;gap:12px;flex-shrink:0}.chat-back-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.chat-back-btn:hover{color:#1a1a1a}.chat-user-info{display:flex;align-items:center;gap:12px;flex:1}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00326d,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:20px}.chat-user-details{flex:1}.chat-user-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.chat-user-status{font-size:12px;color:#10b981;font-weight:500}.chat-language-selector{margin-right:8px}.chat-lang-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;min-width:100px}.chat-lang-select:hover:not(:disabled){border-color:#00326d}.chat-lang-select:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.chat-lang-select:disabled{opacity:.6;cursor:not-allowed}.chat-header-actions{display:flex;gap:8px}.chat-action-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:6px;transition:all .2s ease}.chat-action-btn:hover{background:#f3f4f6;color:#1a1a1a}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f9fafb;min-height:0}.chat-message-list{display:flex;flex-direction:column;gap:12px;min-height:100%;justify-content:flex-end}.chat-message{max-width:85%;padding:12px 16px;border-radius:16px;line-height:1.5;font-size:14px;color:#1f2937;box-shadow:0 2px 8px #00000014;display:inline-flex;flex-direction:column;gap:6px}.chat-message.student{margin-left:auto;background:#00326d;color:#fff;border-bottom-right-radius:4px}.chat-message.ai{margin-right:auto;background:#fff;border-bottom-left-radius:4px}.chat-message-text{word-wrap:break-word;overflow-wrap:break-word}.chat-message-text p{margin:0 0 8px}.chat-message-text p:last-child{margin-bottom:0}.chat-message-text ul,.chat-message-text ol{margin:8px 0;padding-left:20px}.chat-message-text li{margin:4px 0}.chat-message-text h1,.chat-message-text h2,.chat-message-text h3,.chat-message-text h4{margin:12px 0 8px;font-weight:600}.chat-message-text code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px}.chat-message-text pre{background:#0000000d;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.chat-message-text pre code{background:none;padding:0}.chat-message-text strong{font-weight:600}.chat-message-text em{font-style:italic}.chat-message-text a{color:#00326d;text-decoration:underline}.chat-message.student .chat-message-text code,.chat-message.student .chat-message-text pre{background:#fff3}.chat-message.student .chat-message-text a{color:#fff}.chat-message-time{font-size:11px;opacity:.7;align-self:flex-end}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.chat-empty-icon{font-size:48px;margin-bottom:16px}.chat-empty-state p{margin:4px 0;font-size:14px}.chat-empty-subtitle{font-size:12px;color:#9ca3af}.chat-input-area{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff;gap:8px;flex-shrink:0}.chat-input{flex:1;border:none;outline:none;padding:10px 12px;font-size:14px;color:#1a1a1a;background:#f9fafb;border-radius:20px}.chat-input::placeholder{color:#9ca3af}.chat-input-icon{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:50%;transition:all .2s ease}.chat-input-icon:hover{background:#f3f4f6;color:#00326d}.chat-input-actions{display:flex;gap:4px}.chat-send-btn{background:#00326d;color:#fff;border:none;border-radius:20px;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:36px}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{background:#0056b3}.selection-ask-button{position:fixed;transform:translate(-50%,-140%);background:#00326d;color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;box-shadow:0 4px 10px #0000002e;cursor:pointer;z-index:1100;white-space:nowrap}.selection-ask-button:hover{background:#0056b3}.selection-ask-button:active{transform:translate(-50%,-135%)}@media(max-width:1024px){.detail-view-wrapper{grid-template-columns:1fr}.material-detail-panel,.material-list-panel{max-height:none}}@media(max-width:768px){.material-action-bar{padding:10px 12px;gap:8px;border-radius:10px;margin-bottom:12px}.action-bar-left,.action-bar-right{gap:6px}.action-btn{padding:6px 10px;font-size:12px;gap:4px}.material-detail-panel{padding:16px}.detail-title{font-size:1.2rem}.detail-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:10px}.material-meta{padding:10px 12px;gap:10px}.material-meta .meta-item{font-size:12px}.material-content{font-size:13px;line-height:1.7;margin-bottom:16px}.material-list-panel{padding:14px}.list-header h2{font-size:1rem}.chat-panel{width:calc(100vw - 48px);height:calc(100vh - 120px);bottom:80px;right:24px;left:24px}.floating-chat-button{bottom:20px;right:20px}}.voice-tutor-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.voice-tutor-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.voice-tutor-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.voice-tutor-title{display:flex;align-items:center;gap:16px}.voice-tutor-icon{font-size:2rem}.voice-tutor-title h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.voice-tutor-title p{margin:4px 0 0;font-size:.875rem;opacity:.9;color:#fff}.voice-tutor-header-actions{display:flex;align-items:center;gap:16px}.voice-tutor-language-selector{display:flex;align-items:center;gap:8px}.voice-tutor-language-selector label{font-size:.875rem;color:#fff;font-weight:500}.voice-tutor-lang-select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.875rem;cursor:pointer;outline:none}.voice-tutor-lang-select option{background:#00326d;color:#fff}.voice-tutor-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.voice-tutor-close-btn:hover{background:#ffffff4d}.voice-tutor-messages{flex:1;overflow-y:auto;padding:24px;background:#f9fafb;min-height:300px;max-height:calc(90vh - 280px)}.voice-tutor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center;color:#6b7280}.voice-tutor-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.voice-tutor-empty-state p{margin:8px 0;font-size:1rem;color:#6b7280}.voice-tutor-empty-subtitle{font-size:.875rem!important;color:#9ca3af!important}.voice-tutor-message-list{display:flex;flex-direction:column;gap:16px}.voice-tutor-message{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;max-width:75%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.voice-tutor-message.student{align-self:flex-end;background:#00326d;color:#fff;border-bottom-right-radius:4px}.voice-tutor-message.tutor{align-self:flex-start;background:#fff;color:#1a1a1a;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.voice-tutor-message-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voice-tutor-message.student .voice-tutor-message-header{color:#fffc}.voice-tutor-message.tutor .voice-tutor-message-header{color:#6b7280}.voice-tutor-message-sender{display:flex;align-items:center;gap:6px}.voice-tutor-message-time{opacity:.7;font-weight:400}.voice-tutor-message-text{line-height:1.6;font-size:.9375rem;word-wrap:break-word}.voice-tutor-message.student .voice-tutor-message-text{color:#fff}.voice-tutor-message.tutor .voice-tutor-message-text{color:#374151}.voice-tutor-message-text p,.voice-tutor-message-text ul,.voice-tutor-message-text ol{margin:0 0 8px}.voice-tutor-message-text p:last-child,.voice-tutor-message-text ul:last-child,.voice-tutor-message-text ol:last-child{margin-bottom:0}.voice-tutor-audio-controls{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.voice-tutor-message.tutor .voice-tutor-audio-controls{border-top-color:#e5e7eb}.voice-tutor-message.student .voice-tutor-audio-controls{border-top-color:#fff3}.voice-tutor-audio-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.voice-tutor-audio-btn.play{background:#00326d;color:#fff}.voice-tutor-audio-btn.play:hover{background:#0056b3}.voice-tutor-audio-btn.stop{background:#dc2626;color:#fff}.voice-tutor-audio-btn.stop:hover{background:#b91c1c}.voice-tutor-input-area{padding:20px 24px;background:#fff;border-top:2px solid #f3f4f6}.voice-tutor-audio-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f3f4f6;border-radius:8px;margin-bottom:12px;font-size:.875rem;color:#374151}.voice-tutor-remove-audio{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.voice-tutor-remove-audio:hover{background:#e5e7eb}.voice-tutor-input-row{display:flex;align-items:center;gap:12px}.voice-tutor-record-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.voice-tutor-record-btn:hover:not(:disabled){background:#f9fafb;border-color:#00326d;color:#00326d}.voice-tutor-record-btn.recording{background:#fee2e2;border-color:#dc2626;color:#dc2626;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.recording-indicator{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-tutor-record-btn:disabled{opacity:.5;cursor:not-allowed}.voice-tutor-text-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;outline:none;transition:border-color .2s}.voice-tutor-text-input:focus{border-color:#00326d}.voice-tutor-text-input:disabled{background:#f9fafb;cursor:not-allowed}.voice-tutor-send-btn{padding:12px 24px;background:#00326d;color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.voice-tutor-send-btn:hover:not(:disabled){background:#0056b3}.voice-tutor-send-btn:disabled{opacity:.5;cursor:not-allowed}.voice-tutor-status-bar{padding:12px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;min-height:48px;display:flex;align-items:center}.voice-tutor-status{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:6px}.voice-tutor-status.ai-speaking{background:#dbeafe;color:#1e40af}.voice-tutor-status.student-speaking{background:#fef3c7;color:#92400e}.voice-tutor-status.listening{background:#d1fae5;color:#065f46}.voice-tutor-status.sending{background:#e0e7ff;color:#3730a3}.status-indicator{font-size:1rem;animation:pulse 2s ease-in-out infinite}.voice-tutor-recognized-text{padding:12px 24px;background:#f3f4f6;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;font-size:.875rem;color:#6b7280}.recognized-label{font-weight:600;color:#374151}.recognized-text{flex:1;font-style:italic;color:#1f2937}.voice-tutor-speak-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap;user-select:none;-webkit-user-select:none}.voice-tutor-speak-btn:hover:not(:disabled){background:#f9fafb;border-color:#00326d;color:#00326d}.voice-tutor-speak-btn:active:not(:disabled){transform:scale(.98)}.voice-tutor-speak-btn.listening{background:#d1fae5;border-color:#10b981;color:#065f46}.voice-tutor-speak-btn.speaking{background:#fee2e2;border-color:#dc2626;color:#991b1b;animation:pulse 1.5s ease-in-out infinite}.voice-tutor-speak-btn:disabled{opacity:.5;cursor:not-allowed}.speaking-indicator,.listening-indicator{animation:blink 1s ease-in-out infinite}.voice-tutor-instructions{padding:12px 0 0;font-size:.8125rem;color:#6b7280;text-align:center}.voice-tutor-compact-card{background:#111827;border-radius:18px;padding:20px 24px 24px;width:320px;max-width:90vw;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;align-items:center;gap:18px;color:#f9fafb}.voice-tutor-compact-header{width:100%;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600}.voice-tutor-status-dot{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 10px #22c55ecc}.voice-tutor-compact-title{color:#f9fafb}.voice-tutor-level-bars{width:100%;display:flex;justify-content:center;gap:4px;margin-top:6px}.voice-tutor-level-bar{width:10px;height:14px;border-radius:4px;background:#374151;opacity:.6;transition:height .15s ease,background .15s ease,opacity .15s ease}.voice-tutor-level-bar.active{background:#f97316;opacity:1;animation:voice-level-pulse .7s ease-in-out infinite}@keyframes voice-level-pulse{0%,to{height:10px}50%{height:22px}}.voice-tutor-end-btn{margin-top:8px;padding:10px 32px;border-radius:999px;border:none;background:#f97316;color:#111827;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 10px 25px #f9731673;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.voice-tutor-end-btn:hover{background:#fb923c;transform:translateY(-1px);box-shadow:0 16px 30px #f9731699}.voice-tutor-end-btn:active{transform:translateY(0);box-shadow:0 8px 18px #f9731666}.voice-tutor-instructions p{margin:0;line-height:1.5}.voice-tutor-instructions strong{color:#374151}.voice-tutor-audio-preview{display:none}@media(max-width:768px){.voice-tutor-modal{max-width:100%;max-height:100vh;border-radius:0}.voice-tutor-header{flex-direction:column;align-items:flex-start;gap:16px}.voice-tutor-header-actions{width:100%;justify-content:space-between}.voice-tutor-message{max-width:85%}.voice-tutor-input-row{flex-wrap:wrap}.voice-tutor-speak-btn,.voice-tutor-send-btn{flex:1;min-width:120px}.voice-tutor-text-input{width:100%;order:-1}.voice-tutor-status-bar,.voice-tutor-recognized-text{padding:10px 16px;font-size:.8125rem}}.json-response{margin:8px 0;padding:12px;background:#ffffff80;border-radius:8px;border-left:3px solid #00326D}.chat-message.ai .json-response{background:#f8f9fa;border-left-color:#0056b3}.math-response{background:#f0f7ff;border-left-color:#0056b3}.math-operation{font-size:16px;font-weight:600;color:#00326d;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e0e7ff}.math-explanation{font-size:14px;line-height:1.8;color:#1f2937;margin-bottom:16px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.math-steps{display:flex;flex-direction:column;gap:12px;margin:12px 0}.math-step{background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.step-number{font-weight:700;color:#0056b3;font-size:13px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.step-expression{font-family:Courier New,monospace;font-size:15px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin:6px 0;display:inline-block}.step-explanation{color:#4b5563;font-size:14px;line-height:1.6;margin:8px 0}.step-result{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:14px;color:#059669}.step-result strong{color:#047857}.math-final-answer{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;padding:14px 16px;border-radius:8px;font-size:16px;font-weight:600;margin-top:12px;text-align:center}.math-summary{margin-top:12px;padding:10px;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;font-size:14px;line-height:1.6}.json-object,.json-array{margin-left:12px;padding-left:12px;border-left:2px solid #e5e7eb}.json-field,.json-item{margin:6px 0;padding:4px 0}.json-key{font-weight:600;color:#00326d;margin-right:6px}.json-value{color:#1f2937;font-size:14px}.quiz-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.quiz-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.swal-over-modal{z-index:20000!important}.quiz-modal-header{padding:20px 24px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative}.quiz-header-info h2{margin:0 0 4px;font-size:20px;font-weight:700}.quiz-material-title{margin:0;font-size:13px;opacity:.9;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-close-btn{background:#fff3;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;position:relative;z-index:10;flex-shrink:0}.quiz-close-btn:hover{background:#fff6}.quiz-close-btn:active{transform:scale(.95)}.quiz-modal-body{padding:24px;overflow-y:auto;flex:1}.quiz-config-section{text-align:center;padding:20px}.quiz-config-section h3{margin:0 0 24px;font-size:20px;color:#111827}.quiz-config-form{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.config-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.config-group label{font-size:14px;font-weight:600;color:#374151}.config-group select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.config-group select:focus{outline:none;border-color:#00326d}.quiz-config-actions{margin-top:20px}.quiz-info-bar{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:#f0f7ff;border-radius:10px;margin-bottom:24px;justify-content:center}.quiz-info-bar span{font-size:14px;font-weight:500;color:#00326d}.quiz-questions-list{display:flex;flex-direction:column;gap:20px}.quiz-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:border-color .2s}.quiz-question-card:hover{border-color:#00326d}.question-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.question-number{background:#00326d;color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.question-marks{font-size:13px;color:#6b7280;margin-left:auto}.question-text{font-size:15px;color:#111827;line-height:1.6;margin:0 0 16px}.question-options{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.option-item:hover{border-color:#00326d;background:#f0f7ff}.option-item.selected{border-color:#00326d;background:#00326d;color:#fff}.option-item input[type=radio]{display:none}.option-key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border-radius:50%;font-weight:600;font-size:13px;color:#374151;flex-shrink:0}.option-item.selected .option-key{background:#fff3;color:#fff}.option-text{font-size:14px;flex:1}.quiz-submit-section{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb}.quiz-progress{font-size:14px;font-weight:500;color:#6b7280}.quiz-results-section{padding:0}.result-summary-card{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:16px;padding:30px;text-align:center;margin-bottom:30px}.result-grade{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;font-size:36px;font-weight:700;margin-bottom:20px}.result-grade.grade-a\+,.result-grade.grade-a{background:#d1fae5;color:#065f46}.result-grade.grade-b{background:#dbeafe;color:#1e40af}.result-grade.grade-c{background:#fef3c7;color:#92400e}.result-grade.grade-d{background:#fed7aa;color:#9a3412}.result-grade.grade-f{background:#fee2e2;color:#991b1b}.result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:20px;flex-wrap:wrap}.result-stat{display:flex;flex-direction:column;gap:4px}.result-stat .stat-value{font-size:28px;font-weight:700;color:#00326d}.result-stat .stat-label{font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.result-feedback{font-size:16px;color:#374151;margin:0;line-height:1.6}.result-questions-review{margin-bottom:24px}.result-questions-review h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.review-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px}.review-question-card.correct{border-left:4px solid #10b981}.review-question-card.wrong{border-left:4px solid #ef4444}.review-question-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.answer-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.answer-status.correct{background:#d1fae5;color:#065f46}.answer-status.wrong{background:#fee2e2;color:#991b1b}.marks-obtained{margin-left:auto;font-size:13px;font-weight:600;color:#00326d}.review-options{display:flex;flex-direction:column;gap:8px;margin:16px 0}.review-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.review-option.correct-option{background:#d1fae5;border-color:#10b981}.review-option.wrong-option{background:#fee2e2;border-color:#ef4444}.option-indicator{margin-left:auto;font-size:12px;font-weight:600}.correct-option .option-indicator{color:#065f46}.wrong-option .option-indicator{color:#991b1b}.question-explanation{margin-top:16px;padding:12px 16px;background:#f0f7ff;border-radius:8px;font-size:14px;color:#374151;line-height:1.6}.question-explanation strong{color:#00326d}.result-actions{display:flex;gap:12px;justify-content:center;padding-top:20px;border-top:2px solid #e5e7eb}@media(max-width:768px){.quiz-modal{max-height:95vh;margin:10px}.quiz-modal-header{padding:16px 20px}.quiz-header-info h2{font-size:18px}.quiz-modal-body{padding:16px}.quiz-config-form{flex-direction:column;align-items:stretch}.config-group{min-width:auto}.result-stats{gap:20px}.result-stat .stat-value{font-size:22px}.quiz-submit-section{flex-direction:column;gap:16px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.header-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.screen-time-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #3b82f64d;animation:pulse-timer 2s ease-in-out infinite}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.screen-time-badge .screen-time-icon{font-size:14px}.screen-time-badge .screen-time-value{font-family:Courier New,monospace;letter-spacing:.5px}.xp-info-badge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.xp-info-badge .xp-earned{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 8px #f59e0b4d}.xp-info-badge .streak-badge{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #ef44444d}.why-this-matters-card{background:linear-gradient(135deg,#fef3c7,#fff7ed);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:20px;animation:pulse-attention 2s ease-in-out infinite}@keyframes pulse-attention{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.wtm-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wtm-header .wtm-icon{font-size:24px}.wtm-header h4{margin:0;color:#92400e;font-size:16px}.wtm-message{color:#78350f;font-size:14px;line-height:1.5;margin:0 0 12px}.wtm-details{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.wtm-details .weak-area,.wtm-details .weak-score{background:#f59e0b33;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#92400e}.wtm-impact{color:#78350f;font-size:13px;font-style:italic;margin:0}.ai-summary-card{background:linear-gradient(135deg,#ede9fe,#f3e8ff);border:1px solid #a78bfa;border-radius:12px;padding:16px;margin-bottom:20px}.ai-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-summary-header .ai-icon{font-size:22px}.ai-summary-header h4{margin:0;color:#5b21b6;font-size:15px}.ai-summary-text{color:#4c1d95;font-size:14px;line-height:1.6;margin:0 0 12px}.ai-summary-card .key-points,.ai-summary-card .learning-objectives{margin-top:12px}.ai-summary-card .key-points h5,.ai-summary-card .learning-objectives h5{font-size:13px;color:#5b21b6;margin:0 0 8px}.ai-summary-card ul{margin:0;padding-left:20px}.ai-summary-card ul li{color:#4c1d95;font-size:13px;line-height:1.6;margin-bottom:4px}.mode-switcher{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:20px}.mode-switcher h4{margin:0 0 12px;font-size:14px;color:#334155}.mode-buttons{display:flex;gap:8px;flex-wrap:wrap}.mode-btn{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid #e2e8f0;background:#fff;color:#64748b}.mode-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.mode-btn.active{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-color:#00326d}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.mode-loading{margin-top:10px;color:#64748b;font-size:13px;text-align:center}.contextual-actions{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #86efac;border-radius:12px;padding:16px;margin:20px 0}.contextual-actions h4{margin:0 0 12px;font-size:14px;color:#166534}.contextual-actions .action-buttons{display:flex;gap:10px;flex-wrap:wrap}.contextual-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #22c55e;background:#fff;color:#166534}.contextual-action-btn:hover{background:#22c55e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.contextual-action-btn .action-icon{font-size:16px}.quick-checks-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin:20px 0}.quick-checks-section h4{margin:0 0 16px;font-size:16px;color:#00326d}.quick-check-card{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:16px}.quick-check-card:last-child{margin-bottom:0}.qc-question{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.qc-options{display:flex;flex-direction:column;gap:8px}.qc-option{padding:12px 16px;border-radius:8px;font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;border:2px solid #e2e8f0;background:#fff;color:#334155}.qc-option:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.qc-option.selected{border-color:#3b82f6;background:#dbeafe;color:#1e40af}.qc-option.correct{border-color:#22c55e;background:#dcfce7;color:#166534}.qc-option.incorrect{border-color:#ef4444;background:#fee2e2;color:#991b1b}.qc-option:disabled{cursor:not-allowed}.qc-result{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:8px;font-size:13px}.qc-result.correct{background:#dcfce7;color:#166534}.qc-result.incorrect{background:#fee2e2;color:#991b1b}.qc-result .result-icon{font-size:18px}.qc-result .xp-earned{margin-left:auto;background:#22c55e;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600}.progress-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin:20px 0}.progress-info-card h4{margin:0 0 12px;font-size:14px;color:#334155}.progress-stats{display:flex;gap:20px;flex-wrap:wrap}.progress-stats span{font-size:13px;color:#64748b;display:inline-flex;align-items:center;gap:6px}.recommended-next-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:16px;margin-top:20px}.recommended-next-section h4{margin:0 0 12px;font-size:15px;color:#1e40af}.recommended-cards{display:flex;flex-direction:column;gap:10px}.recommended-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.recommended-card:hover{border-color:#3b82f6;transform:translate(4px);box-shadow:0 2px 8px #3b82f626}.recommended-card .rec-icon{font-size:24px;flex-shrink:0}.recommended-card .rec-content h5{margin:0 0 4px;font-size:14px;color:#1e293b}.recommended-card .rec-content p{margin:0;font-size:12px;color:#64748b}@media(max-width:768px){.header-stats{gap:8px;justify-content:flex-start}.screen-time-badge{font-size:11px;padding:4px 10px}.xp-info-badge{gap:8px}.xp-info-badge .xp-earned,.xp-info-badge .streak-badge{font-size:11px;padding:4px 10px}.wtm-details{flex-direction:column;gap:8px}.mode-buttons{flex-direction:column}.mode-btn{width:100%;justify-content:center}.contextual-actions .action-buttons{flex-direction:column}.contextual-action-btn{width:100%;justify-content:center}.progress-stats{flex-direction:column;gap:8px}}.subscription-container{min-height:auto;background:transparent;padding-bottom:24px}.current-plan-card{position:relative;background:linear-gradient(135deg,#00326d,#0056b3 55%,#0b7ad1);border-radius:14px;padding:24px 28px;margin-bottom:24px;box-shadow:0 10px 24px #00326d40;border:2px solid rgba(251,191,36,.5);color:#fff;overflow:hidden}.current-plan-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 40%);pointer-events:none}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:nowrap}.plan-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff}.plan-subtitle{margin:0;font-size:14px;color:#ffffffe6;white-space:nowrap;display:none}.plan-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge-free{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.plan-badge-pro{background:#fbbf24;color:#1f2937;border:2px solid #f59e0b}.current-plan-card .plan-badge{background:#fbbf24;color:#1f2937;border:2px solid #f59e0b;box-shadow:0 6px 18px #0000002e}.plan-details{display:flex;gap:24px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px}.detail-label{font-weight:500;opacity:.9}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-active{background:#10b981;color:#fff}.status-expired{background:#f59e0b;color:#fff}.status-cancelled{background:#ef4444;color:#fff}.usage-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.usage-card h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.usage-item{padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.usage-item:hover{border-color:#00326d;background:#fff;box-shadow:0 2px 8px #00326d1a}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-feature{font-size:14px;font-weight:600;color:#111827;flex:1}.usage-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#e5e7eb;color:#4b5563}.usage-badge.unlimited{background:#d1fae5;color:#065f46}.usage-progress{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.usage-progress-bar{height:100%;background:linear-gradient(90deg,#00326d,#0056b3);transition:width .3s ease}.usage-details{font-size:12px;color:#6b7280}.usage-text{font-weight:500}.plans-section{margin-bottom:24px}.plans-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;padding-bottom:8px}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;min-height:100%}.plan-card:hover{border-color:#00326d;box-shadow:0 4px 12px #00326d26;transform:translateY(-2px)}.plan-card.plan-current{border-color:#00326d;background:#f0f7ff;box-shadow:0 4px 12px #00326d33}.plan-card.plan-pro{border-color:#fbbf24;position:relative}.plan-card.plan-pro:before{content:"⭐ Recommended";position:absolute;top:-12px;left:16px;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1f2937;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #0000001f;border:1px solid #f59e0b}.plan-card.plan-current.plan-pro:before{content:"⭐ Current Plan"}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.plan-card-header h4{margin:0;font-size:22px;font-weight:700;color:#111827}.plan-detail-card{background:#fff;border-radius:16px;padding:24px 28px;margin-top:24px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb}.plan-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.plan-detail-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#111827}.plan-detail-description{margin:0;font-size:14px;color:#4b5563}.plan-detail-badge .plan-name-chip{display:inline-block;padding:6px 14px;border-radius:999px;background:#00326d;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.plan-detail-content{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);gap:24px}.plan-detail-left h3,.plan-detail-right h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.plan-detail-features{list-style:none;padding:0;margin:0;max-height:420px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:12px}.plan-detail-features li{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid #f3f4f6;font-size:14px}.plan-detail-features li:last-child{border-bottom:none}.plan-detail-features .feature-icon{font-size:16px;margin-top:2px}.plan-detail-features .feature-text{display:flex;flex-direction:column}.plan-detail-features .feature-name{font-weight:500;color:#111827}.plan-detail-features .feature-description{font-size:12px;color:#6b7280;margin-top:4px}.plan-detail-features .feature-limit{font-size:12px;color:#00326d;font-weight:600;margin-top:4px;padding:2px 8px;background:#e0f2fe;border-radius:4px;display:inline-block;width:fit-content}.plan-detail-features li.feature-disabled .feature-limit{color:#6b7280;background:#f3f4f6}.plan-detail-features .feature-empty{text-align:center;color:#6b7280}.price-breakdown-card{border-radius:12px;border:1px solid #e5e7eb;padding:16px 18px;background:#f9fafb}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px;color:#111827}.price-row.subtotal{color:#6b7280;font-weight:500;padding-bottom:10px;border-bottom:1px dashed #e5e7eb;margin-bottom:10px}.price-row.wallet-discount{background:linear-gradient(135deg,#fef3c7,#fde68a);margin:0 -18px;padding:10px 18px;border-radius:0;color:#92400e;font-weight:600}.price-row.wallet-discount .discount-amount{color:#15803d;font-weight:700}.price-row.total{border-top:2px solid #e5e7eb;padding-top:12px;margin-top:12px;font-weight:700;font-size:16px}.price-row.total .final-amount{font-size:20px;color:#00326d;font-weight:800}.savings-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;margin-top:12px;border:1px solid #86efac}.price-note{margin:12px 0 0;font-size:12px;color:#6b7280}.plan-detail-actions{margin-top:18px;display:flex;gap:12px;justify-content:flex-end}@media(max-width:900px){.plan-detail-content{grid-template-columns:1fr}.plan-detail-actions{flex-direction:column-reverse;align-items:stretch}}.current-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#00326d;color:#fff;text-transform:uppercase;letter-spacing:.5px}.plan-description{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.6}.plan-features{flex:1;margin-bottom:20px}.plan-features h5{margin:0 0 12px;font-size:15px;font-weight:600;color:#111827}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.feature-icon{font-size:16px;font-weight:700;flex-shrink:0;width:20px;text-align:center}.plan-features li:not(.feature-disabled) .feature-icon{color:#10b981}.plan-features li.feature-disabled .feature-icon{color:#ef4444}.feature-name{flex:1;color:#111827;font-weight:500}.plan-features li.feature-disabled .feature-name{color:#9ca3af;text-decoration:line-through}.feature-limit{font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}.plan-features li.feature-disabled .feature-limit{color:#ef4444}.plan-upgrade-btn{width:100%;margin-top:auto}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.loading-state{padding:40px;text-align:center;color:#6b7280;font-size:14px}.payment-history-section{margin-bottom:24px;display:flex;justify-content:flex-end}.payment-history-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.payment-history-card h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.payment-history-list{display:flex;flex-direction:column;gap:16px}.payment-history-item{padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.payment-history-item:hover{border-color:#00326d;background:#fff;box-shadow:0 2px 8px #00326d1a}.payment-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:12px}.payment-history-header h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.payment-date{margin:0;font-size:12px;color:#6b7280}.payment-amount{font-size:20px;font-weight:700;color:#00326d}.payment-details{display:flex;flex-direction:column;gap:8px}.payment-detail-item{display:flex;align-items:center;gap:8px;font-size:13px}.payment-detail-item .detail-label{font-weight:500;color:#6b7280}.payment-detail-item .detail-value{color:#111827;font-family:monospace;font-size:12px}.payment-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.payment-status-paid{background:#d1fae5;color:#065f46}.payment-status-pending{background:#fef3c7;color:#92400e}.payment-status-failed{background:#fee2e2;color:#991b1b}.no-payment-history{text-align:center;padding:40px;color:#6b7280;font-size:14px}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.payment-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.payment-modal-header h3{margin:0;font-size:22px;font-weight:700;color:#111827}.payment-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.payment-modal-close:hover{background:#f3f4f6;color:#111827}.payment-modal-body{padding:24px;flex:1;overflow-y:auto}.payment-plan-info{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.payment-plan-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-radius:20px;font-size:18px;font-weight:700;margin-bottom:12px}.payment-plan-description{margin:0;font-size:14px;color:#6b7280;line-height:1.6}.payment-features-list{margin-bottom:24px}.payment-features-list h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.payment-features-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.payment-features-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;padding:10px;background:#f9fafb;border-radius:8px}.payment-features-list li.feature-disabled{opacity:.5}.payment-features-list .feature-icon{font-size:18px;font-weight:700;flex-shrink:0;width:24px;text-align:center}.payment-features-list li:not(.feature-disabled) .feature-icon{color:#10b981}.payment-features-list li.feature-disabled .feature-icon{color:#ef4444}.payment-features-list .feature-name{flex:1;color:#111827;font-weight:500}.payment-features-list .feature-limit{font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}.payment-security-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f0f4ff;border-radius:8px;font-size:13px;color:#00326d;font-weight:500}.security-icon{font-size:16px}.payment-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}@media(max-width:1024px){.subscription-container{padding:16px}.current-plan-card{padding:20px;margin-bottom:20px}.plan-header h2{font-size:20px}.usage-card{padding:18px;margin-bottom:20px}.usage-card h3{font-size:18px;margin-bottom:16px}.usage-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.plans-section h3{font-size:18px;margin-bottom:16px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.plan-card-header h4{font-size:20px}.payment-history-card{padding:18px}}@media(max-width:768px){.subscription-container{padding:12px}.current-plan-card{padding:16px;margin-bottom:16px;border-radius:12px}.plan-header{flex-direction:column;align-items:flex-start;gap:10px}.plan-header h2{font-size:18px}.plan-badge{padding:6px 12px;font-size:12px}.plan-details{flex-direction:column;gap:8px}.detail-item{font-size:13px}.usage-card{padding:14px;margin-bottom:16px;border-radius:10px}.usage-card h3{font-size:16px;margin-bottom:12px}.usage-toggle{padding:8px 0}.usage-grid{grid-template-columns:1fr;gap:10px}.usage-item{padding:12px;border-radius:8px}.usage-header{margin-bottom:10px}.usage-feature{font-size:13px}.usage-badge{padding:3px 8px;font-size:11px}.usage-details{font-size:11px}.payment-history-section{justify-content:center;margin-bottom:16px}.payment-history-section .btn{width:100%;padding:12px 16px;font-size:14px}.plans-section{margin-bottom:20px}.plans-section h3{font-size:16px;margin-bottom:14px}.plans-grid{display:flex;flex-direction:column;gap:12px;overflow-x:visible;padding-bottom:0}.plan-card{flex:none;width:100%;min-width:auto;padding:14px 16px;border-radius:10px}.plan-card-header{margin-bottom:10px}.plan-card-header h4{font-size:18px}.current-badge{padding:3px 8px;font-size:10px}.plan-description{font-size:13px;margin-bottom:14px;line-height:1.5}.plan-card.plan-pro:before{top:-10px;left:16px;transform:none;font-size:10px;padding:3px 10px}.plan-card.plan-pro{margin-top:10px}.plan-upgrade-btn{padding:10px 16px;font-size:13px}.payment-history-card{padding:14px;margin-bottom:16px;border-radius:10px}.payment-history-card h3{font-size:16px;margin-bottom:14px}.payment-history-list{gap:12px}.payment-history-item{padding:12px;border-radius:8px}.payment-history-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.payment-history-header h4{font-size:14px}.payment-date{font-size:11px}.payment-amount{font-size:18px}.payment-detail-item{font-size:12px;flex-wrap:wrap}.payment-detail-item .detail-value{font-size:11px;word-break:break-all}.payment-status{font-size:10px;padding:3px 8px}.no-payment-history{padding:24px;font-size:13px}.payment-modal-overlay{padding:0;align-items:flex-end}.payment-modal{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0}.payment-modal-header{padding:16px}.payment-modal-header h3{font-size:18px}.payment-modal-close{width:28px;height:28px;font-size:20px}.payment-modal-body{padding:16px}.payment-plan-info{margin-bottom:16px;padding-bottom:16px}.payment-plan-badge{padding:6px 16px;font-size:14px;margin-bottom:8px}.payment-plan-description{font-size:13px}.payment-features-list h4{font-size:14px;margin-bottom:12px}.payment-features-list ul{gap:8px}.payment-features-list li{padding:8px;font-size:13px;flex-wrap:wrap}.payment-features-list .feature-icon{font-size:16px;width:20px}.payment-features-list .feature-name{flex:1;min-width:120px}.payment-features-list .feature-limit{font-size:11px;width:100%;margin-top:4px;padding-left:32px}.payment-security-note{padding:10px;font-size:12px}.security-icon{font-size:14px}.payment-modal-footer{padding:14px 16px;flex-direction:column-reverse;gap:10px}.payment-modal-footer .btn{width:100%;padding:12px 16px;font-size:14px}.alert{padding:10px 14px;font-size:13px;margin-bottom:16px;border-radius:8px}.loading-state{padding:24px;font-size:13px}}@media(max-width:480px){.subscription-container{padding:10px}.current-plan-card{padding:14px;border-radius:10px}.plan-header h2{font-size:16px}.plan-badge{padding:5px 10px;font-size:11px}.usage-card{padding:12px;border-radius:8px}.usage-card h3{font-size:15px}.usage-item{padding:10px}.usage-feature{font-size:12px}.usage-badge{font-size:10px;padding:2px 6px}.plan-card{flex:none;width:100%;min-width:auto;padding:12px 14px;border-radius:8px}.plan-card-header h4{font-size:16px}.plan-description{font-size:12px;margin-bottom:12px}.plan-card.plan-pro:before{font-size:9px;padding:2px 8px;left:14px}.plan-card.plan-pro{margin-top:8px}.plan-upgrade-btn{padding:8px 14px;font-size:12px}.payment-history-card{padding:12px;border-radius:8px}.payment-history-card h3{font-size:15px}.payment-history-item{padding:10px}.payment-history-header h4{font-size:13px}.payment-amount{font-size:16px}.payment-modal{max-height:95vh;border-radius:12px 12px 0 0}.payment-modal-header{padding:14px}.payment-modal-header h3{font-size:16px}.payment-modal-body{padding:14px}.payment-plan-badge{font-size:13px;padding:5px 14px}.payment-features-list li{padding:6px;font-size:12px}.payment-modal-footer{padding:12px 14px;gap:8px}.payment-modal-footer .btn{padding:10px 14px;font-size:13px}}.all-features-section{margin-top:40px;margin-bottom:24px}.all-features-section h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.features-comparison{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.features-table{width:100%;min-width:600px}.features-table-header{display:grid;grid-template-columns:2fr repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:12px;font-weight:600;color:#111827;font-size:14px}.feature-name-col{font-weight:600;color:#111827}.feature-plan-col{text-align:center;font-weight:600}.feature-plan-col.plan-pro-col{color:#f59e0b}.features-table-body{display:flex;flex-direction:column;gap:8px}.features-table-row{display:grid;grid-template-columns:2fr repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;transition:all .2s ease}.features-table-row:hover{border-color:#00326d;background:#f9fafb}.feature-name-text{font-size:14px;font-weight:500;color:#111827}.feature-cell-enabled,.feature-cell-disabled{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:6px}.feature-cell-enabled{background:#d1fae5}.feature-cell-disabled{background:#fee2e2}.feature-check{font-size:20px;font-weight:700;color:#10b981}.feature-cross{font-size:20px;font-weight:700;color:#ef4444}.feature-limit-text{font-size:12px;color:#374151;font-weight:500;text-align:center}.feature-cell-disabled .feature-limit-text{color:#991b1b}@media(max-width:1024px){.all-features-section{margin-top:24px}.all-features-section h3{font-size:18px}.features-comparison{padding:16px;border-radius:10px}}@media(max-width:768px){.all-features-section{margin-top:20px;margin-bottom:16px}.all-features-section h3{font-size:16px;margin-bottom:16px}.features-comparison{padding:12px;border-radius:8px}.features-table{min-width:500px}.features-table-header,.features-table-row{grid-template-columns:1.5fr repeat(auto-fit,minmax(100px,1fr));gap:8px;padding:10px}.features-table-header{font-size:12px;margin-bottom:8px}.feature-name-text{font-size:12px}.feature-cell-enabled,.feature-cell-disabled{padding:6px;border-radius:4px}.feature-check,.feature-cross{font-size:16px}.feature-limit-text{font-size:10px}}@media(max-width:480px){.all-features-section h3{font-size:15px;margin-bottom:12px}.features-comparison{padding:10px}.features-table{min-width:450px}.features-table-header,.features-table-row{grid-template-columns:1.2fr repeat(auto-fit,minmax(80px,1fr));gap:6px;padding:8px}.features-table-header,.feature-name-text{font-size:11px}.feature-check,.feature-cross{font-size:14px}.feature-limit-text{font-size:9px}}.goals-container{min-height:100vh;background:#f8fafc;padding:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes progressFill{0%{width:0%}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699}}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;animation:fadeInUp .5s ease-out}.header-left h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 6px}.header-left p{font-size:15px;color:#6b7280;margin:0}.header-actions{display:flex;gap:12px}.btn-create-goal,.btn-ai-generate{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-create-goal{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 4px 12px #0056b34d}.btn-create-goal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0056b366}.btn-ai-generate{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 12px #7c3aed4d;animation:glow 3s ease-in-out infinite}.btn-ai-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.alert{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;margin-bottom:20px;animation:fadeInUp .4s ease-out}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.alert button{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7}.alert button:hover{opacity:1}.level-card{background:linear-gradient(135deg,#00326d,#0056b3);border-radius:20px;padding:24px 28px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 8px 32px #00326d4d;animation:fadeInUp .6s ease-out}.level-info{display:flex;align-items:center;gap:24px}.level-badge{width:80px;height:80px;background:#ffffff26;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);animation:pulse 3s ease-in-out infinite}.level-number{font-size:32px;font-weight:800;line-height:1}.level-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.xp-info h3{font-size:24px;font-weight:700;margin:0 0 10px}.xp-progress-bar{width:200px;height:10px;background:#fff3;border-radius:5px;overflow:hidden;margin-bottom:8px}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:5px;animation:progressFill 1s ease-out}.xp-info p{font-size:13px;opacity:.8;margin:0}.recent-badges{display:flex;align-items:center;gap:10px}.badge-mini{width:48px;height:48px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .3s ease;cursor:pointer}.badge-mini:hover{transform:scale(1.15) rotate(5deg);background:#ffffff40}.view-all-badges{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-all-badges:hover{background:#ffffff40}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.rate{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.streak{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:800;color:#1f2937;line-height:1.2}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.goals-content{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.goals-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;animation:fadeInUp .6s ease-out backwards;animation-delay:.3s;min-height:300px;overflow:visible}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.section-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.goal-count{font-size:13px;font-weight:600;color:#3b82f6;background:#eff6ff;padding:6px 14px;border-radius:20px}.empty-state{text-align:center;padding:80px 40px;color:#6b7280;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #e5e7eb}.empty-icon{font-size:80px;display:block;margin-bottom:24px;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 12px}.empty-state p{font-size:15px;max-width:300px;margin:0 auto 28px;line-height:1.6}.empty-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.empty-actions button{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f64d;display:flex;align-items:center;gap:8px}.empty-actions button:first-child{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px #7c3aed4d}.empty-actions button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f666}.empty-actions button:first-child:hover{box-shadow:0 8px 24px #7c3aed66}.goals-list{display:flex;flex-direction:column;gap:10px;width:100%}.goal-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;transition:all .2s ease;animation:fadeInUp .4s ease-out backwards;box-shadow:0 1px 3px #0000000d}.goal-card:nth-child(1){animation-delay:.1s}.goal-card:nth-child(2){animation-delay:.15s}.goal-card:nth-child(3){animation-delay:.2s}.goal-card:nth-child(4){animation-delay:.25s}.goal-card:nth-child(5){animation-delay:.3s}.goal-card:hover{border-color:#93c5fd;border-left-color:#2563eb;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px)}.goal-card.overdue{border-color:#fecaca;border-left-color:#ef4444;background:#fef2f2}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%}.goal-meta{display:flex;align-items:center;gap:6px}.goal-category{font-size:16px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;flex-shrink:0}.goal-type{font-size:9px;font-weight:700;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:#f1f5f9;color:#64748b;letter-spacing:.3px}.goal-type.daily{background:#dbeafe;color:#1d4ed8}.goal-type.weekly{background:#dcfce7;color:#16a34a}.goal-type.monthly{background:#fef3c7;color:#d97706}.goal-type.custom{background:#f3e8ff;color:#9333ea}.ai-badge{font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;background:#8b5cf6;color:#fff}.goal-xp{font-size:11px;font-weight:700;color:#16a34a;background:#dcfce7;padding:3px 8px;border-radius:4px;white-space:nowrap}.goal-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px;line-height:1.3}.goal-description{font-size:12px;color:#64748b;margin:0 0 8px;line-height:1.3}.ai-reasoning{display:flex;align-items:flex-start;gap:5px;background:#f5f3ff;padding:6px 8px;border-radius:4px;font-size:11px;color:#6d28d9;margin-bottom:8px;border-left:2px solid #8b5cf6}.goal-progress{display:flex;align-items:center;gap:10px;margin-bottom:8px;background:#f8fafc;padding:8px 10px;border-radius:6px}.progress-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.progress-text{font-size:11px;color:#64748b;white-space:nowrap}.progress-percent{font-size:12px;font-weight:700;color:#1e293b;white-space:nowrap}.progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;min-width:60px}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.goal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f1f5f9}.goal-deadline{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.overdue-badge{color:#dc2626;font-weight:600;background:#fee2e2;padding:2px 5px;border-radius:3px;font-size:10px}.subject-tag{font-size:10px;font-weight:500;padding:2px 5px;border-radius:3px;background:#e0f2fe;color:#0369a1}.goal-actions{display:flex;gap:5px}.btn-complete{padding:5px 10px;border-radius:5px;font-size:11px;font-weight:600;border:none;background:#16a34a;color:#fff;cursor:pointer;transition:all .2s ease}.btn-complete:hover{background:#15803d}.btn-cancel{width:26px;height:26px;border-radius:5px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;cursor:pointer;transition:all .2s ease;font-size:11px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.goals-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;animation:fadeInUp .5s ease-out backwards}.sidebar-section:nth-child(1){animation-delay:.4s}.sidebar-section:nth-child(2){animation-delay:.5s}.sidebar-section:nth-child(3){animation-delay:.6s}.sidebar-section h3{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 14px}.deadline-list{display:flex;flex-direction:column;gap:12px}.deadline-item{padding:10px 0;border-bottom:1px solid #f3f4f6}.deadline-item:last-child{border-bottom:none}.deadline-info{display:flex;justify-content:space-between;margin-bottom:6px}.deadline-title{font-size:13px;color:#374151;font-weight:500}.deadline-progress{font-size:12px;font-weight:600;color:#3b82f6}.deadline-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.deadline-fill{height:100%;background:#3b82f6;border-radius:2px}.completed-list{display:flex;flex-direction:column;gap:10px}.completed-item{display:flex;align-items:center;gap:10px;padding:8px 0}.completed-icon{font-size:16px}.completed-info{flex:1;display:flex;justify-content:space-between;align-items:center}.completed-title{font-size:13px;color:#374151}.completed-xp{font-size:12px;font-weight:600;color:#10b981}.weekly-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.weekly-stat{text-align:center;padding:16px;background:#f9fafb;border-radius:12px}.weekly-value{display:block;font-size:28px;font-weight:800;color:#1f2937}.weekly-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;font-size:24px;color:#6b7280;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#e5e7eb;color:#1f2937}.goal-form{padding:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0056b34d}.btn-secondary{background:#f3f4f6;color:#374151}.ai-modal .modal-header{background:linear-gradient(135deg,#7c3aed,#a855f7)}.ai-modal .modal-header h2{color:#fff}.ai-modal .modal-close{background:#fff3;color:#fff}.ai-modal .modal-close:hover{background:#ffffff4d}.ai-modal-body{padding:24px}.ai-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 20px;padding:16px;background:#f9fafb;border-radius:12px}.ai-options{margin-top:16px;display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#7c3aed}.btn-ai{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.btn-ai:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.goals-content{grid-template-columns:1fr}.goals-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.goals-sidebar{grid-template-columns:1fr 1fr}.level-card{flex-direction:column;gap:20px}.recent-badges{justify-content:center}.goal-card{padding:16px 20px}}@media(max-width:768px){.goals-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.btn-create-goal,.btn-ai-generate{flex:1;justify-content:center}.form-row{grid-template-columns:1fr}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.goals-sidebar{grid-template-columns:1fr}.goal-header{flex-wrap:wrap;gap:10px}.goal-xp{order:-1;width:100%;justify-content:flex-end;display:inline-block;text-align:right;margin-bottom:6px}.goal-footer{flex-direction:column;align-items:stretch;gap:12px}.goal-actions{display:flex}.btn-complete{flex:1;justify-content:center}}@media(max-width:600px){.goals-container{padding:16px}.stats-grid{grid-template-columns:1fr}.goal-card{padding:14px 16px}.goal-title{font-size:15px}.goal-category{width:34px;height:34px;font-size:18px}.goal-meta{gap:6px}.goal-type{font-size:10px;padding:4px 8px}.empty-state{padding:40px 20px}.empty-icon{font-size:50px}.empty-actions{flex-direction:column}.empty-actions button{width:100%;justify-content:center}}.badges-container{min-height:100vh;background:#f8fafc;padding:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;animation:fadeInUp .5s ease-out}.badges-summary{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#00326d,#0056b3);padding:16px 28px;border-radius:14px;color:#fff}.summary-stat{text-align:center}.summary-value{display:block;font-size:28px;font-weight:800}.summary-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.summary-divider{width:1px;height:40px;background:#ffffff4d}.badges-tabs{display:flex;gap:12px;margin-bottom:24px;animation:fadeInUp .5s ease-out .1s backwards}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:#93c5fd;color:#3b82f6}.tab-btn.active{background:linear-gradient(135deg,#00326d,#0056b3);border-color:transparent;color:#fff}.badges-section{animation:fadeInUp .5s ease-out .2s backwards}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.badges-grid.compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.badge-card{display:flex;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s ease-out backwards;position:relative}.badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f;border-color:#93c5fd}.badge-card.earned{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.badge-card.locked{opacity:.7}.badge-card.compact{padding:16px}.badge-icon-wrapper{width:70px;height:70px;min-width:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.badge-icon-wrapper.small{width:56px;height:56px;min-width:56px}.badge-icon{font-size:32px}.badge-icon-wrapper.small .badge-icon{font-size:26px}.badge-info{flex:1}.badge-info h3,.badge-info h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 6px}.badge-info h4{font-size:14px}.badge-info p{font-size:13px;color:#6b7280;margin:0 0 10px;line-height:1.5}.badge-meta{display:flex;gap:8px;align-items:center}.badge-tier{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge-tier.bronze{background:#fcd9c4;color:#9a4a19}.badge-tier.silver{background:#e5e7eb;color:#4b5563}.badge-tier.gold{background:#fef3c7;color:#b45309}.badge-tier.platinum{background:#e5e7eb;color:#1f2937}.badge-points{font-size:12px;font-weight:600;color:#10b981}.badge-earned-date{font-size:12px;color:#6b7280;margin-top:8px}.earned-check{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.locked-icon{position:absolute;top:12px;right:12px;font-size:18px;opacity:.5}.progress-grid{display:flex;flex-direction:column;gap:16px}.progress-card{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:all .3s ease;animation:fadeInUp .4s ease-out backwards}.progress-card:hover{border-color:#93c5fd;box-shadow:0 6px 20px #00000014}.progress-badge-icon{width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}.progress-info{flex:1}.progress-info h4{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 4px}.progress-info p{font-size:13px;color:#6b7280;margin:0 0 12px}.progress-bar-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00326d,#0056b3);border-radius:4px;transition:width .5s ease}.progress-text{font-size:13px;font-weight:600;color:#374151;min-width:50px}.category-section{margin-bottom:32px}.category-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon{font-size:64px;display:block;margin-bottom:16px;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:18px;color:#1f2937;margin:0 0 8px}.empty-state p{margin:0}@media(max-width:768px){.badges-header{flex-direction:column;align-items:flex-start;gap:16px}.badges-summary{width:100%;justify-content:center}.badges-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center}.badges-grid{grid-template-columns:1fr}}.leaderboard-container{min-height:100vh;background:#f8fafc;padding:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;animation:fadeInUp .5s ease-out}.header-content h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 6px}.header-content p{font-size:15px;color:#6b7280;margin:0}.my-rank-card{display:flex;flex-direction:column;align-items:center;padding:16px 28px;background:linear-gradient(135deg,#00326d,#0056b3);border-radius:16px;color:#fff;box-shadow:0 8px 24px #00326d4d}.rank-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.rank-value{font-size:36px;font-weight:800;line-height:1.2}.rank-total{font-size:13px;opacity:.7}.my-stats-card{display:flex;align-items:center;gap:32px;padding:24px 28px;background:#fff;border:2px solid #e5e7eb;border-radius:18px;margin-bottom:32px;animation:fadeInUp .5s ease-out .1s backwards}.my-level{display:flex;align-items:center;gap:14px}.level-circle{width:64px;height:64px;background:linear-gradient(135deg,#00326d,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00326d4d}.level-num{font-size:28px;font-weight:800;color:#fff}.level-info{display:flex;flex-direction:column}.level-title{font-size:18px;font-weight:700;color:#1f2937}.xp-text{font-size:14px;color:#6b7280}.my-progress{flex:1;max-width:300px}.my-progress .progress-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:6px}.my-progress .progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:6px}.my-progress .progress-text{font-size:13px;color:#6b7280}.my-badges{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fef3c7;border-radius:12px}.badges-icon{font-size:24px}.badges-count{font-size:15px;font-weight:600;color:#b45309}.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:40px;padding:20px;animation:fadeInUp .6s ease-out .2s backwards}.podium-item{display:flex;flex-direction:column;align-items:center;position:relative}.podium-item.first{order:2}.podium-item.second{order:1}.podium-item.third{order:3}.podium-crown{position:absolute;top:-30px;font-size:32px;animation:float 2s ease-in-out infinite}.podium-avatar{font-size:48px;margin-bottom:10px}.podium-item.first .podium-avatar{font-size:64px;animation:glow 2s ease-in-out infinite}.podium-info{text-align:center;margin-bottom:16px}.podium-name{display:block;font-size:15px;font-weight:700;color:#1f2937;margin-bottom:4px}.podium-xp{display:block;font-size:18px;font-weight:800;color:#00326d}.podium-level{display:block;font-size:12px;color:#6b7280}.podium-stand{width:100px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;border-radius:8px 8px 0 0}.first-place{height:100px;background:linear-gradient(180deg,gold,#ffc107);box-shadow:0 -4px 20px #ffd70066}.second-place{height:70px;background:linear-gradient(180deg,silver,#a8a8a8)}.third-place{height:50px;background:linear-gradient(180deg,#cd7f32,#b87333)}.rankings-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;animation:fadeInUp .6s ease-out .3s backwards}.rankings-section h2{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px}.rankings-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease;animation:fadeInUp .4s ease-out backwards}.ranking-item:nth-child(n){animation-delay:calc(.05s * var(--index, 1))}.ranking-item:hover{transform:translate(4px);border-color:#93c5fd;background:#eff6ff}.ranking-item.current-user{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6}.rank-column{width:50px;text-align:center}.rank-medal{font-size:28px}.rank-number{font-size:16px;font-weight:700;color:#6b7280}.student-column{flex:1;display:flex;align-items:center;gap:14px}.student-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.student-info{display:flex;flex-direction:column;gap:2px}.student-name{font-size:15px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.you-badge{font-size:11px;font-weight:600;padding:2px 8px;background:#3b82f6;color:#fff;border-radius:10px}.student-stats{font-size:13px;color:#6b7280}.xp-column{text-align:right;min-width:80px}.xp-value{display:block;font-size:20px;font-weight:800;color:#00326d}.xp-label{font-size:11px;color:#6b7280;text-transform:uppercase}@media(max-width:900px){.my-stats-card{flex-wrap:wrap;gap:20px}.my-progress{flex:100%;max-width:none;order:3}}@media(max-width:768px){.leaderboard-header{flex-direction:column;align-items:flex-start;gap:16px}.my-rank-card{width:100%}.podium{flex-wrap:wrap;gap:16px}.podium-item{flex:1;min-width:100px}.podium-stand{width:80px}.ranking-item{flex-wrap:wrap;padding:14px 16px}.student-column{flex:100%;order:1}.rank-column{order:0}.xp-column{order:2;margin-left:auto}}@media(max-width:600px){.podium-item.first .podium-avatar{font-size:48px}.podium-avatar{font-size:36px}.first-place{height:80px}.second-place{height:60px}.third-place{height:40px}}:root{--tutor-primary: #00326D;--tutor-primary-light: #0056b3;--tutor-secondary: #f8fafc;--tutor-accent: #3b82f6;--tutor-success: #22c55e;--tutor-warning: #f59e0b;--tutor-danger: #ef4444;--tutor-text-main: #1e293b;--tutor-text-muted: #64748b;--tutor-shadow-sm: 0 2px 8px rgba(0, 50, 109, .05);--tutor-shadow-md: 0 4px 16px rgba(0, 50, 109, .08);--tutor-shadow-lg: 0 8px 32px rgba(0, 50, 109, .12);--chat-bg: #f1f5f9}.ai-tutor-container{padding:0;height:calc(100vh - 100px);display:flex;flex-direction:column;background:var(--chat-bg)}.tutor-header-actions{display:flex;gap:12px;align-items:center}.btn-sidebar-toggle{position:absolute;top:20px;left:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;flex-shrink:0;z-index:100}.btn-sidebar-toggle:hover{background:var(--tutor-secondary);border-color:var(--tutor-accent);transform:scale(1.05)}.btn-sidebar-toggle.active,.btn-sidebar-toggle.collapsed{background:var(--tutor-accent);color:#fff;border-color:var(--tutor-accent)}.btn-new-topic,.btn-voice-mode,.btn-download-chat,.btn-end-session{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap}.btn-new-topic{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 4px 12px #00326d26}.btn-new-topic:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00326d40;filter:brightness(1.1)}.btn-voice-mode{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98126}.btn-voice-mode:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98140;filter:brightness(1.1)}.btn-voice-mode.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef444466;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ef444466}50%{box-shadow:0 0 25px #ef444499}}.btn-download-chat{background:#3b82f614;color:#2563eb;border:1.5px solid rgba(59,130,246,.2)}.btn-download-chat:hover{background:#3b82f626;border-color:#2563eb;transform:translateY(-2px)}.btn-end-session{background:#f8fafc;color:#64748b;border:1.5px solid #e2e8f0}.btn-end-session:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca;transform:translateY(-2px)}.btn-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.tutor-mode-controls{display:flex;align-items:center;gap:16px;padding:14px 24px;background:#fff;border-bottom:1px solid #eef2f6;overflow-x:auto;scrollbar-width:none;flex-shrink:0;box-shadow:0 2px 10px #00000005}.tutor-mode-controls::-webkit-scrollbar{display:none}.mode-label{font-size:13px;font-weight:700;color:var(--tutor-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mode-chips{display:flex;gap:10px}.mode-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f8fafc;color:#475569;border:1.5px solid #eef2f6;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.mode-chip:hover{background:#fff;border-color:var(--tutor-accent);color:var(--tutor-accent);transform:translateY(-1px)}.mode-chip.active{background:var(--tutor-accent);color:#fff;border-color:var(--tutor-accent);box-shadow:0 4px 12px #3b82f64d}.mode-icon{font-size:16px}.tutor-main-layout{display:flex;flex:1;overflow:hidden;position:relative;background:var(--chat-bg)}.tutor-sidebar{width:340px;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(226,232,240,.8);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-width:thin;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.sidebar-close-btn{display:none}.tutor-main-layout.sidebar-collapsed .tutor-sidebar{width:0;padding:0;margin:0;opacity:0;pointer-events:none;border-right:none}.tutor-main-layout.sidebar-collapsed .message{max-width:100%;padding-left:20px;padding-right:20px}.tutor-main-layout.sidebar-collapsed .message.tutor{padding-right:5%}.tutor-main-layout.sidebar-collapsed .message.student{padding-left:5%}.tutor-main-layout.sidebar-collapsed .input-wrapper{max-width:100%}.sidebar-card{background:#ffffffe6;border:1px solid rgba(241,245,249,.8);border-radius:20px;padding:20px;box-shadow:0 4px 12px #00326d0a;transition:all .3s ease}.sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00326d14}.sidebar-card h4{font-size:15px;font-weight:700;color:var(--tutor-text-main);margin:0 0 16px;display:flex;align-items:center;gap:10px}.session-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:center;gap:10px}.detail-row p{margin:0}.detail-icon{width:28px;height:28px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.subject-name,.chapter-name,.topic-name{font-size:14px;font-weight:600;color:var(--tutor-text-main)}.session-status{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;margin-top:8px;width:fit-content}.session-status.active{background:#f0fdf4;color:var(--tutor-success)}.session-status.ended{background:#fef2f2;color:var(--tutor-danger)}.current-mode{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.mode-badge{font-size:13px;font-weight:700;color:var(--tutor-accent);background:#eff6ff;padding:6px 12px;border-radius:8px}.tutor-chat-area{flex:1;display:flex;flex-direction:column;background:var(--chat-bg);position:relative;overflow:hidden}.messages-container{flex:1;padding:40px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:32px;scrollbar-width:none;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{display:none}.message{display:flex;gap:20px;width:100%;max-width:1000px;margin:0 auto;animation:messageAppear .4s cubic-bezier(.16,1,.3,1)}.message.tutor{align-self:flex-start;padding-right:1%}.message.student{align-self:flex-end;flex-direction:row-reverse;padding-left:15%}.message-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:var(--tutor-shadow-sm)}.message.tutor .message-avatar{background:var(--tutor-primary);color:#fff}.message.student .message-avatar{background:#fff;color:var(--tutor-primary);border:1px solid #e2e8f0}.message-text{padding:18px 24px;border-radius:24px;font-size:16px;line-height:1.7;box-shadow:0 2px 10px #00000008;background:#fff;color:var(--tutor-text-main);border:1px solid rgba(226,232,240,.5)}.message.tutor .message-text{border-top-left-radius:4px}.message.student .message-text{background:var(--tutor-primary);color:#fff;border-top-right-radius:4px;border-color:var(--tutor-primary);box-shadow:0 4px 15px #00326d26}.message-text strong{color:var(--tutor-primary)}.message.student .message-text strong{color:#fff;text-decoration:underline}.message-time{font-size:11px;color:var(--tutor-text-muted);font-weight:500;margin-top:4px}.memory-reference{position:relative;margin-bottom:12px;padding:12px 16px 12px 48px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:4px solid #a855f7;border-radius:10px;font-size:13px;font-weight:600;color:#7c3aed;box-shadow:0 2px 8px #a855f71a;animation:memoryPulse .4s ease}.memory-reference:before{content:"🧠";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;animation:brainBounce .6s ease}.memory-reference:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.4) 0%,transparent 50%);border-radius:10px;pointer-events:none}@keyframes memoryPulse{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes brainBounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.inline-practice{margin-top:16px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;animation:practiceSlideUp .4s ease-out}.practice-question{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:700;color:var(--tutor-text-main);margin-bottom:20px;line-height:1.5}.practice-question:before{content:"🎯";font-size:18px}.practice-options{display:grid;grid-template-columns:1fr;gap:10px}.practice-option{padding:14px 20px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:var(--tutor-text-main);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between}.practice-option:hover:not(:disabled){border-color:var(--tutor-accent);background:#eff6ff;transform:translate(4px)}.practice-option.correct{background:#ecfdf5;border-color:#10b981!important;color:#065f46}.practice-option.correct:after{content:"✅";font-size:16px}.practice-option.incorrect{background:#fef2f2;border-color:#ef4444!important;color:#991b1b}.practice-option.incorrect:after{content:"❌";font-size:16px}.practice-option:disabled{cursor:default;opacity:.8}@keyframes practiceSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-chat{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.empty-chat-content{max-width:550px;text-align:center;background:#fff;padding:60px;border-radius:40px;box-shadow:0 10px 40px #00326d0f;animation:fadeIn .6s ease-out;border:1px solid rgba(226,232,240,.6)}.empty-chat-icon{font-size:64px;margin-bottom:24px}.empty-chat-content h3{font-size:24px;font-weight:800;color:var(--tutor-text-main);margin:0 0 16px}.empty-chat-content p{font-size:16px;color:var(--tutor-text-muted);line-height:1.6;margin:0 0 32px}.empty-chat-hints{display:flex;flex-direction:column;gap:12px}.hint-item{padding:12px 20px;background:var(--tutor-secondary);border-radius:12px;font-size:14px;font-weight:600;color:var(--tutor-text-main)}.chat-input-area{padding:24px 32px 32px;background:#f8fafc;border-top:none;flex-shrink:0}.input-wrapper{display:flex;gap:12px;align-items:flex-end;width:100%;background:#fff;padding:12px 12px 12px 24px;border-radius:20px;box-shadow:0 4px 20px #0000000a;border:1px solid #e2e8f0;transition:all .3s ease}.input-wrapper:focus-within{border-color:var(--tutor-accent);box-shadow:0 8px 30px #3b82f61f}.input-wrapper textarea{flex:1;padding:8px 0;background:transparent;border:none;font-size:16px;font-weight:500;color:var(--tutor-text-main);resize:none;min-height:24px;max-height:200px;font-family:inherit;line-height:1.5}.input-wrapper textarea:focus{outline:none}.btn-send{width:48px;height:48px;border-radius:14px;background:var(--tutor-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-send:hover:not(:disabled){background:var(--tutor-primary-light);transform:scale(1.05)}.btn-send:disabled{background:#cbd5e1;cursor:not-allowed}.btn-send:active{transform:scale(.95)}.btn-attach{width:40px;height:40px;border-radius:12px;background:transparent;color:var(--tutor-text-secondary);border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-attach:hover:not(:disabled){background:#f1f5f9;border-color:var(--tutor-accent);color:var(--tutor-accent)}.btn-attach:disabled{opacity:.5;cursor:not-allowed}.attachment-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;margin-bottom:12px}.attachment-uploading{display:flex;align-items:center;gap:12px;color:var(--tutor-text-secondary);font-size:14px}.upload-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:var(--tutor-accent);border-radius:50%;animation:spin .8s linear infinite}.attachment-item{display:flex;align-items:center;gap:12px}.attachment-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.attachment-icon-pdf{width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:14px;font-weight:600;color:var(--tutor-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.attachment-size{font-size:12px;color:var(--tutor-text-secondary)}.attachment-ready{color:#22c55e;font-weight:600}.btn-remove-attachment{width:28px;height:28px;border-radius:8px;background:#fee2e2;color:#ef4444;border:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-remove-attachment:hover{background:#fecaca}.upload-error-modal{background:#fff;border-radius:24px;padding:0;max-width:480px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00326d40;animation:modalScaleUp .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;border:1px solid rgba(0,50,109,.1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-modal-header{padding:40px 32px 30px;background:linear-gradient(135deg,#fff1f2,#fff);border-bottom:1px solid #fee2e2;position:relative}.error-icon-container{width:80px;height:80px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 20px #ef44441a;border:1px solid #fecaca;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-icon-main{font-size:40px;animation:pulseWarning 2s infinite}@keyframes pulseWarning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.upload-error-title{font-size:24px;font-weight:800;color:#991b1b;margin:0}.error-modal-body{padding:32px}.upload-error-message{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 32px}.upload-error-suggestions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.suggestion-section{background:#f8fafc;padding:16px;border-radius:16px;border:1px solid #e2e8f0}.suggestion-section h4{font-size:13px;font-weight:800;color:var(--tutor-primary);margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.suggestion-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.suggestion-section li{font-size:13px;color:#475569;display:flex;align-items:center;gap:6px}.suggestion-section li:before{content:"✦";color:var(--tutor-accent);font-size:10px}.error-modal-footer{padding:24px 32px 40px}.btn-upload-error-close{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--tutor-primary) 0%,var(--tutor-primary-light) 100%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #00326d33}.btn-upload-error-close:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00326d4d}.tutor-error{margin:16px 32px;padding:16px 24px;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #fecaca;border-left:5px solid #ef4444;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px -5px #ef44441a,0 8px 10px -6px #ef44441a;animation:errorSlideDown .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:100}@keyframes errorSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fef2f2;border-radius:10px;color:#ef4444}.error-content{flex:1}.error-text{color:#991b1b;font-size:14px;font-weight:600;line-height:1.5}.error-dismiss{background:transparent;border:none;color:#f87171;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease}.error-dismiss:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.input-hints{margin-top:10px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.input-hints p{font-size:12px;color:var(--tutor-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-mode-banner{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:16px 24px;margin:0 32px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--tutor-shadow-lg);animation:slideDown .4s ease;position:relative;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.voice-status-indicator{display:flex;align-items:center;gap:12px}.status-dot{width:12px;height:12px;border-radius:50%;background:#64748b}.status-dot.connecting{background:var(--tutor-warning);animation:pulse 1.5s infinite}.status-dot.connected,.status-dot.listening{background:var(--tutor-success);animation:pulse 1.5s infinite}.status-dot.speaking{background:var(--tutor-accent);animation:pulse .8s infinite}.status-dot.error{background:var(--tutor-danger)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.status-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}.voice-controls{display:flex;align-items:center;gap:10px}.voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;color:#fff}.voice-btn.mute{background:#ffffff1a}.voice-btn.mute:hover{background:#fff3}.voice-btn.mute.active{background:var(--tutor-danger)}.voice-btn.interrupt{background:var(--tutor-warning);color:#000}.voice-btn.interrupt:hover{background:#d97706}.voice-btn.end-turn{background:var(--tutor-success)}.voice-btn.end-turn:hover{background:#16a34a}.voice-btn.end-call{background:var(--tutor-danger)}.voice-btn.end-call:hover{background:#dc2626}.live-transcription{width:100%;background:#ffffff0d;border-radius:12px;padding:12px 16px;margin-top:4px;display:flex;gap:10px;border:1px solid rgba(255,255,255,.1)}.transcription-label{color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase;flex-shrink:0}.transcription-text{color:#e2e8f0;font-size:14px;font-style:italic;line-height:1.4}.voice-waveform{position:absolute;bottom:0;left:0;width:100%;height:4px;display:flex;align-items:flex-end;justify-content:center;gap:2px;overflow:hidden}.voice-waveform span{width:20%;height:100%;background:var(--tutor-accent);opacity:.4;animation:wave 1s infinite ease-in-out}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.modal-overlay{position:fixed;inset:0;background:#00326d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.topic-modal,.session-summary-modal{background:#fff;width:100%;max-width:500px;max-height:90vh;border-radius:28px;box-shadow:var(--tutor-shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 32px;background:var(--tutor-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{margin:0;font-size:20px;font-weight:700}.modal-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}.modal-footer{padding:24px 32px;background:#f8fafc;display:flex;justify-content:flex-end;border-top:1px solid #f1f5f9;flex-shrink:0}.topic-modal{max-width:550px}.form-group label{font-size:14px;font-weight:700;color:var(--tutor-text-main);display:flex;align-items:center;gap:8px;margin-bottom:8px}.topic-modal select{padding:14px 18px;border:2px solid #f1f5f9;border-radius:14px;font-size:15px;font-weight:500;color:var(--tutor-text-main);background:#f8fafc;width:100%;cursor:pointer;transition:all .3s ease}.topic-modal select:focus{outline:none;border-color:var(--tutor-accent);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.btn-start-session{padding:14px 32px;background:linear-gradient(135deg,var(--tutor-primary) 0%,var(--tutor-primary-light) 100%);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-start-session:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00326d40}.btn-start-session:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.session-summary-modal{max-width:750px;max-height:90vh;border-radius:32px;background:#fff;display:flex;flex-direction:column}.summary-header{padding:20px 32px;background:linear-gradient(135deg,var(--tutor-primary) 0%,var(--tutor-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;flex-shrink:0}.summary-icon{font-size:32px;display:inline-flex}.summary-header h2{margin:0;font-size:20px;font-weight:800}.xp-badge{position:absolute;top:24px;right:64px;background:#fbbf24;color:#000;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #fbbf244d;z-index:10}.summary-close-btn{position:absolute;top:24px;right:24px;width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px;z-index:20}.summary-close-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.summary-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1;scrollbar-width:thin}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{background:#f8fafc;padding:16px 20px;border-radius:20px;display:flex;align-items:center;gap:16px;border:1px solid #eef2f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{transform:translateY(-2px);border-color:var(--tutor-accent);background:#fff;box-shadow:0 8px 16px #3b82f614}.stat-icon{font-size:24px;background:#fff;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-align:left}.stat-label{font-size:10px!important;font-weight:800!important;color:var(--tutor-text-muted)!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin:0!important;line-height:1.2!important}.stat-value{font-size:16px!important;font-weight:800!important;color:var(--tutor-text-main)!important;margin:0!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-item.completed .stat-value{white-space:normal;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.understood-alert,.revision-alert{padding:20px;border-radius:20px;display:flex;gap:16px;align-items:flex-start}.understood-alert{background:#f0fdf4;border:1px solid #dcfce7}.revision-alert{background:#fffbeb;border:1px solid #fef3c7}.alert-icon{font-size:24px}.alert-content strong{display:block;font-size:15px;margin-bottom:4px;color:var(--tutor-text-main)}.alert-content p{margin:0;font-size:14px;color:var(--tutor-text-muted);line-height:1.6}.feedback-section{text-align:center;padding:16px;background:#f8fafc;border-radius:20px;border:1px solid #eef2f6}.feedback-section h4{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--tutor-text-main)}.feedback-buttons{display:flex;justify-content:center;gap:12px}.feedback-btn{padding:8px 16px;border-radius:12px;font-size:13px;font-weight:700;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.feedback-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.feedback-btn.easy:hover{border-color:var(--tutor-success);color:var(--tutor-success);background:#f0fdf4}.feedback-btn.okay:hover{border-color:var(--tutor-warning);color:var(--tutor-warning);background:#fffbeb}.feedback-btn.confusing:hover{border-color:var(--tutor-danger);color:var(--tutor-danger);background:#fef2f2}.next-steps h4{margin:0 0 16px;font-size:16px;font-weight:800;color:var(--tutor-text-main)}.next-step-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-step-card{padding:14px 12px;background:#f8fafc;border:1.5px solid #eef2f6;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.next-step-card:hover{border-color:var(--tutor-accent);background:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f614}.next-step-card .step-icon{font-size:24px}.next-step-card .step-label{font-size:11px;font-weight:700;color:var(--tutor-text-main);text-align:center}.session-summary-footer{display:flex;flex-direction:column;gap:12px;padding:24px}.btn-end-session-only{width:100%;padding:12px;background:#fff;color:var(--tutor-text-muted);border:1.5px solid #e2e8f0;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-end-session-only:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--tutor-text-main)}.btn-close-summary{width:100%;padding:14px;background:linear-gradient(135deg,var(--tutor-primary) 0%,var(--tutor-primary-light) 100%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00326d33}.btn-close-summary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00326d4d}.why-card{border-left:4px solid var(--tutor-warning)!important;position:relative}.why-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--tutor-text-muted);cursor:pointer;font-size:18px;opacity:.6}.why-close:hover{opacity:1}.why-icon{font-size:24px;margin-bottom:12px}.why-text{font-size:14px;line-height:1.6;color:var(--tutor-text-main);margin:0}.why-benefits{margin-top:12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.why-benefits li{font-size:13px;color:var(--tutor-text-muted);font-weight:500}.sidebar-mode-chips{display:flex;flex-wrap:wrap;gap:8px}.sidebar-mode-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;color:#475569;border:1.5px solid #eef2f6;border-radius:100px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-mode-chip:hover{background:#fff;border-color:var(--tutor-accent);color:var(--tutor-accent)}.sidebar-mode-chip.active{background:var(--tutor-accent);color:#fff;border-color:var(--tutor-accent);box-shadow:0 2px 8px #3b82f64d}.mode-label-text{font-size:12px}.modal-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0;color:var(--tutor-text-muted)}.form-icon{margin-right:6px;opacity:.8}.topic-btn{padding:10px 16px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;font-size:14px;font-weight:600;color:var(--tutor-text-main);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;margin-bottom:8px;display:flex;align-items:center;gap:8px}.topic-btn:hover{background:var(--tutor-secondary);border-color:var(--tutor-primary);color:var(--tutor-primary);transform:translate(4px);box-shadow:var(--tutor-shadow-sm)}.topics-list{display:flex;flex-direction:column}.understanding-feedback{margin:12px 0 12px 56px;padding:12px 20px;background:#fff;border-radius:16px;display:inline-flex;align-items:center;gap:16px;box-shadow:var(--tutor-shadow-sm)}.feedback-prompt{font-size:13px;font-weight:600;color:var(--tutor-text-main)}.feedback-buttons{display:flex;gap:8px}.feedback-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;border:1.5px solid #e2e8f0;background:transparent;cursor:pointer;transition:all .2s}.feedback-btn.yes:hover{background:#f0fdf4;border-color:var(--tutor-success);color:var(--tutor-success)}.feedback-btn.partial:hover{background:#fffbeb;border-color:var(--tutor-warning);color:var(--tutor-warning)}.feedback-btn.no:hover{background:#fef2f2;border-color:var(--tutor-danger);color:var(--tutor-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.tutor-avatar-ring{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--tutor-shadow-lg);position:relative}.tutor-avatar-ring:before{content:"";position:absolute;inset:-10px;border:4px solid var(--tutor-primary);border-radius:50%;border-left-color:transparent;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.tutor-sidebar{width:280px;padding:16px}.tutor-mode-controls{padding:10px 16px}.mode-chip{padding:8px 14px;font-size:13px}}@media(max-width:992px){.ai-tutor-container{height:calc(100vh - 60px);overflow:hidden}.tutor-main-layout{flex-direction:column;height:100%;overflow:hidden}.tutor-chat-area{flex:1;height:auto;overflow:hidden;display:flex;flex-direction:column}.tutor-sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;z-index:1000;background:#fff;box-shadow:4px 0 20px #00000026;transform:translate(-100%);transition:transform .3s ease;padding:50px 16px 16px;overflow-y:auto}.tutor-main-layout:not(.sidebar-collapsed) .tutor-sidebar{transform:translate(0)}.sidebar-close-btn{display:flex;position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:10px;font-size:18px;color:#64748b;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.sidebar-close-btn:hover{background:#fee2e2;color:#ef4444}.sidebar-card{padding:14px;border-radius:14px;margin-bottom:12px}.sidebar-card h4{font-size:13px;margin-bottom:10px}.sidebar-mode-chips{gap:6px}.sidebar-mode-chip{padding:6px 10px;font-size:11px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-btn{padding:12px 8px;font-size:11px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;background:#f8fafc;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s ease;text-align:center;width:100%;overflow:hidden}.quick-action-btn:hover{background:#fff;border-color:var(--tutor-accent)}.quick-action-btn .action-icon{font-size:20px;flex-shrink:0}.quick-action-btn .action-label{font-size:10px;font-weight:600;color:#374151;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;text-align:center}.session-details,.detail-row{gap:8px}.detail-icon{width:24px;height:24px;font-size:12px}.subject-name,.chapter-name,.topic-name{font-size:12px}.topics-list{gap:6px}.topic-btn{padding:8px 12px;font-size:12px;border-radius:10px}.tutor-mode-controls{padding:10px 12px;gap:8px}.mode-label{display:none}.mode-chips{width:100%;justify-content:flex-start}.mode-chip{padding:8px 14px;font-size:12px;flex-shrink:0}.messages-container{padding:16px;gap:16px;flex:1;overflow-y:auto}.chat-input-area{padding:12px 16px 16px;flex-shrink:0}.input-wrapper{padding:8px 8px 8px 16px;border-radius:16px}.voice-mode-banner{margin:0 12px 12px;padding:12px 16px;border-radius:14px}.empty-chat{padding:20px}.empty-chat-content{padding:30px 20px;border-radius:24px}.empty-chat-icon{font-size:48px;margin-bottom:16px}.empty-chat-content h3{font-size:20px}.empty-chat-content p{font-size:14px;margin-bottom:20px}}@media(max-width:768px){.ai-tutor-container{height:calc(100vh - 56px)}.btn-sidebar-toggle{top:12px;left:12px;width:36px;height:36px;font-size:16px;border-radius:10px}.tutor-header-actions{gap:6px}.btn-new-topic,.btn-voice-mode,.btn-end-session{padding:8px 12px;font-size:12px;border-radius:10px;gap:4px}.btn-text{display:none}.btn-icon{font-size:16px;margin:0}.tutor-mode-controls{padding:8px 10px;gap:6px}.mode-chips{gap:6px}.mode-chip{padding:6px 12px;font-size:11px;border-radius:20px;gap:4px}.mode-icon{font-size:14px}.messages-container{padding:12px;gap:12px}.message{max-width:92%;gap:10px}.message.student{padding-left:8%}.message.tutor{padding-right:8%}.message-avatar{width:32px;height:32px;font-size:16px;border-radius:10px}.message-text{padding:12px 14px;font-size:14px;line-height:1.6;border-radius:18px}.message.tutor .message-text{border-top-left-radius:4px}.message.student .message-text{border-top-right-radius:4px}.chat-input-area{padding:10px 12px 14px}.input-wrapper{padding:6px 6px 6px 14px;border-radius:14px;min-width:0}.input-wrapper textarea{font-size:14px;min-height:20px}.btn-send{width:40px;height:40px;border-radius:12px;font-size:16px}.btn-attach{width:36px;height:36px;font-size:16px;border-radius:10px}.attachment-preview{padding:8px 12px;margin-bottom:10px}.attachment-thumbnail,.attachment-icon-pdf{width:40px;height:40px}.attachment-name{font-size:13px}.attachment-size{font-size:11px}.btn-remove-attachment{width:24px;height:24px;font-size:12px}.input-hints p{font-size:11px}.voice-mode-banner{margin:0 10px 10px;padding:10px 14px;border-radius:12px;flex-direction:column;gap:10px}.voice-status-indicator{width:100%;justify-content:center}.voice-controls{width:100%;justify-content:center;flex-wrap:wrap}.voice-btn{padding:8px 12px;font-size:11px;border-radius:8px;flex:1;justify-content:center;min-width:70px}.live-transcription{padding:10px 12px}.transcription-label{font-size:10px}.transcription-text{font-size:12px}.empty-chat{padding:16px}.empty-chat-content{padding:24px 16px;border-radius:20px}.empty-chat-icon{font-size:40px;margin-bottom:12px}.empty-chat-content h3{font-size:18px;margin-bottom:10px}.empty-chat-content p{font-size:13px;margin-bottom:16px}.empty-chat-hints{gap:8px}.hint-item{padding:10px 14px;font-size:12px;border-radius:10px}.inline-practice{padding:14px;border-radius:12px;margin-top:12px}.practice-question{font-size:13px;margin-bottom:14px}.practice-option{padding:12px 14px;font-size:13px;border-radius:10px}.memory-reference{padding:10px 12px 10px 40px;font-size:12px}.memory-reference:before{left:10px;font-size:16px}.understanding-feedback{margin:10px 0 10px 42px;padding:10px 14px;gap:12px;flex-wrap:wrap}.feedback-prompt{font-size:12px}.feedback-btn{padding:5px 10px;font-size:11px}.modal-overlay{padding:0}.session-summary-modal,.topic-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.modal-body{padding:20px}.summary-header{padding:16px 20px;gap:10px}.summary-header h2{font-size:16px}.summary-icon{font-size:24px}.xp-badge{top:16px;right:16px;padding:4px 10px;font-size:12px}.summary-body{padding:16px;gap:16px}.summary-stats{grid-template-columns:1fr;gap:10px}.stat-item{padding:12px 16px;border-radius:14px}.stat-icon{width:40px;height:40px;font-size:20px;border-radius:12px}.stat-value{font-size:14px!important}.stat-label{font-size:9px!important}.understood-alert,.revision-alert{padding:14px;border-radius:14px;gap:12px}.alert-icon{font-size:20px}.alert-content strong{font-size:13px}.alert-content p{font-size:12px}.feedback-section{padding:14px;border-radius:14px}.feedback-section h4{font-size:13px}.next-steps h4{font-size:14px;margin-bottom:12px}.next-step-cards{grid-template-columns:1fr;gap:8px}.next-step-card{flex-direction:row;padding:12px 16px;gap:12px;border-radius:12px}.next-step-card .step-icon{font-size:20px}.next-step-card .step-label{font-size:12px;text-align:left}.session-summary-footer{padding:16px;gap:10px}.btn-end-session-only{padding:10px;font-size:13px;border-radius:12px}.btn-close-summary{padding:12px;font-size:14px;border-radius:12px}.form-group label{font-size:13px}.topic-modal select{padding:12px 14px;font-size:14px;border-radius:12px}.btn-start-session{padding:12px 24px;font-size:14px;border-radius:12px}}@media(max-width:480px){.ai-tutor-container{height:calc(100vh - 52px)}.tutor-sidebar{width:280px;padding:50px 12px 12px}.sidebar-card{padding:12px;border-radius:12px;margin-bottom:10px}.sidebar-card h4{font-size:12px;margin-bottom:8px}.sidebar-mode-chips{gap:4px}.sidebar-mode-chip{padding:5px 8px;font-size:10px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:6px}.quick-action-btn{padding:10px 6px;min-height:65px;gap:5px}.quick-action-btn .action-icon{font-size:18px}.quick-action-btn .action-label{font-size:9px;line-height:1.2}.topic-btn{padding:6px 10px;font-size:11px}.mode-chip{padding:5px 10px;font-size:10px}.mode-icon{font-size:12px}.message{max-width:95%;gap:8px}.message.student{padding-left:5%}.message.tutor{padding-right:5%}.message-avatar{width:28px;height:28px;font-size:14px;border-radius:8px}.message-text{padding:10px 12px;font-size:13px;border-radius:14px}.input-wrapper textarea{font-size:13px}.btn-send{width:36px;height:36px;font-size:14px;border-radius:10px}.empty-chat-content{padding:20px 14px}.empty-chat-icon{font-size:36px}.empty-chat-content h3{font-size:16px}.empty-chat-content p{font-size:12px}.hint-item{padding:8px 12px;font-size:11px}.understanding-feedback{margin-left:36px;padding:8px 12px}}.student-puzzles-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh}.puzzles-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a5f,#00326d,#0a4a8f);border-radius:24px;padding:32px 40px;margin-bottom:24px;position:relative;overflow:hidden}.puzzles-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.hero-content{flex:1;z-index:1}.hero-badge{display:inline-block;background:#ffffff26;color:#fef3c7;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-content h1{font-size:32px;font-weight:900;color:#fff;margin-bottom:8px}.hero-content p{color:#fffc;font-size:15px;max-width:500px;line-height:1.5}.hero-actions{z-index:1}.btn-generate-puzzle{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 24px #f59e0b59;transition:all .3s ease;white-space:nowrap}.btn-generate-puzzle:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f59e0b73}.btn-generate-puzzle .btn-icon{font-size:18px}.puzzles-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000a;border:1.5px solid #f1f5f9;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-completed .stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.stat-xp .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-accuracy .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-total .stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:26px;font-weight:900;color:#0f172a}.stat-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.puzzles-filters-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000008;border:1px solid #f1f5f9}.filter-group{display:flex;align-items:center;gap:12px}.filter-label{font-size:13px;font-weight:700;color:#64748b}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;border-radius:100px;background:#f1f5f9;border:1.5px solid transparent;color:#64748b;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#e2e8f0;color:#334155}.filter-btn.active{background:#00326d;color:#fff;border-color:#00326d}.filter-btn.diff-easy.active{background:#22c55e;border-color:#22c55e}.filter-btn.diff-medium.active{background:#f59e0b;border-color:#f59e0b}.filter-btn.diff-hard.active{background:#ef4444;border-color:#ef4444}.error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;color:#991b1b;font-weight:600}.error-banner button{margin-left:auto;padding:6px 16px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.puzzles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.puzzle-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a;border:1.5px solid #f1f5f9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.puzzle-card:hover{transform:translateY(-6px);border-color:#3b82f6;box-shadow:0 16px 40px #3b82f626}.puzzle-card.locked{opacity:.7;cursor:not-allowed}.puzzle-card.locked:hover{transform:none;box-shadow:0 4px 16px #0000000a}.completed-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:800;box-shadow:0 4px 12px #22c55e59;z-index:2}.locked-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:800;z-index:2}.puzzle-icon-bg{height:100px;display:flex;align-items:center;justify-content:center;position:relative}.puzzle-type-icon{font-size:42px;transition:transform .3s ease}.puzzle-card:hover .puzzle-type-icon{transform:scale(1.15) rotate(5deg)}.graphical-badge{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700}.puzzle-content{padding:20px;flex:1;display:flex;flex-direction:column}.puzzle-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.puzzle-type-label{font-size:11px;font-weight:800;text-transform:uppercase;color:#3b82f6;background:#eff6ff;padding:4px 10px;border-radius:6px}.difficulty-tag{font-size:11px;font-weight:800;text-transform:capitalize;padding:4px 10px;border-radius:6px}.puzzle-content h3{font-size:17px;font-weight:800;color:#1e293b;margin-bottom:10px;line-height:1.3}.puzzle-info-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.info-chip{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.info-chip.subject{background:#f0fdf4;color:#166534}.info-chip.chapter{background:#fef3c7;color:#92400e}.puzzle-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.mini-stat{font-size:12px;color:#64748b;font-weight:600}.mini-stat.best-score{color:#22c55e}.puzzle-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f5f9}.puzzle-points{font-weight:800;color:#00326d;font-size:14px}.btn-play{padding:10px 18px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.btn-play:hover{transform:scale(1.05);box-shadow:0 4px 16px #00326d40}.btn-play:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.no-puzzles{grid-column:1 / -1;text-align:center;padding:60px 40px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0}.no-icon{font-size:56px;margin-bottom:20px;display:block}.no-puzzles h3{font-size:20px;font-weight:800;color:#1e293b;margin-bottom:8px}.no-puzzles p{color:#64748b;margin-bottom:20px}.btn-generate-inline{padding:12px 24px;background:#00326d;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer}.puzzles-loading{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.puzzle-spinner{font-size:64px;animation:bounce .8s infinite alternate ease-in-out}@keyframes bounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(10deg)}}.puzzle-modal-overlay{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2500}.puzzle-modal{width:100%;max-width:680px;background:#fff;border-radius:24px;box-shadow:0 24px 70px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.puzzle-modal-header{padding:20px 24px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;display:flex;align-items:center;justify-content:space-between}.puzzle-modal-title{display:flex;align-items:center;gap:12px}.puzzle-modal-icon{width:40px;height:40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px}.puzzle-modal-header h3{margin:0;font-size:20px;font-weight:900}.puzzle-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:#fff3;color:#fff;cursor:pointer;font-weight:900;font-size:16px;transition:background .2s}.puzzle-modal-close:hover{background:#ffffff4d}.puzzle-modal-close:disabled{opacity:.5;cursor:not-allowed}.puzzle-modal-body{padding:24px;overflow-y:auto;flex:1}.puzzle-modal-subtitle{margin:0 0 20px;color:#64748b;font-size:14px;line-height:1.5}.puzzle-modal-error{display:flex;gap:10px;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:12px;font-weight:600;margin-bottom:20px}.puzzle-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.puzzle-form-field{display:flex;flex-direction:column;gap:8px}.puzzle-form-field label{font-size:12px;font-weight:800;color:#374151;text-transform:uppercase;letter-spacing:.05em}.puzzle-form-field select{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;font-weight:600;font-size:14px;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s}.puzzle-form-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.puzzle-form-field select:disabled{opacity:.6;cursor:not-allowed}.puzzle-type-section{margin-top:8px}.section-label{display:block;font-size:12px;font-weight:800;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.type-group{margin-bottom:20px}.type-group-label{display:block;font-size:13px;font-weight:700;color:#64748b;margin-bottom:12px}.type-options{display:flex;flex-wrap:wrap;gap:10px}.type-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.type-option:hover{border-color:#3b82f6;background:#eff6ff}.type-option.active{border-color:#00326d;background:#eff6ff;box-shadow:0 2px 8px #00326d26}.type-option:disabled{opacity:.5;cursor:not-allowed}.type-icon{font-size:18px}.type-name{font-size:13px;font-weight:700;color:#1e293b}.puzzle-modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.puzzle-btn-secondary{padding:12px 20px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.puzzle-btn-secondary:hover{background:#f1f5f9}.puzzle-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 16px #00326d40;transition:all .2s}.puzzle-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00326d59}.puzzle-btn-primary:disabled,.puzzle-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.puzzles-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.student-puzzles-page{padding:16px}.puzzles-hero{flex-direction:column;text-align:center;padding:24px;gap:20px}.hero-content h1{font-size:24px}.puzzles-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px;gap:12px}.stat-icon{width:44px;height:44px;font-size:20px}.stat-value{font-size:22px}.puzzles-filters-row{flex-direction:column;gap:16px;padding:14px}.filter-group,.filter-buttons{flex-wrap:wrap}.filter-btn{padding:6px 12px;font-size:12px}.puzzles-grid{grid-template-columns:1fr;gap:16px}.puzzle-form-grid{grid-template-columns:1fr}.puzzle-modal{max-width:100%;margin:0 12px;border-radius:20px}.type-options{gap:8px}.type-option{padding:8px 12px}}@media(max-width:480px){.puzzles-stats-grid{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;text-align:center;gap:8px}.btn-generate-puzzle{width:100%;justify-content:center}}.puzzle-attempt-page{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;display:flex;flex-direction:column}.puzzle-loading,.puzzle-error{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{font-size:64px;animation:pulse-rotate 1.5s infinite ease-in-out}@keyframes pulse-rotate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(15deg)}}.error-icon{font-size:48px}.puzzle-error p{color:#dc2626;font-weight:600}.puzzle-error button{padding:10px 20px;background:#00326d;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.puzzle-navbar{padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.btn-back{background:transparent;border:none;color:#00326d;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0}.btn-back:hover{text-decoration:underline}.navbar-center{flex:1;display:flex;justify-content:center}.puzzle-type-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:700;text-transform:capitalize}.navbar-right{display:flex;align-items:center;gap:16px}.timer-display,.points-display{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:100px;font-weight:700;font-size:14px}.timer-display{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.points-display{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.puzzle-layout{display:flex;flex:1;padding:24px;gap:24px;max-width:1400px;margin:0 auto;width:100%}.puzzle-main{flex:1;display:flex;flex-direction:column;gap:20px}.puzzle-header-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 2px 12px #0000000a}.puzzle-badge-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.difficulty-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:capitalize}.difficulty-badge.easy{background:#dcfce7;color:#166534}.difficulty-badge.medium{background:#fef3c7;color:#92400e}.difficulty-badge.hard{background:#fee2e2;color:#991b1b}.subject-badge{background:#eff6ff;color:#1e40af;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700}.puzzle-title{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:8px}.puzzle-description{color:#64748b;font-size:15px;line-height:1.5}.game-container{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000d;flex:1;display:flex;flex-direction:column}.puzzle-instruction{font-size:16px;font-weight:600;color:#374151;margin-bottom:20px;padding:14px 18px;background:#f8fafc;border-radius:12px;border-left:4px solid #00326D}.puzzle-question{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:24px;text-align:center}.puzzle-context-image{margin-bottom:24px;text-align:center}.puzzle-context-image img{max-width:100%;max-height:200px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.match-pair-puzzle{flex:1}.match-container{display:flex;gap:24px;align-items:flex-start}.match-column{flex:1;display:flex;flex-direction:column;gap:12px}.column-header{font-size:13px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;border-bottom:2px solid #f1f5f9;margin-bottom:4px}.match-divider{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0}.divider-line{width:2px;height:40px;background:linear-gradient(180deg,transparent 0%,#e2e8f0 50%,transparent 100%)}.divider-icon{font-size:20px}.match-card{padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s ease}.match-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.match-card.dragging{opacity:.5;transform:scale(.95)}.match-card.drag-over{border-color:#f59e0b;background:#fffbeb;box-shadow:0 4px 16px #f59e0b33}.left-card.selected{border-color:#00326d;background:#eff6ff;box-shadow:0 4px 16px #00326d26}.left-card.matched{border-color:#22c55e;background:#f0fdf4}.right-card.selectable{border-color:#f59e0b;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 8px #f59e0b33}to{box-shadow:0 0 16px #f59e0b66}}.right-card.used{border-color:#22c55e;background:#f0fdf4;opacity:.7}.card-image{width:100%;max-height:80px;object-fit:contain;border-radius:8px;margin-bottom:8px}.card-text{font-weight:600;color:#1e293b;font-size:14px}.matched-indicator{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed #d1fae5}.matched-arrow{color:#22c55e;font-weight:700}.matched-text{font-size:13px;color:#166534;font-weight:600}.used-check{color:#22c55e;font-weight:800;font-size:16px}.arrange-order-puzzle{flex:1}.arrange-list{display:flex;flex-direction:column;gap:12px;max-width:700px;margin:0 auto}.arrange-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:grab;transition:all .2s ease}.arrange-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.arrange-item.dragging{opacity:.5;cursor:grabbing}.arrange-item.drag-over{border-color:#f59e0b;background:#fffbeb}.arrange-number{width:32px;height:32px;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.arrange-content{flex:1;display:flex;align-items:center;gap:12px}.arrange-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.arrange-text{font-weight:600;color:#1e293b;font-size:15px}.arrange-controls{display:flex;flex-direction:column;gap:4px;align-items:center}.move-btn{width:28px;height:24px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:10px;color:#64748b;transition:all .2s}.move-btn:hover:not(:disabled){background:#00326d;color:#fff;border-color:#00326d}.move-btn:disabled{opacity:.3;cursor:not-allowed}.drag-handle{color:#94a3b8;font-size:14px;letter-spacing:-2px}.categorize-puzzle{flex:1;display:flex;flex-direction:column;gap:24px}.items-pool{background:#f8fafc;border-radius:16px;padding:20px;border:2px dashed #e2e8f0}.pool-header{font-size:13px;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:16px}.pool-items{display:flex;flex-wrap:wrap;gap:10px;min-height:50px}.pool-empty{color:#22c55e;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;padding:16px}.sortable-item{padding:12px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:grab;font-weight:600;color:#1e293b;transition:all .2s}.sortable-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.sortable-item.dragging{opacity:.5;cursor:grabbing}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.category-zone{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;min-height:180px;display:flex;flex-direction:column;transition:all .2s}.category-zone.drag-over{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b33}.category-header{padding:12px 16px;font-weight:700;color:#1e293b;font-size:14px;text-align:center}.category-items{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}.drop-hint{color:#94a3b8;font-size:13px;text-align:center;padding:20px;border:2px dashed #e2e8f0;border-radius:10px;margin:auto}.categorized-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-radius:8px;font-weight:600;font-size:13px}.remove-btn{width:24px;height:24px;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fecaca}.visual-mcq-puzzle{flex:1}.question-image{margin-bottom:24px;text-align:center}.question-image img{max-width:100%;max-height:250px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.visual-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center}.visual-option{background:#fff;border:3px solid #e2e8f0;border-radius:20px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.visual-option:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f633}.visual-option.selected{border-color:#00326d;background:#eff6ff;box-shadow:0 8px 24px #00326d33}.option-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.option-image-container img{width:100%;height:100%;object-fit:cover}.selected-overlay{position:absolute;inset:0;background:#00326d66;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:900}.option-label{font-weight:700;color:#1e293b;font-size:14px;text-align:center}.mcq-puzzle{flex:1}.mcq-options{display:flex;flex-direction:column;gap:12px;max-width:700px;margin:0 auto}.mcq-option{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.mcq-option:hover{border-color:#3b82f6;background:#f8fafc}.mcq-option.selected{border-color:#00326d;background:#eff6ff}.option-letter{width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b;font-size:15px;flex-shrink:0}.mcq-option.selected .option-letter{background:#00326d;color:#fff}.option-text{flex:1;font-weight:600;color:#1e293b;font-size:15px}.fill-blanks-puzzle{flex:1}.fill-blanks-text{font-size:18px;line-height:2;color:#1e293b;background:#f8fafc;padding:24px;border-radius:16px}.blank-input{display:inline-block;width:150px;padding:8px 14px;margin:0 6px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:600;text-align:center;background:#fff;transition:all .2s}.blank-input:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d26}.blanks-inputs{display:flex;flex-direction:column;gap:16px;margin-top:24px}.blank-field{display:flex;align-items:center;gap:12px}.blank-field label{font-weight:700;color:#64748b;min-width:100px}.blank-input.standalone{flex:1;max-width:300px}.scenario-puzzle{flex:1}.scenario-text{font-size:16px;line-height:1.8;color:#374151;background:#f8fafc;padding:24px;border-radius:16px;margin-bottom:24px;border-left:4px solid #3b82f6}.scenario-questions{display:flex;flex-direction:column;gap:24px}.scenario-question{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0}.sq-text{font-weight:700;color:#1e293b;margin-bottom:16px}.sq-options{display:flex;flex-wrap:wrap;gap:10px}.sq-option{padding:10px 18px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.sq-option:hover{border-color:#3b82f6}.sq-option.selected{border-color:#00326d;background:#eff6ff}.unsupported-puzzle{display:flex;align-items:center;justify-content:center;min-height:200px;color:#64748b;font-size:16px}.puzzle-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:20px;border-top:1px solid #f1f5f9;margin-top:auto}.btn-hint,.btn-submit{padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-hint{background:#fff;border:2px solid #f59e0b;color:#d97706}.btn-hint:hover:not(:disabled){background:#fffbeb}.btn-hint:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;box-shadow:0 4px 16px #00326d40}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00326d59}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-card{background:#fff;border-radius:20px;padding:24px;margin-top:20px;border:2px solid #e2e8f0}.result-card.perfect{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.result-card.partial{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.result-card.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.result-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.result-icon{font-size:48px}.result-info h3{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:4px}.result-score{font-size:16px;font-weight:700;color:#64748b}.result-explanation,.result-encouragement{font-size:14px;line-height:1.6;margin-bottom:12px}.result-explanation{color:#64748b}.result-encouragement{color:#3b82f6;font-weight:600}.result-actions{display:flex;gap:12px;margin-top:20px}.btn-next,.btn-retry{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-next{background:#00326d;color:#fff;border:none}.btn-next:hover{background:#0056b3}.btn-retry{background:#f8fafc;border:2px solid #e2e8f0;color:#374151}.btn-retry:hover{background:#f1f5f9}.puzzle-sidebar{width:340px;display:flex;flex-direction:column;gap:20px;flex-shrink:0}.sidebar-card{background:#fff;padding:20px;border-radius:20px;box-shadow:0 2px 12px #0000000a}.sidebar-card h3{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.hints-empty{color:#64748b;font-size:14px;text-align:center;padding:16px;background:#f8fafc;border-radius:12px}.hints-empty small{display:block;margin-top:8px;color:#94a3b8}.hints-list{display:flex;flex-direction:column;gap:12px}.hint-item{background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:14px;border-radius:12px;border:1px solid #fde68a;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-number{font-size:11px;font-weight:800;color:#92400e;text-transform:uppercase;display:block;margin-bottom:6px}.hint-text{font-size:14px;color:#78350f;line-height:1.5;margin:0}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.rules-list li{font-size:13px;color:#64748b;padding-left:20px;position:relative}.rules-list li:before{content:"•";position:absolute;left:0;color:#00326d;font-weight:700}.info-card .info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.info-card .info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#64748b;font-weight:600}.info-value{font-size:13px;color:#1e293b;font-weight:700}@media(max-width:1100px){.puzzle-layout{flex-direction:column}.puzzle-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:280px}}@media(max-width:768px){.puzzle-attempt-page{padding:0}.puzzle-navbar{padding:12px 16px}.navbar-center{display:none}.puzzle-layout{padding:16px;gap:16px}.puzzle-header-card{padding:20px}.puzzle-title{font-size:20px}.game-container{padding:20px}.match-container{flex-direction:column;gap:20px}.match-divider{flex-direction:row;padding:10px 0}.divider-line{width:40px;height:2px}.arrange-item{padding:12px 14px}.arrange-number{width:28px;height:28px;font-size:12px}.visual-options-grid{grid-template-columns:repeat(2,1fr);gap:12px}.visual-option{padding:12px}.puzzle-actions{flex-direction:column}.btn-hint,.btn-submit{width:100%;justify-content:center}.puzzle-sidebar{flex-direction:column}.sidebar-card{min-width:auto}.categories-grid{grid-template-columns:1fr}}@media(max-width:480px){.timer-display,.points-display{padding:6px 10px;font-size:12px}.visual-options-grid{grid-template-columns:1fr}.blank-input{width:100px;padding:6px 10px;font-size:14px}}.subject-chapters-container{min-height:100vh;background:transparent}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#00326d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:16px;color:#64748b}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:16px;text-align:center}.error-state .error-icon{font-size:64px}.error-state h3{font-size:24px;color:#1e293b;margin:0}.error-state p{font-size:16px;color:#64748b;margin:0 0 20px}.subject-header-banner{background:linear-gradient(135deg,#00326d,#004a9f,#06c);border-radius:12px;padding:16px 24px;margin-bottom:24px;position:relative;overflow:hidden}.subject-header-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.subject-header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.btn-back{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-back:hover{background:#ffffff40;transform:translate(-4px)}.subject-info{display:flex;align-items:center;gap:16px;flex:1}.subject-icon-large{font-size:40px;background:#ffffff26;padding:12px;border-radius:12px;box-shadow:0 4px 16px #0000001a;flex-shrink:0}.subject-details h1{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.2}.subject-details p{font-size:13px;color:#fffc;margin:4px 0 0}.section-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#1e293b;margin:0 0 24px}.title-icon{font-size:24px}.chapters-section{margin-bottom:40px}.chapters-grid{display:flex;flex-direction:column;gap:12px}.chapter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2px 24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;gap:20px;animation:fadeInUp .4s ease backwards;position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(135deg,#00326d,#0056b3);transform:scaleY(0);transition:transform .3s ease}.chapter-card:hover{transform:translate(4px);box-shadow:0 8px 24px #00326d1f;border-color:#00326d}.chapter-card:hover:before{transform:scaleY(1)}.chapter-card-header{display:flex;align-items:center;gap:16px;flex-shrink:0}.chapter-icon{font-size:36px;flex-shrink:0}.chapter-number-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.chapter-card-title{font-size:16px;font-weight:700;color:#1e293b;margin:0;line-height:1.4;flex:1;min-width:0}.chapter-card-description{display:none}.chapter-card-stats{display:flex;align-items:center;gap:24px;padding:0;border:none;flex-shrink:0}.chapter-stat{display:flex;align-items:center;gap:6px}.chapter-stat .stat-icon{font-size:16px;color:#64748b}.chapter-stat .stat-value{font-size:16px;font-weight:700;color:#00326d}.chapter-stat .stat-label{font-size:13px;color:#64748b}.chapter-card-footer{display:flex;align-items:center;gap:12px;flex-shrink:0;margin:0}.chapter-progress{display:flex;align-items:center}.has-materials{font-size:11px;font-weight:600;color:#059669;background:#d1fae5;padding:4px 10px;border-radius:12px;white-space:nowrap}.btn-view-topics{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 3px 10px #00bc0440}.btn-view-topics:hover{transform:translateY(-2px);box-shadow:0 5px 14px #00bc0459}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;text-align:center;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}.empty-state .empty-icon{font-size:64px}.empty-state h3{font-size:20px;color:#1e293b;margin:0}.empty-state p{font-size:15px;color:#64748b;margin:0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-header-content{display:flex;align-items:center;gap:16px}.modal-chapter-icon{font-size:44px;background:#fff;padding:14px;border-radius:14px;box-shadow:0 4px 12px #00000014}.modal-chapter-badge{display:inline-block;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.modal-header h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.btn-close-modal{background:#fff;border:1px solid #e5e7eb;font-size:24px;color:#6b7280;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-modal:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 180px)}.topics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.topics-loading p{font-size:14px;color:#64748b;margin:0}.topics-list-wrapper{width:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.topics-list-wrapper::-webkit-scrollbar{width:6px}.topics-list-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.topics-list-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.topics-list-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.topics-list{display:flex;flex-direction:column;gap:10px}.topic-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;cursor:pointer}.topic-list-item:hover{background:#fff;border-color:#00326d;box-shadow:0 4px 12px #00326d1a}.topic-list-item.generating{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#fcd34d}.topic-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.topic-number-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;font-size:13px;font-weight:700;border-radius:10px;flex-shrink:0}.topic-item-content{flex:1;min-width:0}.topic-item-title{font-size:14px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item-description{font-size:12px;color:#64748b;margin:4px 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item-right{flex-shrink:0}.btn-generate-topic{background:linear-gradient(135deg,#00bc04,#00a003);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 3px 10px #00bc0440;white-space:nowrap}.btn-generate-topic:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #00bc0459}.btn-generate-topic:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.topics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.topics-empty .empty-icon{font-size:48px}.topics-empty p{font-size:15px;color:#64748b;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.topics-modal-footer{justify-content:space-between}.topics-count{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#64748b}.topics-count .count-icon{font-size:18px}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;border:none;box-shadow:0 4px 12px #00326d40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00326d59}.btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover{border-color:#9ca3af;background:#f9fafb}@media(max-width:1200px){.chapter-card-title{font-size:15px}.chapters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.subject-header-banner{padding:16px 20px;margin-bottom:20px}.subject-header-content{flex-wrap:wrap;gap:12px}.btn-back{order:-1;width:auto}.subject-info{width:100%;justify-content:center}.subject-icon-large{font-size:32px;padding:10px}.subject-details h1{font-size:18px}.subject-details p{font-size:12px}.section-title{font-size:18px;margin-bottom:16px}.chapters-grid{display:grid;grid-template-columns:1fr;gap:12px}.chapter-card{flex-direction:row;flex-wrap:wrap;padding:16px;gap:12px}.chapter-card-header{flex:0 0 auto}.chapter-icon{font-size:28px}.chapter-number-badge{padding:4px 10px;font-size:10px}.chapter-card-title{flex:1;font-size:14px;min-width:150px}.chapter-card-stats{gap:16px}.chapter-stat .stat-value{font-size:14px}.chapter-stat .stat-label{font-size:12px}.chapter-card-footer{margin-left:auto}.btn-view-topics{padding:8px 14px;font-size:12px}}@media(max-width:768px){.subject-header-banner{padding:14px 16px;border-radius:12px;margin-bottom:16px}.subject-header-content{flex-direction:column;align-items:center;text-align:center}.btn-back{align-self:flex-start;padding:6px 12px;font-size:12px}.subject-info{flex-direction:column;gap:10px}.subject-icon-large{font-size:28px;padding:10px;border-radius:10px}.subject-details h1{font-size:16px}.subject-details p{font-size:11px}.section-title{font-size:16px;gap:8px;margin-bottom:14px}.title-icon{font-size:20px}.chapters-grid{gap:10px}.chapter-card{padding:14px;gap:10px;border-radius:10px}.chapter-card:hover{transform:none}.chapter-card-header{display:flex;align-items:center;gap:10px;width:100%}.chapter-icon{font-size:24px}.chapter-number-badge{padding:3px 8px;font-size:9px;border-radius:10px}.chapter-card-title{flex:1;font-size:13px;font-weight:600;min-width:0}.chapter-card-stats{display:flex;width:100%;justify-content:flex-start;gap:16px;padding-left:34px}.chapter-stat{gap:4px}.chapter-stat .stat-icon{font-size:14px}.chapter-stat .stat-value{font-size:13px}.chapter-stat .stat-label{font-size:11px}.chapter-card-footer{width:100%;padding-left:34px}.has-materials{font-size:10px;padding:3px 8px}.btn-view-topics{flex:1;padding:10px 14px;font-size:12px;text-align:center;justify-content:center}.modal-overlay{padding:10px}.modal-content{max-height:95vh;border-radius:14px}.modal-header{padding:16px}.modal-header-content{gap:12px}.modal-chapter-icon{font-size:32px;padding:10px;border-radius:10px}.modal-chapter-badge{font-size:10px;padding:4px 10px}.modal-header h2{font-size:16px}.btn-close-modal{width:36px;height:36px;font-size:20px}.modal-body{padding:16px;max-height:calc(95vh - 150px)}.topics-list{gap:8px}.topic-list-item{padding:12px;border-radius:10px;flex-direction:row;align-items:center}.topic-number-badge{width:30px;height:30px;font-size:11px;border-radius:8px}.topic-item-title{font-size:13px}.topic-item-description{display:none}.btn-generate-topic{padding:8px 12px;font-size:11px;gap:4px}.modal-footer{padding:14px 16px}.topics-count{font-size:12px}.btn{padding:10px 18px;font-size:13px}}@media(max-width:480px){.subject-header-banner{padding:12px 14px}.subject-icon-large{font-size:24px;padding:8px}.subject-details h1,.section-title{font-size:14px}.chapter-card{padding:12px}.chapter-icon{font-size:20px}.chapter-card-title{font-size:12px}.chapter-card-stats{padding-left:30px;gap:12px}.chapter-stat .stat-value{font-size:12px}.chapter-stat .stat-label{font-size:10px}.chapter-card-footer{padding-left:30px}.btn-view-topics{padding:8px 12px;font-size:11px}.topic-list-item{flex-direction:column;gap:10px}.topic-item-left,.topic-item-right{width:100%}.btn-generate-topic{width:100%;justify-content:center}}.school-admin-dashboard-container{min-height:100vh;background:transparent;padding:0}.welcome-section{background:#fff;border-radius:8px;padding:25px 30px;margin-bottom:30px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #00000014}.welcome-section h2{font-size:24px;font-weight:600;color:#212529;margin:0 0 8px}.welcome-section p{font-size:14px;color:#6c757d;margin:0}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;box-shadow:0 1px 3px #00000014;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a;border-color:#8fc0a9}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stat-title{font-size:14px;font-weight:500;color:#6c757d;margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-icon{font-size:32px;opacity:.8}.stat-body{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:32px;font-weight:700;color:#212529;margin:0;line-height:1.2}.action-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center;box-shadow:0 1px 3px #00000014;transition:all .3s ease;height:100%;cursor:pointer}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:#8fc0a9}.action-icon{font-size:48px;margin-bottom:15px}.action-card h3{font-size:18px;font-weight:600;color:#212529;margin:0 0 10px}.action-card p{font-size:14px;color:#6c757d;margin:0}@media(max-width:768px){.welcome-section{padding:20px}.welcome-section h2{font-size:20px}.stat-card{padding:20px}.stat-value{font-size:24px}.action-card{padding:20px}}.standard-mapping-container{min-height:100vh;background:transparent;padding:0}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:0}.card-header{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.card-actions{display:flex;gap:10px;align-items:center}.standards-list{display:flex;flex-direction:column;gap:12px}.standard-item{padding:15px;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;background:#fff}.standard-item:hover,.standard-item.selected{border-color:#8fc0a9;background:#faf3dd}.standard-checkbox-label{display:flex;align-items:center;gap:15px;cursor:pointer;margin:0;width:100%}.standard-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#8fc0a9;flex-shrink:0}.standard-info{flex:1}.standard-name{font-size:16px;font-weight:600;color:#212529;margin:0 0 8px}.standard-alt-name{font-weight:400;color:#6c757d}.standard-meta{display:flex;align-items:center;gap:10px}.mapping-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mapping-badge.active{background:#d4edda;color:#155724}.mapping-badge.inactive{background:#fff3cd;color:#856404}.mapping-badge.unmapped{background:#e2e3e5;color:#383d41}.btn-sm{padding:8px 16px;font-size:13px}@media(max-width:768px){.card-header{flex-direction:column;align-items:flex-start}.card-actions{width:100%;flex-direction:column}.btn{width:100%}.standard-item{padding:12px}}.student-add-container{min-height:100vh;background:transparent;padding:0}.student-form{display:flex;flex-direction:column;gap:20px}.students-list-card .table-responsive{width:100%;overflow-x:auto}.teacher-add-container{min-height:100vh;background:transparent;padding:0}.info-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px 25px;margin-bottom:30px;box-shadow:0 1px 3px #00000014}.info-section p{margin:0;color:#6c757d;font-size:14px;line-height:1.6}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:30px}.card-header{padding:20px 25px;border-bottom:1px solid #e0e0e0}.card-title{font-size:18px;font-weight:600;color:#212529;margin:0}.card-body{padding:25px}.field-note{font-size:12px;color:#6b7280;margin:4px 0 0}.teacher-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group input,.form-group select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f9fafb;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8fc0a9;background:#fff;box-shadow:0 0 0 3px #8fc0a91a}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8fc0a9,#c8d5b9);color:#fff;box-shadow:0 2px 8px #8fc0a94d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8fc0a966}.standards-checkbox-list{display:flex;flex-wrap:wrap;gap:10px 16px;background:#f9fafb;border:1px dashed #cfd4dc;border-radius:8px;padding:15px;margin-top:6px}.standard-checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.standard-checkbox-item input{width:18px;height:18px;accent-color:#8fc0a9}.standards-badge-list{display:flex;flex-wrap:wrap;gap:6px}.standard-badge{background:#f0fdf4;color:#14532d;border:1px solid #86efac;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;display:flex;justify-content:space-between;flex-wrap:wrap}.generated-password{margin-left:10px;color:#155724}.teachers-list-card .table-responsive{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#faf3dd}.data-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.data-table td{padding:12px 16px;font-size:14px;color:#212529;border-bottom:1px solid #f0f0f0}.data-table tbody tr:hover{background:#faf3dd}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#e2e3e5;color:#383d41}.loading-state,.empty-state{padding:40px;text-align:center;color:#6c757d;font-size:14px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.card-body{padding:20px}.form-actions{flex-direction:column}.btn{width:100%}}.teacher-dashboard-container{min-height:100vh;background:transparent;padding:0}.welcome-section{padding:25px 30px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#212529;margin-bottom:30px;box-shadow:0 1px 3px #00000014}.welcome-section h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#212529}.welcome-section p{font-size:14px;margin:0;color:#6c757d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000014;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a;border-color:#00326d}.stat-icon{font-size:32px;width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:8px}.stat-content h3{font-size:14px;color:#666;margin:0 0 8px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.dashboard-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.content-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;box-shadow:0 1px 3px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.view-all-btn{background:transparent;border:none;color:#00326d;font-size:14px;font-weight:500;cursor:pointer;padding:0}.view-all-btn:hover{text-decoration:underline}.classes-list{display:flex;flex-direction:column;gap:16px}.class-card{border:1px solid #f0f0f0;border-radius:8px;padding:20px;transition:all .3s ease}.class-card:hover{border-color:#00326d;box-shadow:0 2px 8px #00326d1a}.class-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.class-header h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.class-standard{font-size:13px;color:#666;margin:0}.students-badge{background:#00326d;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.class-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.class-detail-item{display:flex;gap:8px;font-size:13px}.detail-label{color:#666;font-weight:500}.detail-value{color:#1a1a1a}.manage-class-btn{width:100%;background:#00326d;color:#fff;border:none;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-class-btn:hover{background:#002855}.sidebar-content{display:flex;flex-direction:column;gap:24px}.upcoming-classes-list{display:flex;flex-direction:column;gap:12px}.upcoming-class-item{display:flex;gap:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px;transition:all .2s ease}.upcoming-class-item:hover{border-color:#00326d;background:#f0f4ff}.class-time{display:flex;flex-direction:column;align-items:center;min-width:60px}.class-time .time{font-size:14px;font-weight:600;color:#00326d}.class-time .date{font-size:12px;color:#666}.class-details h4{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.class-details p{font-size:13px;color:#666;margin:0}.assessments-list{display:flex;flex-direction:column;gap:12px}.assessment-item{padding:16px;border:1px solid #f0f0f0;border-radius:8px;transition:all .2s ease}.assessment-item:hover{border-color:#00326d;background:#f0f4ff}.assessment-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.assessment-header h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.in-progress{background:#dbeafe;color:#1e40af}.assessment-subject{font-size:13px;color:#666;margin:0 0 8px}.assessment-progress{margin-bottom:8px}.progress-text{font-size:12px;color:#666;display:block;margin-bottom:4px}.progress-bar-container{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.assessment-due{font-size:12px;color:#999;margin:0 0 12px}.view-assessment-btn{background:transparent;border:none;color:#00326d;font-size:13px;font-weight:500;cursor:pointer;padding:0}.view-assessment-btn:hover{text-decoration:underline;color:#002855}@media(max-width:1200px){.dashboard-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.welcome-section{padding:20px}.welcome-section h2{font-size:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-content-grid{gap:24px}.content-section{padding:20px}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.welcome-section h2{font-size:20px}}.profile-container{min-height:100vh;background:transparent;padding:0}.profile-progress-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 1px 3px #00000014}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.progress-percentage{font-size:20px;font-weight:700;color:#00326d}.progress-bar-container{height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00326d,#0056b3);transition:width .3s ease;border-radius:6px}.progress-hint{font-size:13px;color:#666;margin:0}.profile-form-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:32px;margin:0 32px 32px;box-shadow:0 1px 3px #0000000d}.profile-info-section{display:flex;align-items:center;gap:24px;padding-bottom:32px;border-bottom:1px solid #f0f0f0;margin-bottom:32px}.profile-avatar{width:100px;height:100px;min-width:100px;border-radius:50%;overflow:hidden;border:3px solid #00326D;display:flex;align-items:center;justify-content:center;background:#f9fafb}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;font-size:36px;font-weight:700}.profile-basic-info h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.profile-basic-info p{font-size:16px;color:#666;margin:0}.profile-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f9fafb;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00326d;background:#fff;box-shadow:0 0 0 3px #00326d1a}.field-note{font-size:12px;color:#6b7280;margin:0}.form-group select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.file-input{padding:8px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:#00326d;background:#fff}.file-input:focus{outline:none;border-color:#00326d;box-shadow:0 0 0 3px #00326d1a}.file-hint{font-size:12px;color:#6b7280;margin-top:4px;margin-bottom:0}.photo-preview{margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.photo-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.remove-photo-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.remove-photo-btn:hover{background:#dc2626;transform:translateY(-1px)}.form-actions{display:flex;gap:12px;margin-top:10px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 2px 8px #00326d4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00326d66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;margin:0 32px 20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}@media(max-width:768px){.profile-progress-section,.profile-form-card{margin:20px 16px;padding:20px}.profile-info-section{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}}.assessment-container{min-height:100vh;background:transparent;padding:0}.assessment-header-actions{display:flex;justify-content:flex-end;margin-bottom:30px}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:30px}.assessment-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.assessment-card:hover{transform:translateY(-4px);box-shadow:0 4px 15px #0000001a;border-color:#00326d}.assessment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.assessment-type-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:8px}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-draft{background:#fef3c7;color:#92400e}.status-badge.status-completed{background:#dbeafe;color:#1e40af}.assessment-card-body{flex:1;margin-bottom:20px}.assessment-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.assessment-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item{display:flex;gap:8px;font-size:14px}.meta-label{color:#666;font-weight:500}.meta-value{color:#1a1a1a}.assessment-dates{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px}.date-item{display:flex;justify-content:space-between;font-size:13px}.date-label{color:#666;font-weight:500}.date-value{color:#1a1a1a;font-weight:600}.assessment-progress{margin-top:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;color:#666;font-weight:500}.progress-count{font-size:13px;color:#1a1a1a;font-weight:600}.progress-bar-container{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00326d,#0056b3);transition:width .3s ease}.assessment-card-footer{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-primary{background:#00326d;color:#fff}.btn-primary:hover{background:#002855;transform:translateY(-1px)}.btn-secondary:hover{background:#e5e7eb}.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:12px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.empty-state p{font-size:14px;color:#666;margin:0 0 24px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.loading-state{padding:40px;text-align:center;color:#666;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1a1a1a}.modal-body{padding:24px}.assessment-details{display:flex;flex-direction:column;gap:12px}.assessment-details p{margin:0;font-size:14px;color:#374151}.assessment-details strong{color:#1a1a1a;font-weight:600}@media(max-width:768px){.assessments-grid{grid-template-columns:1fr;gap:16px}.assessment-header-actions{justify-content:stretch}.assessment-header-actions .btn{width:100%}.assessment-card-footer{flex-direction:column}.modal-content{margin:20px}}.app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh}#root{min-height:100vh}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5;min-height:40px}.btn-sm{padding:8px 16px;font-size:13px;min-height:36px}.btn-lg{padding:12px 24px;font-size:16px;min-height:44px}.btn-primary{background:linear-gradient(135deg,#00326d,#0056b3);color:#fff;box-shadow:0 2px 8px #00326d33}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00326d4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}