@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@700;800;900&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--secondary: #F59E0B;--secondary-hover: #D97706;--accent: #10B981;--accent-hover: #059669;--student-main: #6366F1;--parent-main: #F43F5E;--teacher-main: #8B5CF6;--school-main: #0EA5E9;--bg-main: #F8FAFC;--surface: #FFFFFF;--text-main: #0F172A;--text-muted: #64748B;--border: #E2E8F0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(12px);--header-height: 80px}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-0{top:0!important}.left-0{left:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.inset-0{inset:0}.z-50{z-index:50!important}.z-\[1000\]{z-index:1000!important}.w-full{width:100%!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.dark{--bg-main: #0F172A;--surface: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--border: #334155}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0!important;padding:0!important;height:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:all .2s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.portal-view{min-height:100vh;width:100%}.dashboard-sidebar{width:250px;height:100vh;background:linear-gradient(180deg,#12151e,#0b0d13);border-right:1px solid rgba(255,255,255,.05);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:5000;padding:1.5rem 0;transition:transform .3s ease}.sidebar-brand-container{padding:0 1.5rem 2rem;text-align:center}.sidebar-logo-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.sidebar-logo-img{height:auto;max-height:70px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.sidebar-profile-card{margin:0 1rem 1rem;background:#ffffff0d;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.profile-image-container{position:relative;width:48px;height:48px}.profile-image-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-status-online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid #1e293b;border-radius:50%}.profile-details{flex:1;display:flex;align-items:center;justify-content:space-between}.profile-name-row{display:flex;flex-direction:column}.p-welcome{font-size:.75rem;color:#94a3b8}.p-name{font-weight:700}.profile-dropdown-btn{background:none;border:none;color:#94a3b8}.sidebar-nav-list{flex:1;display:flex;flex-direction:column;padding:0 1rem;gap:.15rem;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;margin:.1rem 0;border-radius:12px;color:#94a3b8;text-decoration:none;transition:all .25s ease;font-size:.85rem;font-weight:500}.sidebar-nav-item:hover{color:#fff;background:#ffffff08}.sidebar-nav-item.active{color:#818cf8;background:linear-gradient(90deg,#4f46e51f,#4f46e500);border-left:4px solid #4F46E5;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.active .nav-icon{color:#818cf8}.active .nav-arrow{color:#818cf8;opacity:.8}.nav-item-content{display:flex;align-items:center;gap:1rem}.nav-icon{opacity:.8}.nav-icon svg{width:18px;height:18px}.active .nav-icon{opacity:1}.nav-arrow{opacity:.4}.active .nav-arrow{opacity:1}.sidebar-bottom-actions{margin-top:auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-help-link{padding:0 1rem;margin-bottom:.5rem}.sidebar-bottom-actions{margin-top:auto;display:flex;flex-direction:column}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:none;color:#ffffffb3;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.sidebar-logout-btn:hover{color:#fff;background:#ffffff0d;border-radius:8px}@media(max-width:1024px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.show{transform:translate(0)}}.dashboard-top-nav{height:80px;background:#fff;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.top-nav-left{display:flex;align-items:center;gap:1.5rem;flex:1}.mobile-toggle-btn{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer}.search-bar-wrapper{max-width:600px;width:100%;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.25rem;color:var(--text-muted)}.search-bar-wrapper input{width:100%;padding:.875rem 1.25rem .875rem 3.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;font-size:.9rem;outline:none;transition:all .2s}.search-bar-wrapper input:focus{background:#fff;border-color:var(--primary);box-shadow:0 4px 12px #6366f114}.top-nav-right{display:flex;align-items:center;gap:2rem}.nav-action-icons{display:flex;align-items:center;gap:1.25rem;padding-right:2rem;border-right:1px solid #e2e8f0}.nav-icon-btn{background:none;border:none;color:#64748b;cursor:pointer;transition:color .2s;position:relative}.nav-icon-btn:hover{color:var(--primary)}.dot-indicator{position:absolute;top:0;right:0;width:8px;height:8px;background:#ef4444;border:2px solid white;border-radius:50%}.nav-user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer}.user-avatar-mini{width:40px;height:40px;border-radius:50%;overflow:hidden}.user-avatar-mini img{width:100%;height:100%;object-fit:cover}.user-text-meta{display:flex;align-items:center;gap:.5rem}.user-name{font-weight:700;color:#1e293b;font-size:.95rem}.user-dropdown-arrow{color:#64748b}@media(max-width:1024px){.dashboard-top-nav{padding:0 1rem}.mobile-toggle-btn{display:block}.nav-action-icons,.user-name{display:none}}.dashboard-wrapper{display:flex;min-height:100vh;background-color:var(--dashboard-main-bg);overflow-x:hidden}.dashboard-main-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width, 280px);min-width:0;transition:all .3s ease}.dashboard-page-container{padding:2rem 2rem 5rem;flex:1;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:4000;opacity:0;visibility:hidden;transition:all .3s ease}@media(max-width:1024px){.sidebar-overlay.show{display:block;opacity:1;visibility:visible}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;box-shadow:0 -4px 20px #00000014;z-index:1000;justify-content:space-around;align-items:center;border-top-left-radius:20px;border-top-right-radius:20px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:600;position:relative}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.65rem;padding:2px 5px;border-radius:10px;border:2px solid white}.dashboard-wrapper.portal-mode{flex-direction:column}.portal-content{padding:0!important;margin-bottom:0!important}.mobile-bottom-nav.student-portal-nav{height:auto;padding:.75rem .5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));border-radius:32px 32px 0 0;background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 -10px 40px #4f46e514;border-top:1px solid rgba(226,232,240,.8)}.mobile-bottom-nav.student-portal-nav .mobile-nav-item{gap:.25rem;padding:.6rem .75rem;border-radius:20px;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav.student-portal-nav .mobile-nav-item span{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.mobile-bottom-nav.student-portal-nav .mobile-nav-item.active{background:#eef2ff;color:#4f46e5;transform:translateY(-2px)}@media(max-width:1024px){.dashboard-page-container{padding:1rem 1rem 6rem}.mobile-bottom-nav{display:flex}.dashboard-main-content{margin-left:0}}:root{--lp-primary: #6366F1;--lp-primary-hover: #4F46E5;--lp-secondary: #EC4899;--lp-accent: #F59E0B;--lp-dark: #0F0B2E;--lp-text: #0f172a;--lp-muted: #64748b;--lp-surface: rgba(255, 255, 255, .85);--lp-border: rgba(226, 232, 240, .6)}.landing-page-v5{font-family:Outfit,Inter,sans-serif;color:var(--lp-text);overflow-x:hidden;background:#fafbff}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.animate-slide-up{animation:lpSlideUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes lpSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bounce-slow{animation:bounceSlow 5s ease-in-out infinite;will-change:transform}.bounce-slow-rev{animation:bounceSlow 6s ease-in-out infinite reverse;will-change:transform}@keyframes bounceSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.glass-card{background:var(--lp-surface);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #0000000f}.section-title{font-size:2.75rem;font-weight:900;margin-bottom:1rem;color:var(--lp-text);letter-spacing:-.03em;line-height:1.1}.section-subtitle{font-size:1.125rem;color:var(--lp-muted);max-width:600px;margin:0 auto;line-height:1.7;font-weight:500}.hero-section{position:relative;padding:14rem 0 12rem;overflow:hidden;background:linear-gradient(180deg,#0f0b2e,#1e1b4b 40%,#312e81);color:#fff}.hero-bg-shapes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;will-change:transform;pointer-events:none}.shape-1{width:600px;height:600px;background:linear-gradient(135deg,#818cf8,#c084fc);top:-150px;right:-100px;animation:shapeFloat1 15s ease-in-out infinite}.shape-2{width:500px;height:500px;background:linear-gradient(135deg,#f9a8d4,#fde68a);bottom:-150px;left:-200px;animation:shapeFloat2 18s ease-in-out infinite}@keyframes shapeFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.1)}}@keyframes shapeFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}@media(max-width:768px){.shape{filter:blur(40px);opacity:.25}.hero-section{padding:5rem 0 8rem}}.hero-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;position:relative;z-index:10}@media(min-width:768px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-content h1{font-size:3.5rem;font-weight:900;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.04em;color:#fff}@media(min-width:1024px){.hero-content h1{font-size:4.5rem}}@media(max-width:768px){.hero-content h1{font-size:2.5rem}}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#ec4899 40%,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-desc{font-size:1.15rem;line-height:1.7;color:#ffffffb3;margin-bottom:2.5rem;max-width:540px;font-weight:400}@media(max-width:768px){.hero-desc{font-size:1rem}}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.hero-actions{flex-direction:column;align-items:stretch}}.btn{display:inline-flex;justify-content:center;align-items:center;padding:1rem 2rem;border-radius:16px;font-size:1.05rem;font-weight:800;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff!important;border:none;box-shadow:0 8px 32px #6366f166}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 3s infinite}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #6366f180}.btn-outline{background:#ffffff1a;backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.25);color:#fff}.btn-outline:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-4px);box-shadow:0 16px 40px #0003}.hero-image-wrapper{position:relative;perspective:1000px}.hero-image-inner{position:relative;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.hero-image-inner:hover{transform:rotateY(0) rotateX(0)}.main-hero-img{width:100%;height:500px;border-radius:2rem;object-fit:cover;box-shadow:0 40px 80px #0000004d;border:3px solid rgba(255,255,255,.1)}.float-card{position:absolute;background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:1.25rem;border-radius:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid rgba(255,255,255,.5)}.float-card strong{display:block;font-size:.95rem;font-weight:800;color:var(--lp-text)}.float-card span{font-size:.8rem;color:var(--lp-muted);font-weight:600}.card-top-right{top:40px;right:-30px}.card-bottom-left{bottom:60px;left:-40px}.stats-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}.stats-section .stats-grid{background:#fff!important;border-radius:28px!important;box-shadow:0 20px 60px #6366f114,0 1px 3px #0000000a!important;border:1.5px solid rgba(99,102,241,.06)!important;padding:2.5rem!important;position:relative;overflow:hidden}.stats-section .stats-grid:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);border-radius:28px 28px 0 0}.stat-item h3{font-size:2.5rem;font-weight:900;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0 .5rem}.stat-item p{font-size:.9rem;font-weight:700;color:var(--lp-muted);text-transform:uppercase;letter-spacing:.06em}.stat-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.how-section{background:linear-gradient(180deg,#f8fafc,#eef2ff,#f8fafc)!important}.step-card{background:#fffc;backdrop-filter:blur(10px);padding:2.5rem 1.5rem;border-radius:28px;box-shadow:0 4px 20px #00000008;border:1.5px solid rgba(99,102,241,.06);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.step-card:hover{transform:translateY(-12px) scale(1.02);background:#fff;box-shadow:0 30px 60px -12px #6366f126;border-color:#6366f11f}.step-icon{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.step-card:hover .step-icon{transform:rotate(10deg) scale(1.05)}.step-number{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;box-shadow:0 4px 12px #0003}.bg-blue-50{background-color:#eff6ff}.text-blue-600{color:#2563eb}.border-blue-100{border-color:#dbeafe}.bg-purple-50{background-color:#faf5ff}.text-purple-600{color:#9333ea}.border-purple-100{border-color:#f3e8ff}.bg-orange-50{background-color:#fff7ed}.text-orange-600{color:#ea580c}.border-orange-100{border-color:#ffedd5}.bg-yellow-50{background-color:#fefce8}.text-yellow-600{color:#ca8a04}.border-yellow-100{border-color:#fef9c3}.bg-green-50{background-color:#f0fdf4}.text-green-600{color:#16a34a}.border-green-100{border-color:#dcfce7}.audience-section{background:#fff}.audience-card{will-change:transform;border-radius:28px;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#fff;box-shadow:0 8px 30px #0000000f;border:1.5px solid rgba(0,0,0,.04)!important;overflow:hidden}.audience-card:hover{transform:translateY(-15px) scale(1.01);box-shadow:0 30px 60px -12px #6366f11f}.audience-card .h-48{border-radius:28px 28px 0 0}.audience-card h3{margin-bottom:1.5rem}.audience-card ul li{font-size:.95rem}.cta-section{background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95 60%,#6d28d9)!important;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(236,72,153,.2) 0%,transparent 50%);z-index:0}.cta-section h2{background:linear-gradient(135deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;letter-spacing:-.03em}.cta-section .btn{border-radius:16px;font-weight:800}.lp-register-banner{background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24);padding:1.5rem 2rem;text-align:center;position:relative;z-index:20}.lp-register-banner p{font-size:1rem;font-weight:700;color:#92400e}.lp-register-banner a{color:#1e1b4b;font-weight:900;text-decoration:underline;margin-left:.5rem}.pricing-card{position:relative}.chat-container{display:flex;height:calc(100vh - 120px);background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden;border:1px solid #E2E8F0;font-family:Inter,sans-serif}.chat-sidebar{width:320px;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;background:#f8fafc}.chat-sidebar-header{padding:1.5rem;background:#fff;border-bottom:1px solid #E2E8F0}.chat-sidebar-header h2{font-family:Outfit;font-size:1.25rem;font-weight:800;color:#0f172a;margin:0 0 1rem}.chat-search{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.5rem .75rem;border-radius:10px;border:1px solid #E2E8F0}.chat-search input{border:none;background:transparent;outline:none;font-size:.85rem;width:100%}.chat-contact-list{flex:1;overflow-y:auto;padding:.5rem}.chat-contact-group{margin-bottom:1rem}.chat-group-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:#94a3b8;padding:.5rem 1rem;display:block;letter-spacing:.05em}.chat-contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.chat-contact-item:hover{background:#eef2ff}.chat-contact-item.active{background:#4f46e5;color:#fff}.chat-avatar{width:40px;height:40px;background:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#4338ca;flex-shrink:0}.chat-contact-item.active .chat-avatar{background:#fff3;color:#fff}.chat-contact-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-contact-info strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-info span{font-size:.75rem;color:#64748b}.chat-contact-item.active .chat-contact-info span{color:#ffffffb3}.chat-status-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.chat-status-dot.online{background:#10b981}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.chat-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid #E2E8F0;background:#fff}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-header-info h3{font-family:Outfit;font-size:1.05rem;font-weight:800;margin:0;color:#0f172a}.chat-header-info span{font-size:.75rem;color:#10b981;font-weight:600}.chat-header-actions{display:flex;gap:.5rem}.chat-header-actions button{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;background:#f8fafc;transition:all .2s}.chat-header-actions button:hover{background:#eef2ff;color:#4f46e5}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:1.25rem;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-blend-mode:overlay}.chat-safety-notice{align-self:center;background:#fef9c3;padding:.4rem .75rem;border-radius:8px;font-size:.7rem;color:#713f12;display:flex;align-items:center;gap:.4rem;border:1px solid #FEF08A}.chat-bubble-wrap{display:flex;flex-direction:column;max-width:75%}.chat-bubble-wrap.sent{align-self:flex-end}.chat-bubble-wrap.received{align-self:flex-start}.chat-bubble{padding:.75rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.5;position:relative;box-shadow:0 2px 5px #0000000d}.sent .chat-bubble{background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.received .chat-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:4px;border:1px solid #E2E8F0}.chat-meta{display:flex;align-items:center;gap:.25rem;font-size:.65rem;margin-top:.35rem;justify-content:flex-end}.sent .chat-meta{color:#ffffffb3}.received .chat-meta{color:#94a3b8}.chat-input-area{padding:1rem 1.5rem;background:#fff;border-top:1px solid #E2E8F0;display:flex;align-items:center;gap:.75rem}.chat-input-area input{flex:1;background:#f1f5f9;border:1px solid #E2E8F0;padding:.75rem 1rem;border-radius:12px;outline:none;font-size:.9rem}.chat-util-btn{color:#64748b;transition:color .2s}.chat-util-btn:hover{color:#4f46e5}.chat-send-btn{width:44px;height:44px;border-radius:12px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e540;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;background:#f8fafc}.chat-empty-icon{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 10px 25px #00000008}.chat-empty-state h2{color:#1e293b;font-family:Outfit;margin:0 0 .5rem}.chat-empty-hint{margin-top:1.5rem;background:#fff;padding:.75rem 1.5rem;border-radius:99px;font-size:.8rem;color:#64748b;font-weight:600;box-shadow:0 2px 10px #0000000d}.animate-fade-in{animation:sa-fade-in .3s ease-out}@keyframes sa-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.chat-sidebar{width:80px}.chat-sidebar h2,.chat-search,.chat-group-label,.chat-contact-info,.chat-status-dot{display:none}}.profile-view-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-color, #1e293b)}.profile-header-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;position:relative;border:1px solid #f1f5f9}.profile-cover-bg{height:160px;background:linear-gradient(135deg,#6366f1,#a855f7)}.profile-avatar-section{padding:0 2rem 2rem;margin-top:-60px;display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.profile-avatar-wrapper{position:relative;width:120px;height:120px}.profile-avatar-wrapper img{width:100%;height:100%;border-radius:24px;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.avatar-edit-btn{position:absolute;bottom:-5px;right:-5px;width:36px;height:36px;border-radius:50%;background:#6366f1;color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-header-info{flex:1;padding-bottom:.5rem}.profile-header-info h1{font-size:1.8rem;font-weight:800;margin:0;color:#1e293b;font-family:Outfit,sans-serif}.profile-role-tag{color:#64748b;font-weight:500;margin-top:.25rem}.profile-header-actions{display:flex;gap:.75rem;padding-bottom:.5rem}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;border:none}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.profile-content-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem}.profile-info-section{background:#fff;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #00000005;border:1px solid #f1f5f9}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:#334155;display:flex;align-items:center}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:16px;transition:transform .2s}.info-card:hover{transform:translateY(-2px)}.info-icon{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1;box-shadow:0 2px 6px #0000000d}.info-details{display:flex;flex-direction:column}.info-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.02em}.info-value{font-size:1rem;font-weight:600;color:#1e293b}.subscription-card{display:flex;gap:1.5rem;padding:1.5rem;background:linear-gradient(to right,#fdf4ff,#fff);border:1px solid #f5d0fe;border-radius:16px}.sub-card-icon{text-align:center;color:#a855f7}.sub-card-details{flex:1}.sub-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.profile-status-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-active{background:#dcfce7;color:#15803d}.status-expired{background:#fee2e2;color:#b91c1c}.status-date{margin-left:.5rem;font-weight:400;opacity:.8}.sub-desc{font-size:.9rem;color:#64748b;margin-bottom:1.25rem}.sub-manage-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.sub-manage-btn:hover{background:#f8fafc;border-color:#cbd5e1}.profile-menu-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 10px #00000005;border:1px solid #f1f5f9}.profile-menu-list{display:flex;flex-direction:column;gap:.25rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;width:100%;border:none;background:transparent;border-radius:10px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.menu-item:hover{background:#f1f5f9;color:#1e293b}.menu-item.logout-item{color:#ef4444}.menu-item.logout-item:hover{background:#fef2f2}.menu-divider{height:1px;background:#f1f5f9;margin:.5rem 0}.support-card{padding:1.5rem;background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 2px 10px #00000005;margin-top:1.5rem;display:flex;gap:1rem}.support-card svg{flex-shrink:0;color:#6366f1}.support-card h4{margin:0 0 .25rem;font-size:1rem;color:#1e293b}.support-card p{font-size:.85rem;color:#64748b;margin:0 0 1rem}.support-link{color:#6366f1;font-weight:600;background:transparent;border:none;padding:0;cursor:pointer;font-size:.85rem;text-decoration:underline}@media(max-width:968px){.profile-content-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-avatar-section{justify-content:center;text-align:center}.profile-header-actions{width:100%;justify-content:center}}.profile-view-container.dark-mode{background:#0f172a}.profile-view-container.dark-mode .profile-header-card,.profile-view-container.dark-mode .profile-info-section,.profile-view-container.dark-mode .profile-menu-section,.profile-view-container.dark-mode .support-card,.profile-view-container.dark-mode .info-card{background:#1e293b;border-color:#334155;color:#f8fafc}.profile-view-container.dark-mode .pref-modal-content{background:#1e293b;color:#f8fafc}.profile-view-container.dark-mode .section-title,.profile-view-container.dark-mode .info-value,.profile-view-container.dark-mode .profile-header-info h1,.profile-view-container.dark-mode .menu-item:not(.logout-item){color:#f8fafc}.profile-view-container.dark-mode .menu-item:hover{background:#334155}.profile-view-container.dark-mode .info-label,.profile-view-container.dark-mode .profile-role-tag,.profile-view-container.dark-mode .sub-desc{color:#94a3b8}.profile-pref-modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.pref-modal-content{background:#fff;padding:2.5rem;border-radius:24px;width:90%;max-width:450px;box-shadow:0 20px 50px #0003}.pref-modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:#1e293b}.pref-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f1f5f9}.pref-toggle-btn{background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.pref-close-btn{margin-top:2rem;width:100%;padding:.8rem;background:#1e293b;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer}.avatar-loader{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;border-radius:50%}.hidden{display:none}.pd-app{min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding-bottom:80px}.pd-header{background:linear-gradient(135deg,#0f172a,#1e3a8a,#4338ca);padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:100}.pd-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}.pd-header-left{display:flex;align-items:center;gap:.5rem}.pd-logo-icon{width:34px;height:34px;background:#ffffff26;backdrop-filter:blur(8px);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.pd-logo-text{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;color:#fff;display:none}@media(min-width:480px){.pd-logo-text{display:block}}.pd-header-welcome{font-size:.8rem;font-weight:700;color:#ffffffe6;margin:0}.pd-header-right{display:flex;align-items:center;gap:.5rem}.pd-header-btn{position:relative;width:34px;height:34px;background:#ffffff1f;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.pd-header-btn:hover{background:#fff3}.pd-notif-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:2px solid #1E3A8A;animation:pd-pulse 2s infinite}@keyframes pd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.pd-header-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.pd-content{flex:1;padding:1.25rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}.pd-section{display:flex;flex-direction:column;gap:.875rem;animation:pdSlideUp .4s ease-out both}.pd-section:nth-child(2){animation-delay:.05s}.pd-section:nth-child(3){animation-delay:.1s}@keyframes pdSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pd-section-h{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;margin:0}.pd-child-selector{position:relative;animation:pdSlideUp .3s ease-out}.pd-child-dropdown{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1rem 1.25rem;border-radius:20px;border:1px solid #E2E8F0;box-shadow:0 2px 10px #0000000a;cursor:pointer;transition:border-color .2s}.pd-child-dropdown:hover{border-color:#4338ca}.pd-child-selected{display:flex;align-items:center;gap:.75rem}.pd-child-av{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #E2E8F0}.pd-child-selected strong{display:block;font-size:.95rem;font-weight:800;color:#0f172a}.pd-child-selected span{font-size:.7rem;color:#64748b;font-weight:500}.pd-dd-arrow{color:#94a3b8;transition:transform .3s}.pd-dd-open{transform:rotate(180deg)}.pd-child-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:50;background:#fff;border-radius:18px;border:1px solid #E2E8F0;box-shadow:0 12px 36px #0000001a;padding:.5rem;animation:pdDropIn .2s ease-out}@keyframes pdDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pd-child-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:14px;cursor:pointer;transition:background .2s}.pd-child-option:hover{background:#f8fafc}.pd-child-active{background:#eef2ff}.pd-child-opt-av{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #E2E8F0}.pd-child-option strong{font-size:.85rem;font-weight:700;color:#0f172a;display:block}.pd-child-option span{font-size:.65rem;color:#64748b}.pd-check{color:#4338ca;margin-left:auto}.pd-child-avatars{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}.pd-av-btn{width:40px;height:40px;border-radius:50%;overflow:hidden;border:3px solid transparent;transition:all .3s;cursor:pointer;box-shadow:0 2px 6px #00000014}.pd-av-btn img{width:100%;height:100%;object-fit:cover}.pd-av-active{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca33}.pd-perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pd-perf-card{background:#fff;padding:1.25rem;border-radius:20px;display:flex;flex-direction:column;gap:.3rem;border:1px solid #F1F5F9;box-shadow:0 2px 10px #0000000a;transition:transform .25s}.pd-perf-card:active{transform:scale(.97)}.pd-perf-val{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.pd-perf-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.pd-chart-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9}.pd-chart-card h4{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:#64748b;margin:0 0 .75rem}.pd-line-chart{padding:.25rem 0 .75rem}.pd-svg{width:100%;height:auto}.pd-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:.5rem;padding:0 .25rem;margin-bottom:1rem}.pd-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end}.pd-bar-bg{width:100%;max-width:32px;height:100%;background:#f1f5f9;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end}.pd-bar-val{width:100%;background:linear-gradient(to top,#1e3a8a,#4338ca);border-radius:6px;animation:pdBarGrow .8s ease-out forwards}@keyframes pdBarGrow{0%{height:0%}}.pd-bar-col span{font-size:.6rem;font-weight:700;color:#94a3b8}.pd-detail-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.75rem;background:#f8fafc;border-radius:14px;border:1px solid #E2E8F0;font-size:.8rem;font-weight:700;color:#4338ca;transition:background .2s}.pd-detail-btn:hover{background:#eef2ff}.pd-reading-card{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9;overflow:hidden}.pd-read-row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #F8FAFC;transition:background .2s}.pd-read-row:last-of-type{border-bottom:none}.pd-read-row:hover{background:#fafbfc}.pd-read-thumb{width:42px;height:56px;border-radius:8px;object-fit:cover;box-shadow:0 2px 6px #00000014;flex-shrink:0}.pd-read-info{flex:1}.pd-read-info strong{display:block;font-size:.85rem;font-weight:700;color:#0f172a}.pd-read-info span{font-size:.65rem;color:#94a3b8;font-weight:500}.pd-read-score{font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;color:#10b981;background:#ecfdf5;padding:.2rem .6rem;border-radius:8px}.pd-badges-card{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9}.pd-badges-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.pd-badge-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem;background:#f8fafc;border-radius:16px;min-width:80px;flex:1;transition:transform .2s}.pd-badge-item:hover{transform:translateY(-2px)}.pd-badge-icon{font-size:1.75rem}.pd-badge-title{font-size:.6rem;font-weight:700;color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.04em}.pd-badge-progress{background:#f8fafc;padding:1rem;border-radius:14px;border:1px dashed #CBD5E1}.pd-bp-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pd-bp-text span{font-size:.8rem;font-weight:700;color:#0f172a}.pd-bp-pct{font-family:Outfit,sans-serif;font-weight:900;color:#4338ca}.pd-bp-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.pd-bp-fill{height:100%;background:linear-gradient(90deg,#4338ca,#7c3aed);border-radius:999px;transition:width 1.2s ease}.pd-bp-hint{font-size:.7rem;color:#94a3b8;margin:.35rem 0 0;font-weight:600}.pd-subject-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9}.pd-subject-layout{display:flex;align-items:center;gap:2rem}.pd-pie-wrap{width:120px;height:120px;flex-shrink:0}.pd-pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.pd-pie-segment{transition:stroke-dashoffset .8s ease}.pd-subject-legend{flex:1;display:flex;flex-direction:column;gap:.75rem}.pd-legend-row{display:flex;align-items:center;gap:.5rem}.pd-legend-dot{width:10px;height:10px;border-radius:4px;flex-shrink:0}.pd-legend-name{flex:1;font-size:.8rem;font-weight:600;color:#64748b}.pd-legend-row strong{font-family:Outfit,sans-serif;font-size:1rem;font-weight:900}.pd-msg-btns{display:flex;gap:.75rem}.pd-msg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:16px;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s}.pd-msg-btn:active{transform:scale(.96)}.msg-primary{background:linear-gradient(135deg,#1e3a8a,#4338ca);color:#fff;box-shadow:0 4px 12px #1e3a8a40}.msg-outline{background:#fff;color:#4338ca;border:1.5px solid #C7D2FE;box-shadow:0 2px 8px #0000000a}.pd-back-btn{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:#4338ca;padding:.35rem 0;margin-bottom:.25rem}.pd-report-hero{text-align:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:24px;padding:2.5rem 1.5rem;color:#fff;box-shadow:0 8px 24px #0f172a59;animation:pdSlideUp .4s ease-out}.pd-rh-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);margin-bottom:1rem}.pd-report-hero h2{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:900;margin:0 0 .25rem}.pd-report-hero p{font-size:.8rem;opacity:.7;margin:0}.pd-report-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pd-rstat{background:#fff;padding:1.125rem;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:1px solid #F1F5F9;box-shadow:0 2px 8px #0000000a}.pd-rstat strong{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:900;color:#0f172a}.pd-rstat span{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.pd-si-row{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:480px){.pd-si-row{grid-template-columns:repeat(2,1fr)}}.pd-si-card{padding:1.25rem;border-radius:18px}.pd-si-card h4{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;margin:0 0 .75rem}.si-green{background:#ecfdf5}.si-green h4{color:#059669}.si-orange{background:#fef3c7}.si-orange h4{color:#d97706}.pd-si-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.5rem}.si-green .pd-si-item svg{color:#059669}.si-orange .pd-si-item svg{color:#d97706}.pd-download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#1e3a8a,#4338ca);color:#fff;border-radius:16px;font-size:.9rem;font-weight:800;box-shadow:0 6px 20px #1e3a8a4d;transition:transform .2s}.pd-download-btn:hover{transform:translateY(-2px)}.pd-download-btn:active{transform:scale(.97)}.pd-rank-hero{text-align:center;background:linear-gradient(135deg,#92400e,#f59e0b);border-radius:24px;padding:2rem 1.5rem;color:#fff;box-shadow:0 8px 24px #f59e0b4d;animation:pdSlideUp .3s ease-out}.pd-rank-hero svg{margin-bottom:.5rem;opacity:.9}.pd-rank-hero h2{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;margin:0}.pd-rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.pd-rank-card{padding:1.125rem .75rem;border-radius:18px;text-align:center;color:#fff;transition:transform .2s}.pd-rank-card:active{transform:scale(.96)}.rc-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.rc-indigo{background:linear-gradient(135deg,#4338ca,#7c3aed)}.rc-gold{background:linear-gradient(135deg,#92400e,#f59e0b)}.pd-rc-label{display:block;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin-bottom:.25rem}.pd-rc-val{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900}.pd-lb-card{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9;overflow:hidden}.pd-lb-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid #F8FAFC;transition:background .2s}.pd-lb-row:last-child{border-bottom:none}.pd-lb-me{background:#eef2ff;border-left:3px solid #4338CA}.pd-lb-rank{width:26px;height:26px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#64748b}.rank-1{background:#f59e0b;color:#fff}.pd-lb-info{flex:1}.pd-lb-info strong{display:block;font-size:.85rem;font-weight:700;color:#0f172a}.pd-lb-info span{font-size:.65rem;color:#64748b}.pd-lb-trophy{font-size:1.25rem}.pd-reward-history{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000000a;border:1px solid #F1F5F9;overflow:hidden}.pd-rh-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #F8FAFC}.pd-rh-item:last-child{border-bottom:none}.pd-rh-icon{font-size:1.5rem}.pd-rh-title{font-size:.85rem;font-weight:700;color:#0f172a}.pd-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #E2E8F0;border-radius:20px 20px 0 0;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-around;z-index:200;box-shadow:0 -4px 24px #0000000f}.pd-bnav-btn{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.35rem .5rem;border-radius:12px;color:#94a3b8;transition:all .25s}.pd-bnav-btn span{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pd-bnav-on{color:#4338ca;background:#eef2ff}@media(min-width:768px){.pd-content{padding:2rem;gap:2rem}.pd-perf-grid{grid-template-columns:repeat(4,1fr)}.pd-bottom-nav{display:none}.pd-app{padding-bottom:2rem}.pd-msg-btns{max-width:500px}}.pd-av-add{background:#eef2ff;border:2px dashed #C7D2FE;display:flex;align-items:center;justify-content:center;color:#4338ca;transition:all .2s}.pd-av-add:hover{background:#e0e7ff;border-color:#4338ca}.pd-faq-list{display:flex;flex-direction:column;gap:.75rem}.pd-faq-item{background:#fff;border-radius:18px;border:1px solid #F1F5F9;box-shadow:0 4px 15px #0000000a;overflow:hidden;transition:box-shadow .25s,border-color .25s}.pd-faq-item:hover{box-shadow:0 8px 25px #00000014;border-color:#e0e7ff}.pd-faq-details{width:100%}.pd-faq-summary{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:#1e293b;cursor:pointer;list-style:none;user-select:none;transition:background .2s,color .2s}.pd-faq-summary::-webkit-details-marker{display:none}.pd-faq-summary:hover{background:#f8fafc;color:#4338ca}.pd-faq-chevron{transition:transform .3s ease;color:#94a3b8;flex-shrink:0}.pd-faq-details[open] .pd-faq-chevron{transform:rotate(180deg);color:#4338ca}.pd-faq-details[open] .pd-faq-summary{color:#4338ca;border-bottom:1px solid #F1F5F9}.pd-faq-answer{padding:1.25rem 1.5rem;font-size:.875rem;color:#64748b;line-height:1.7;margin:0;background:#fafbfc;animation:pdDropIn .3s ease}.pd-modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:pdFadeIn .2s ease}@keyframes pdFadeIn{0%{opacity:0}to{opacity:1}}.pd-modal{background:#fff;border-radius:24px;width:100%;max-width:420px;box-shadow:0 24px 60px #0003;animation:pdDropIn .3s ease;overflow:hidden}.pd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #F1F5F9}.pd-modal-header h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;margin:0}.pd-modal-close{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#f8fafc;border:none;cursor:pointer;transition:all .2s}.pd-modal-close:hover{background:#fee2e2;color:#ef4444}.pd-modal-body{padding:1.5rem}.pd-add-child-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:1rem}.pd-add-child-icon{position:absolute;left:1rem;color:#94a3b8}.pd-add-child-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #E2E8F0;border-radius:14px;font-size:.9rem;font-family:Inter,sans-serif;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s}.pd-add-child-input:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;background:#fff}.pd-add-child-error{color:#ef4444;font-size:.8rem;font-weight:600;margin:0 0 .75rem;padding:.5rem .75rem;background:#fef2f2;border-radius:10px}.pd-add-child-success{color:#10b981;font-size:.8rem;font-weight:600;margin:0 0 .75rem;padding:.5rem .75rem;background:#ecfdf5;border-radius:10px}.pd-add-child-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#1e3a8a,#4338ca);color:#fff;border:none;border-radius:14px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #1e3a8a40}.pd-add-child-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e3a8a59}.pd-available-ids{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #F1F5F9}.pd-id-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pd-id-chip{padding:.35rem .65rem;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:8px;font-size:.7rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.pd-id-chip:hover{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.pd-sub-status-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.pd-sub-status-badge:hover{transform:translateY(-2px);filter:brightness(1.05)}.pd-plan-option{transition:all .2s ease}.pd-plan-option:hover{transform:scale(1.02);border-color:#4f46e5!important}.pd-plan-on{border-color:#4f46e5!important;background:#f5f3ff!important;box-shadow:0 4px 12px #4f46e51a}.animate-fade-in{animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark-mode .pd-app{background:#0f172a;color:#f1f5f9}.dark-mode .pd-section-h{color:#f8fafc}.dark-mode .pd-child-dropdown,.dark-mode .pd-perf-card,.dark-mode .pd-chart-card,.dark-mode .pd-reading-card,.dark-mode .pd-badges-card,.dark-mode .pd-subject-card,.dark-mode .pd-child-list{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .pd-child-selected strong,.dark-mode .pd-perf-val,.dark-mode .pd-read-info strong,.dark-mode .pd-bp-text span,.dark-mode .pd-legend-row strong{color:#f8fafc}.dark-mode .pd-child-selected span,.dark-mode .pd-perf-lbl,.dark-mode .pd-chart-card h4,.dark-mode .pd-read-info span,.dark-mode .pd-badge-title,.dark-mode .pd-bp-hint,.dark-mode .pd-legend-name{color:#94a3b8}.dark-mode .pd-child-option:hover{background:#334155}.dark-mode .pd-read-row{border-bottom-color:#334155}.dark-mode .pd-badge-item,.dark-mode .pd-badge-progress,.dark-mode .pd-detail-btn{background:#334155;border-color:#475569}.dark-mode .pd-bar-bg{background:#475569}.sd-logo-icon{position:relative;width:65px;height:65px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.sd-logo-icon-img{width:65px;height:65px;object-fit:contain}.sd-logo-sparkle{position:absolute;top:-12px;right:-12px;color:#facc15;animation:sparkleFloat 3s ease-in-out infinite;z-index:10}.sd-logo-text h1{font-family:Outfit,sans-serif;letter-spacing:-.02em}.sd-logo-badge{text-transform:uppercase;letter-spacing:.15em;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.sd-logo-custom{gap:.75rem}.sd-logo-icon{width:50px;height:50px}.sd-logo-icon-img{width:45px;height:45px}.sd-logo-text h1{font-size:1.2rem!important}}.pd-profile-screen-wrap{margin:-1.25rem;width:calc(100% + 2.5rem);background:#fff;min-height:calc(100vh - 140px)}.pd-app.dark-mode .pd-profile-screen-wrap{background:#0f172a}.pd-app.dark-mode{background:#020617;color:#f8fafc}.pd-app.dark-mode .pd-section-h{color:#f8fafc}.pd-app.dark-mode .pd-child-dropdown,.pd-app.dark-mode .pd-perf-card,.pd-app.dark-mode .pd-chart-card,.pd-app.dark-mode .pd-reading-card,.pd-app.dark-mode .pd-badges-card,.pd-app.dark-mode .pd-subject-card,.pd-app.dark-mode .pd-lb-card,.pd-app.dark-mode .pd-rstat,.pd-app.dark-mode .pd-si-card,.pd-app.dark-mode .pd-modal{background:#1e293b;border-color:#334155;color:#f8fafc}.pd-app.dark-mode .pd-child-dropdown:hover{border-color:#6366f1}.pd-app.dark-mode .pd-child-selected strong,.pd-app.dark-mode .pd-perf-val,.pd-app.dark-mode .pd-read-info strong,.pd-app.dark-mode .pd-read-score,.pd-app.dark-mode .pd-badge-title,.pd-app.dark-mode .pd-legend-name,.pd-app.dark-mode .pd-lb-info strong,.pd-app.dark-mode .pd-rh-title,.pd-app.dark-mode .pd-rstat strong,.pd-app.dark-mode .pd-si-card h4,.pd-app.dark-mode .pd-modal-header h3{color:#f8fafc}.pd-app.dark-mode .pd-child-selected span,.pd-app.dark-mode .pd-perf-lbl,.pd-app.dark-mode .pd-read-info span,.pd-app.dark-mode .pd-bp-hint,.pd-app.dark-mode .pd-lb-info span,.pd-app.dark-mode .pd-rstat span,.pd-app.dark-mode .pd-si-item{color:#94a3b8}.pd-app.dark-mode .pd-chart-card h4{color:#cbd5e1}.pd-app.dark-mode .pd-read-row,.pd-app.dark-mode .pd-lb-row,.pd-app.dark-mode .pd-rh-item,.pd-app.dark-mode .pd-faq-item{border-bottom-color:#334155}.pd-app.dark-mode .pd-bottom-nav{background:#0f172ae6;border-top-color:#1e293b}.pd-app.dark-mode .pd-bnav-btn{color:#64748b}.pd-app.dark-mode .pd-bnav-on{color:#818cf8}.pd-app.dark-mode .pd-faq-summary{color:#f8fafc}.pd-app.dark-mode .pd-faq-answer{color:#94a3b8}.pd-app.dark-mode .pd-modal-overlay{background:#000c}.quiz-container{padding-top:1rem}@media(min-width:768px){.quiz-container{padding-top:4rem}}.option-btn-v4:not(:disabled):hover{transform:translate(10px)}.result-card{background:#fff;box-shadow:0 50px 150px -30px #0003}@keyframes starPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.stars-animation>svg{animation:starPulse 2s infinite ease-in-out}@media(max-width:1024px){.quiz-main-grid{grid-template-columns:1fr}.question-card{padding:2rem}.q-number{top:-20px;left:50%;transform:translate(-50%)}.quiz-header{flex-direction:column;align-items:flex-start}}.svp-app{min-height:100vh;background:#f8fafc;color:#1e293b;font-family:Outfit,sans-serif;padding:0}.svp-header{display:flex;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:2px solid #F1F5F9}.svp-back{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#475569;font-weight:700;margin-right:2rem}.svp-title-info h1{font-size:1.25rem;font-weight:900;margin:0}.svp-level-badge{font-size:.75rem;font-weight:800;color:#3b82f6;background:#eff6ff;padding:.2rem .6rem;border-radius:99px;margin-top:.2rem;display:inline-block}.svp-main{max-width:1400px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr 350px;gap:2rem}.svp-player-container{position:relative;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px -10px #0003;aspect-ratio:16 / 9}.svp-video{width:100%;height:100%;object-fit:contain;cursor:pointer}.svp-play-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;cursor:pointer}.svp-play-btn-huge{width:120px;height:120px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px #3b82f699}.svp-play-overlay:hover .svp-play-btn-huge{transform:scale(1.15)}.svp-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000000e6,#0000);padding:4rem 2rem 2rem;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:none}.svp-controls.visible,.svp-player-container:hover .svp-controls{opacity:1;pointer-events:auto}.svp-progress-area{margin-bottom:.5rem}.svp-seek-bar{width:100%;height:6px;background:#fff3;border-radius:99px;appearance:none;cursor:pointer;overflow:hidden}.svp-seek-bar::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#3b82f6;border-radius:50%;box-shadow:-400px 0 0 400px #3b82f6}.svp-time-row{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:#ffffffb3;margin-top:.4rem}.svp-btns-row{display:flex;align-items:center;justify-content:space-between}.svp-btns-left,.svp-btns-right{display:flex;align-items:center;gap:1rem}.svp-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.svp-btn:hover{background:#ffffff1a}.svp-volume-wrap{display:flex;align-items:center;gap:.5rem}.svp-vol-slider{width:0;height:4px;background:#fff3;border-radius:99px;appearance:none;cursor:pointer;transition:width .3s ease}.svp-volume-wrap:hover .svp-vol-slider{width:60px}.svp-info-panel{background:#fff;padding:2rem;border-radius:24px;border:2px solid #F1F5F9}.svp-info-sec{margin-bottom:2rem}.svp-info-sec h3{font-size:1rem;font-weight:900;margin-bottom:.75rem}.svp-info-sec p{font-size:.9rem;line-height:1.6;color:#64748b}.svp-stars{display:flex;align-items:center;gap:.5rem}.svp-star-text{margin-left:.5rem;font-weight:700;font-size:.85rem}.svp-curriculum{background:#f8fafc;padding:1rem;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.svp-quiz-overlay,.svp-reward-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.svp-quiz-card{background:#fff;width:400px;padding:2rem;border-radius:24px;text-align:center;box-shadow:0 20px 50px #0000004d}.svp-quiz-q svg{color:#3b82f6;margin-bottom:1rem}.svp-quiz-q h3{font-size:1.5rem;font-weight:900}.svp-quiz-q p{margin:1rem 0 2rem;color:#475569;font-weight:600}.svp-quiz-options{display:flex;flex-direction:column;gap:.75rem}.svp-opt-btn{padding:1rem;border:2px solid #E2E8F0;border-radius:12px;font-family:Outfit;font-weight:800;background:#fff;cursor:pointer;transition:all .2s}.svp-opt-btn:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6;transform:translateY(-2px)}.svp-reward-card{text-align:center;color:#fff}.svp-reward-card h2{font-size:3rem;font-weight:900;margin:1rem 0 .5rem}.svp-reward-card p{font-size:1.5rem;font-weight:700;opacity:.8}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop{animation:pop .3s forwards}@media(max-width:992px){.svp-main{grid-template-columns:1fr}}.svp-ai-stage{position:relative;width:100%;height:100%;background:#000}.svp-ai-frame{width:100%;height:100%;object-fit:contain;animation:zoomIn 10s linear infinite alternate}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}.svp-ai-frame-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#475569;font-size:1.25rem;font-weight:700}.svp-ai-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;padding:1.5rem 2rem;background:#000000d9;backdrop-filter:blur(12px);border-radius:16px;color:#fff;text-align:center;font-size:1.15rem;font-weight:800;line-height:1.4;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;z-index:20}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.svp-player-container.fs-fixed{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#000!important;border-radius:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.svp-player-container.fs-fixed .svp-video,.svp-player-container.fs-fixed .svp-ai-stage{height:100%!important;width:100%!important}.svp-player-container:fullscreen,.svp-player-container:-webkit-full-screen,.svp-player-container:-moz-full-screen,.svp-player-container:-ms-fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;background:#000!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.svp-player-container:fullscreen .svp-video,.svp-player-container:-webkit-full-screen .svp-video,.svp-player-container:-moz-full-screen .svp-video,.svp-player-container:fullscreen .svp-ai-stage{width:100%!important;height:100%!important;object-fit:contain!important}.sd-app{min-height:100vh;background:linear-gradient(180deg,#f0f4ff,#fff7ed,#fdf2f8,#f0fdf4,#f8fafc);background-size:100% 400%;animation:gradientShift 20s ease infinite;display:flex;flex-direction:column;font-family:Inter,sans-serif;padding-bottom:90px;-webkit-font-smoothing:antialiased}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}.sd-header{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#f43f5e);background-size:200% 200%;animation:headerGlow 8s ease infinite;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:100;border-radius:0 0 28px 28px;box-shadow:0 8px 32px #8b5cf659,0 2px 8px #ec489933;overflow:visible}.sd-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);animation:headerShine 6s linear infinite;pointer-events:none}@keyframes headerGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes headerShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}.sd-logo-custom{display:flex;align-items:center;gap:1.25rem;padding:.5rem 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sd-logo-custom:hover{transform:translateY(-2px);filter:brightness(1.1)}.sd-logo-icon{position:relative;width:65px;height:65px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.sd-logo-icon-img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.sd-logo-sparkle{position:absolute;top:-12px;right:-12px;color:#facc15;filter:drop-shadow(0 0 12px rgba(250,204,21,.6));animation:sparkleFloat 3s ease-in-out infinite;z-index:10}@keyframes sparkleFloat{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.sd-logo-text{display:flex;flex-direction:column;justify-content:center}.sd-logo-text h1{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;color:#fff;margin:0;line-height:1;letter-spacing:-.02em;text-shadow:0 4px 15px rgba(0,0,0,.15)}.sd-text-yellow{color:#facc15;font-weight:900}.sd-logo-badge{margin-top:.25rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#fffc;background:#ffffff1a;padding:2px 10px;border-radius:6px;width:fit-content;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.sd-logo-custom{gap:.75rem}.sd-logo-icon{width:50px;height:50px}.sd-logo-svg{width:35px;height:35px}.sd-logo-text h1{font-size:1.6rem}.sd-logo-badge{font-size:.6rem;padding:1px 8px}}.sd-header-right{display:flex;align-items:center;gap:.75rem}.sd-header-btn{position:relative;width:42px;height:42px;background:#ffffff2e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.12)}.sd-header-btn:hover{background:#ffffff4d;transform:scale(1.08);box-shadow:0 4px 16px #0000001a}.sd-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid #4F46E5}.sd-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.4)}.sd-content{flex:1;padding:1.25rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}.sd-search-bar{position:relative;margin-top:-.5rem}.sd-search-bar input{width:100%;padding:.95rem 3rem .95rem 1.25rem;background:#ffffffe6;backdrop-filter:blur(12px);border:2px solid rgba(99,102,241,.1);border-radius:18px;font-size:.9rem;color:#1e293b;font-family:Inter,sans-serif;box-shadow:0 4px 16px #6366f10f,inset 0 1px 2px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.sd-search-bar input::placeholder{color:#a5b4fc;font-weight:500}.sd-search-bar input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f,0 8px 24px #6366f11a;background:#fff}.sd-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.sd-welcome-card{background:linear-gradient(135deg,#fffffff2,#eef2ffe6);backdrop-filter:blur(16px);border-radius:28px;padding:1.75rem;box-shadow:0 8px 32px #6366f114,0 1px 3px #0000000a;border:1.5px solid rgba(99,102,241,.08);position:relative;overflow:hidden}.sd-welcome-card:after{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);pointer-events:none}.sd-welcome-text h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem}.sd-welcome-text p{font-size:.85rem;color:#64748b;margin:0;font-weight:500}.sd-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem}.sd-stat-card{display:flex;flex-direction:column;align-items:center;padding:1.1rem .5rem;border-radius:22px;gap:.35rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0000000a;border:1.5px solid transparent;position:relative;overflow:hidden}.sd-stat-card:before{content:"";position:absolute;inset:0;background:inherit;opacity:.5;filter:blur(20px);z-index:-1}.sd-stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 28px #0000001a}.sd-stat-card:active{transform:scale(.95)}.stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-color:#3b82f626}.stat-gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border-color:#f59e0b26}.stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-color:#10b98126}.sd-stat-num{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.sd-stat-lbl{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.sd-section{display:flex;flex-direction:column;gap:.875rem}.sd-section-title{display:flex;justify-content:space-between;align-items:center}.sd-section-title h3{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:900;color:#1e293b;margin:0;position:relative}.sd-see-all{font-size:.75rem;font-weight:800;color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f5f3ff);padding:.4rem .85rem;border-radius:10px;transition:all .3s;border:1px solid rgba(99,102,241,.08)}.sd-see-all:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #6366f140;border-color:transparent}.sd-continue-card{background:#fffffff2;backdrop-filter:blur(16px);border-radius:26px;padding:1.25rem;box-shadow:0 8px 32px #6366f114;border:1.5px solid rgba(99,102,241,.06);display:flex;gap:1.25rem;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sd-continue-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#8b5cf6,#ec4899);border-radius:0 4px 4px 0}.sd-continue-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f11f}.sd-continue-card:active{transform:scale(.98)}.sd-continue-cover{width:90px;height:130px;object-fit:cover;border-radius:14px;box-shadow:0 4px 12px #0000001f;flex-shrink:0}.sd-continue-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.sd-continue-info h4{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#1e293b;margin:0}.sd-continue-author{font-size:.8rem;color:#64748b;margin:0}.sd-progress-wrap{display:flex;flex-direction:column;gap:.25rem}.sd-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.sd-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#ec4899);background-size:200% 100%;animation:progressShimmer 3s linear infinite;border-radius:999px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #8b5cf666}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sd-progress-text{font-size:.7rem;color:#94a3b8;font-weight:600}.sd-resume-btn{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;padding:.7rem 1.3rem;border-radius:14px;font-size:.8rem;font-weight:700;box-shadow:0 6px 20px #6366f159;transition:all .3s cubic-bezier(.34,1.56,.64,1);align-self:flex-start}.sd-resume-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px #6366f173}.sd-resume-btn:active{transform:scale(.96)}.sd-carousel-arrows{display:flex;gap:.375rem}.sd-arrow-btn{width:32px;height:32px;border-radius:10px;background:#fff;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.sd-arrow-btn:hover{border-color:#4f46e5;color:#4f46e5;box-shadow:0 2px 8px #4f46e526}.sd-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.25rem 0 .5rem}.sd-carousel::-webkit-scrollbar{display:none}.sd-pop-book-card{min-width:155px;max-width:155px;background:#fffffff2;backdrop-filter:blur(12px);border-radius:24px;padding:.875rem;box-shadow:0 6px 24px #0000000f;border:1.5px solid rgba(99,102,241,.06);scroll-snap-align:start;display:flex;flex-direction:column;gap:.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;overflow:hidden}.sd-pop-book-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f43f5e);opacity:0;transition:opacity .3s}.sd-pop-book-card:hover:before{opacity:1}.sd-pop-book-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #6366f126;border-color:#6366f126}.sd-pop-cover-wrap{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;position:relative}.sd-video-indicator{position:absolute;bottom:8px;right:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:3px 8px;border-radius:20px;font-size:.6rem;font-weight:800;display:flex;align-items:center;gap:4px;box-shadow:0 4px 10px #6366f166;border:1px solid rgba(255,255,255,.2);z-index:2}.sd-book-thumb-wrap{position:relative;width:80px;height:100px;flex-shrink:0}.sd-video-indicator-sm{position:absolute;top:4px;right:4px;background:#8b5cf6;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #0003;z-index:2}.sd-pop-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s}.sd-pop-book-card:hover .sd-pop-cover{transform:scale(1.05)}.sd-pop-title{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sd-pop-author{font-size:.7rem;color:#94a3b8;margin:0}.sd-pop-rating{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#d97706}.sd-readnow-btn{width:100%;padding:.55rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#6366f1;border-radius:12px;font-size:.75rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:auto;border:1.5px solid rgba(99,102,241,.1)}.sd-readnow-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d;border-color:transparent}.sd-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.sd-cat-card{padding:1.25rem;border-radius:22px;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #0000000a;position:relative;overflow:hidden}.sd-cat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none;transition:all .4s}.sd-cat-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 32px #0000001f;border-color:#fffc}.sd-cat-card:active{transform:scale(.96)}.sd-cat-emoji{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sd-cat-card h4{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#1e293b;margin:0}.sd-cat-count{font-size:.7rem;font-weight:700}.sd-cat-card-new{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.sd-cat-card-new:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026!important}.sd-cat-card-new:hover img{transform:scale(1.1)}.sd-cat-card-new img{transition:transform .6s ease}.sd-quick-actions{display:flex;flex-direction:column;gap:.625rem}.sd-action-btn{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:700;color:#fff;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #0000001f;position:relative;overflow:hidden}.sd-action-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.sd-action-btn:hover:after{left:100%}.sd-action-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #0000002e}.sd-action-btn:active{transform:scale(.97)}.action-blue{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa)}.action-green{background:linear-gradient(135deg,#065f46,#10b981,#34d399)}.action-orange{background:linear-gradient(135deg,#92400e,#f59e0b,#fbbf24)}.action-purple{background:linear-gradient(135deg,#5b21b6,#8b5cf6,#a78bfa)}.sd-lb-preview-card{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9;display:flex;flex-direction:column;gap:.5rem}.sd-lb-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:14px;transition:background .2s}.sd-lb-row:hover{background:#f8fafc}.sd-lb-me{background:#eef2ff;border:1px solid #C7D2FE}.sd-lb-rank-num{width:28px;height:28px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#64748b;flex-shrink:0}.sd-lb-av{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 6px #00000014;flex-shrink:0}.sd-lb-info{flex:1}.sd-lb-info strong{display:block;font-size:.875rem;font-weight:700;color:#1e293b}.sd-lb-info span{font-size:.7rem;color:#64748b;font-weight:600}.sd-lb-trophy{font-size:1.25rem}.sd-lb-full-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.75rem;background:#f8fafc;border-radius:14px;font-size:.8rem;font-weight:700;color:#4f46e5;transition:background .2s;margin-top:.5rem}.sd-lb-full-btn:hover{background:#eef2ff}.sd-progress-chart-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9}.sd-chart-area{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:140px;padding:0 .5rem;margin-bottom:1rem}.sd-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;height:100%;justify-content:flex-end}.sd-chart-bar-bg{width:100%;max-width:36px;height:100%;background:#f1f5f9;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;position:relative}.sd-chart-bar-fill{width:100%;background:linear-gradient(to top,#6366f1,#8b5cf6,#a855f7);border-radius:8px;animation:growBar .8s ease-out forwards;transform-origin:bottom;min-height:4px;box-shadow:0 0 8px #6366f14d}@keyframes growBar{0%{height:0%}}.sd-chart-day{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sd-chart-legend{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;font-weight:600;justify-content:center}.sd-chart-dot{width:10px;height:10px;background:linear-gradient(135deg,#1e3a8a,#4f46e5);border-radius:50%}.sd-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffd9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(255,255,255,.6);border-radius:28px 28px 0 0;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-around;z-index:200;box-shadow:0 -8px 40px #6366f11f,0 -2px 10px #0000000a}.sd-bnav-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .85rem;border-radius:18px;color:#94a3b8;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;border:none;background:transparent;cursor:pointer}.sd-bnav-btn span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.7;transition:all .3s}.sd-bnav-btn.bnav-active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);transform:translateY(-6px) scale(1.05);box-shadow:0 8px 24px #6366f166,0 2px 8px #8b5cf64d;animation:navBounce .5s cubic-bezier(.34,1.56,.64,1)}.sd-bnav-btn.bnav-active span{opacity:1;color:#fff}@keyframes navBounce{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}to{transform:translateY(-6px) scale(1.05)}}.sd-bnav-badge{position:absolute;top:-2px;right:.15rem;width:18px;height:18px;background:linear-gradient(135deg,#f43f5e,#ef4444);color:#fff;font-size:.55rem!important;font-weight:800!important;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid white;box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(min-width:768px){.sd-header{border-radius:0 0 24px 24px}.sd-content{padding:2rem;gap:2rem}.sd-stats-row{gap:1rem}.sd-stat-card{padding:1.5rem}.sd-stat-num{font-size:2.25rem}.sd-continue-card{padding:1.5rem}.sd-continue-cover{width:120px;height:170px}.sd-pop-book-card{min-width:175px;max-width:175px}.sd-cat-grid{grid-template-columns:repeat(4,1fr)}.sd-quick-actions{display:grid;grid-template-columns:repeat(2,1fr)}.sd-bottom-nav{display:none}.sd-app{padding-bottom:2rem}}@media(min-width:1024px){.sd-content{max-width:900px}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sd-welcome-card{animation:slideUp .5s ease-out}.sd-continue-card{animation:slideUp .5s ease-out .1s both}.sd-section{animation:fadeIn .5s ease-out .15s both}.sd-search-bar{animation:slideUp .4s ease-out}.sd-stat-card:nth-child(1){animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.sd-stat-card:nth-child(2){animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) .3s both}.sd-stat-card:nth-child(3){animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) .4s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(10px)}60%{transform:scale(1.05) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.sd-gamification-row{display:flex;flex-direction:column;gap:.875rem}@media(min-width:640px){.sd-gamification-row{flex-direction:row}}.sd-xp-card{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#a855f7,#ec4899);background-size:200% 200%;animation:xpGlow 6s ease infinite;border-radius:24px;padding:1.25rem;color:#fff;box-shadow:0 8px 32px #6366f159,0 2px 8px #a855f733;position:relative;overflow:hidden}.sd-xp-card:before{content:"";position:absolute;top:-30%;right:-20%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}@keyframes xpGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sd-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sd-xp-badge{display:flex;align-items:center;gap:.375rem;background:#fff3;padding:.3rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.15)}.sd-xp-title{font-size:.7rem;font-weight:700;opacity:.85}.sd-xp-bar-wrap{margin-bottom:.5rem}.sd-xp-bar{width:100%;height:10px;background:#fff3;border-radius:999px;overflow:hidden;margin-bottom:.35rem}.sd-xp-bar-fill{height:100%;background:linear-gradient(90deg,#fde68a,#f59e0b,#ef4444);border-radius:999px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 16px #f59e0b80,0 0 4px #ef44444d;position:relative}.sd-xp-bar-fill:after{content:"";position:absolute;top:0;right:0;width:8px;height:100%;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;animation:xpDot 1.5s ease-in-out infinite}@keyframes xpDot{0%,to{opacity:.6}50%{opacity:1}}.sd-xp-labels{display:flex;justify-content:space-between;font-size:.65rem;opacity:.7;font-weight:600}.sd-xp-hint{font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:4px}.sd-vid-info{padding:.75rem}.sd-vid-info h4{font-size:.9rem;font-weight:800;margin-bottom:.25rem}.sd-vid-info p{font-size:.75rem;color:#64748b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.sd-vid-stats{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:700;color:#3b82f6}.sd-vid-stars{display:flex;align-items:center;gap:2px;color:#f59e0b}.sd-page-header-v2{margin-bottom:1.5rem}.sd-page-header-v2 h1{font-size:1.5rem;font-weight:900}.sd-page-header-v2 p{color:#64748b;font-size:.9rem}.sd-streak-card{flex:1;background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9;display:flex;align-items:center;gap:1rem}.sd-streak-icon-wrap{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fef3c7,#fbbf24);display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fbbf244d}50%{box-shadow:0 0 16px 4px #fbbf2440}}.sd-streak-info{flex:1}.sd-streak-count{display:block;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.sd-streak-dots{display:flex;gap:.35rem}.sd-streak-dot{width:28px;height:28px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;transition:all .3s}.sd-streak-dot span{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sd-dot-active{background:linear-gradient(135deg,#10b981,#059669)}.sd-dot-active span{color:#fff}.sd-challenge-timer{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#ef4444;background:#fef2f2;padding:.3rem .75rem;border-radius:8px}.sd-challenge-card{position:relative;background:#fffffff2;backdrop-filter:blur(16px);border-radius:26px;padding:1.25rem;box-shadow:0 8px 32px #6366f114;border:2px solid rgba(99,102,241,.08);overflow:hidden}.sd-challenge-glow{position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);pointer-events:none}.sd-challenge-content{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;position:relative;z-index:2}.sd-challenge-left{flex:1}.sd-challenge-left h4{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:#1e293b;margin:0 0 .25rem}.sd-challenge-left p{font-size:.8rem;color:#64748b;margin:0 0 .75rem;line-height:1.4}.sd-challenge-progress-wrap{display:flex;align-items:center;gap:.5rem}.sd-challenge-bar{flex:1;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.sd-challenge-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px;transition:width 1s ease}.sd-challenge-progress-wrap span{font-size:.7rem;font-weight:800;color:#4f46e5}.sd-challenge-reward{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.sd-reward-coin{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fde68a,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #f59e0b59;animation:coin-bounce 2s infinite ease-in-out}@keyframes coin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sd-reward-amount{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;color:#d97706}.sd-reward-label{font-size:.6rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.sd-challenge-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;border-radius:16px;font-size:.85rem;font-weight:800;box-shadow:0 6px 24px #6366f159;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;overflow:hidden}.sd-challenge-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 3s infinite}.sd-challenge-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 32px #6366f173}.sd-challenge-btn:active{transform:scale(.97)}.sd-filter-chips{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch}.sd-filter-chips::-webkit-scrollbar{display:none}.sd-chip{padding:.45rem 1rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#ffffffe6;color:#64748b;border:1.5px solid rgba(0,0,0,.06);white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;backdrop-filter:blur(8px)}.sd-chip-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 16px #6366f14d}.sd-book-list{display:flex;flex-direction:column;gap:.75rem}.sd-book-item{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:20px;padding:.75rem;border:1px solid #F1F5F9;transition:all .2s;box-shadow:0 4px 15px #0000000a}.sd-book-item:hover{box-shadow:0 8px 25px #00000014}.sd-book-thumb{width:64px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0}.sd-book-details{flex:1;min-width:0}.sd-book-details h4{font-size:.85rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;white-space:normal;word-break:break-word;display:block}.sd-book-details p{font-size:.65rem;color:#64748b;margin:0 0 .3rem}.sd-book-tags{display:flex;gap:.3rem;flex-wrap:wrap}.sd-tag{font-size:.5rem;font-weight:700;padding:.12rem .4rem;background:#eef2ff;color:#4f46e5;border-radius:4px}.sd-tag-level{font-size:.5rem;font-weight:700;padding:.12rem .4rem;background:#f3f4f6;color:#6b7280;border-radius:4px}.sd-book-rating{display:flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;color:#f59e0b;margin-top:.25rem}.sd-read-small{padding:.4rem .75rem;font-size:.65rem}.sd-quiz-summary{display:flex;gap:.5rem;margin-bottom:.5rem}.sd-qs-card{flex:1;padding:.875rem .5rem;border-radius:20px;text-align:center;display:flex;flex-direction:column;gap:.15rem;box-shadow:0 4px 15px #0000000a}.sd-qs-card strong{font-size:1.25rem;font-weight:900;font-family:Outfit,sans-serif}.sd-qs-card span{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.qs-blue{background:#eef2ff;color:#4f46e5}.qs-green{background:#ecfdf5;color:#059669}.qs-gold{background:#fffbeb;color:#d97706}.sd-quiz-list{display:flex;flex-direction:column;gap:.65rem}.sd-quiz-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:20px;padding:1.25rem;border:1px solid #F1F5F9;box-shadow:0 4px 15px #0000000a}.sd-quiz-card:hover{box-shadow:0 8px 25px #00000014}.sd-quiz-info h4{font-size:.85rem;font-weight:800;color:#0f172a;margin:0 0 .35rem}.sd-quiz-meta{display:flex;gap:.5rem;font-size:.6rem;color:#64748b;font-weight:600}.sd-diff{padding:.1rem .4rem;border-radius:4px;font-weight:700;font-size:.5rem;text-transform:uppercase}.sd-diff-easy{background:#ecfdf5;color:#059669}.sd-diff-medium{background:#fffbeb;color:#d97706}.sd-diff-hard{background:#fef2f2;color:#dc2626}.sd-quiz-score{text-align:center}.sd-score-val{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;color:#059669;display:block}.sd-score-label{font-size:.5rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sd-reward-stats{display:flex;gap:.5rem;margin-bottom:.5rem}.sd-rs-card{flex:1;text-align:center;background:#fff;border-radius:20px;padding:1rem;border:1px solid #F1F5F9;box-shadow:0 4px 15px #0000000a}.sd-rs-num{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:#4f46e5;display:block}.sd-rs-lbl{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sd-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.sd-badge-card{background:#fff;border-radius:20px;padding:1.25rem 1rem;border:1px solid #F1F5F9;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;transition:all .2s;box-shadow:0 4px 15px #0000000a}.sd-badge-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.sd-badge-earned{border-color:#4f46e5;background:linear-gradient(135deg,#fafafe,#eef2ff)}.sd-badge-locked{opacity:.7}.sd-badge-icon{font-size:1.75rem}.sd-badge-card strong{font-size:.7rem;font-weight:800;color:#0f172a}.sd-badge-desc{font-size:.55rem;color:#94a3b8;font-weight:600}.sd-badge-prog{width:100%;height:4px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-top:.25rem}.sd-badge-prog-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px}.sd-badge-check{color:#4f46e5;margin-top:.15rem}.sd-profile-header{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff,#fdf2f8 60%,#eef2ff);border-radius:28px;margin-bottom:.5rem;box-shadow:inset 0 2px 10px #ffffff80,0 4px 16px #6366f10f;position:relative;overflow:hidden}.sd-profile-header:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.sd-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #4F46E5;box-shadow:0 4px 14px #4f46e533;margin-bottom:.75rem}.sd-profile-header h2{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;color:#0f172a;margin:0 0 .15rem}.sd-profile-header p{font-size:.75rem;color:#64748b;margin:0 0 .5rem}.sd-prof-level{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.65rem;font-weight:800;box-shadow:0 4px 16px #6366f14d;letter-spacing:.03em}.sd-profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.sd-ps-card{text-align:center;background:#fff;border-radius:20px;padding:1rem .25rem;border:1px solid #F1F5F9;box-shadow:0 4px 15px #0000000a}.sd-ps-card strong{display:block;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;color:#4f46e5}.sd-ps-card span{font-size:.5rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sd-prof-info-card{background:#fff;border-radius:24px;border:1px solid #F1F5F9;overflow:hidden;box-shadow:0 4px 15px #0000000a}.sd-pi-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #F9FAFB}.sd-pi-row:last-child{border-bottom:none}.sd-pi-row span{font-size:.75rem;color:#94a3b8;font-weight:600}.sd-pi-row strong{font-size:.8rem;color:#0f172a}.sd-prof-actions{display:flex;flex-direction:column;gap:.5rem}.sd-prof-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;transition:all .2s;cursor:pointer}.pb-blue{background:#eef2ff;color:#4f46e5}.pb-blue:hover{background:#4f46e5;color:#fff}.pb-gray{background:#f3f4f6;color:#374151}.pb-gray:hover{background:#e5e7eb}.pb-red{background:#fef2f2;color:#dc2626}.pb-red:hover{background:#dc2626;color:#fff}.sd-ai-tutor-banner{display:block;position:relative;overflow:hidden;border-radius:24px;padding:1.5rem;background:linear-gradient(135deg,#7c3aed,#c026d3);box-shadow:0 10px 30px #c026d333;text-decoration:none;transition:all .3s ease}.sd-ai-tutor-banner:hover{transform:translateY(-4px);box-shadow:0 20px 40px #c026d34d}.sd-ai-tutor-bg-icon{position:absolute;top:-20px;right:-20px;opacity:.15;transform:rotate(15deg);pointer-events:none}.sd-ai-tutor-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.sd-ai-tutor-content{flex-direction:row;align-items:center;justify-content:space-between}}.sd-ai-tutor-text{color:#fff}.sd-ai-tutor-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.sd-ai-tutor-desc{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0;max-width:300px}.sd-ai-tutor-btn{background:#fff3;backdrop-filter:blur(8px);padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:800;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem;width:fit-content;white-space:nowrap}.sd-faq-list{display:flex;flex-direction:column;gap:.75rem}.sd-faq-item{background:#fff;border-radius:18px;border:1px solid #F1F5F9;box-shadow:0 4px 15px #0000000a;overflow:hidden;transition:box-shadow .25s,border-color .25s}.sd-faq-item:hover{box-shadow:0 8px 25px #00000014;border-color:#e0e7ff}.sd-faq-details{width:100%}.sd-faq-summary{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:#1e293b;cursor:pointer;list-style:none;user-select:none;transition:background .2s,color .2s}.sd-faq-summary::-webkit-details-marker{display:none}.sd-faq-summary:hover{background:#f8fafc;color:#4f46e5}.sd-faq-chevron{transition:transform .3s ease;color:#94a3b8;flex-shrink:0}.sd-faq-details[open] .sd-faq-chevron{transform:rotate(180deg);color:#4f46e5}.sd-faq-details[open] .sd-faq-summary{color:#4f46e5;border-bottom:1px solid #F1F5F9}.sd-faq-answer{padding:1.25rem 1.5rem;font-size:.875rem;color:#64748b;line-height:1.7;margin:0;background:#fafbfc;animation:faqFadeIn .3s ease}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sd-back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f5f3ff);padding:.45rem .85rem;border-radius:12px;transition:all .3s;cursor:pointer;border:1.5px solid rgba(99,102,241,.08)}.sd-back-link:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 16px #6366f140}.sd-settings-card{background:#fff;border-radius:20px;padding:.5rem;box-shadow:0 6px 24px #0000000f;border:1px solid #F1F5F9}.sd-setting-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #F1F5F9;transition:background .2s}.sd-setting-row:last-child{border-bottom:none}.sd-setting-row:hover{background:#fafbfc}.sd-setting-info{display:flex;align-items:center;gap:.875rem;flex:1}.sd-setting-icon{color:#4f46e5;flex-shrink:0}.sd-setting-info div{display:flex;flex-direction:column}.sd-setting-info strong{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:#1e293b}.sd-setting-info span{font-size:.75rem;color:#94a3b8;margin-top:.15rem}.sd-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.sd-toggle input{opacity:0;width:0;height:0}.sd-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sd-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026}.sd-toggle input:checked+.sd-toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);box-shadow:0 2px 8px #6366f14d}.sd-toggle input:checked+.sd-toggle-slider:before{transform:translate(22px)}.sd-font-size-btns{display:flex;gap:.5rem;width:100%}.sd-fs-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border-radius:14px;border:2px solid #E2E8F0;background:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-weight:800;color:#64748b;transition:all .2s}.sd-fs-btn:first-child{font-size:.8rem}.sd-fs-btn:nth-child(2){font-size:1rem}.sd-fs-btn:last-child{font-size:1.25rem}.sd-fs-btn span{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sd-fs-active{border-color:#4f46e5;background:#eef2ff;color:#4f46e5}.sd-fs-btn:hover{border-color:#a5b4fc}.sd-setting-group{padding:1rem 1.25rem;border-bottom:1px solid #F1F5F9}.sd-setting-group:last-of-type{border-bottom:none}.sd-setting-label{display:block;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.sd-setting-input{width:100%;padding:.75rem 1rem;border:2px solid #E2E8F0;border-radius:12px;font-size:.9rem;font-family:Inter,sans-serif;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s}.sd-setting-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.sd-help-chat-wrap{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #00000014;border:1px solid #F1F5F9;min-height:500px}.sd-help-chat-wrap .chat-container{border-radius:20px;height:500px}.sd-timer-controls{width:100%;display:flex;flex-direction:column;gap:.75rem}.sd-timer-input-row{display:flex;align-items:center;gap:.75rem}.sd-timer-input-row label{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;color:#64748b}.sd-timer-select{padding:.5rem .75rem;border:2px solid #E2E8F0;border-radius:10px;font-size:.85rem;font-family:Inter,sans-serif;color:#1e293b;background:#f8fafc;outline:none;cursor:pointer;transition:border-color .2s}.sd-timer-select:focus{border-color:#4f46e5}.sd-timer-select:disabled{opacity:.5;cursor:not-allowed}.sd-timer-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:12px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;border:none;cursor:pointer;transition:all .2s;width:fit-content}.sd-timer-start{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 14px #4f46e54d}.sd-timer-start:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.sd-timer-stop{background:#fee2e2;color:#ef4444}.sd-timer-stop:hover{background:#fecaca}.sd-timer-active{display:flex;align-items:center;gap:1rem}.sd-timer-display{display:flex;align-items:baseline;gap:.4rem}.sd-timer-countdown{font-family:Outfit,sans-serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:timerPulse 2s ease-in-out infinite}.sd-timer-label{font-size:.75rem;color:#94a3b8;font-weight:600}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.sd-book-preview-overlay{position:fixed;inset:0;background:#0f172acc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem;animation:fadeIn .3s ease-out}.sd-book-preview-modal{background:#fff;width:100%;max-width:700px;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.sd-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;z-index:10;transition:all .2s}.sd-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.sd-preview-content{display:flex;flex-direction:row;padding:2.5rem;gap:2rem}@media(max-width:640px){.sd-preview-content{flex-direction:column;padding:1.5rem;gap:1.5rem;max-height:90vh;overflow-y:auto}}.sd-preview-left{flex-shrink:0}.sd-preview-cover{width:200px;aspect-ratio:3/4;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px #0003}@media(max-width:640px){.sd-preview-cover{width:140px;margin:0 auto;display:block}}.sd-preview-right{flex:1;display:flex;flex-direction:column}.sd-preview-badges{display:flex;gap:.5rem;margin-bottom:.75rem}.sd-preview-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;color:#0f172a;margin:0 0 .25rem;line-height:1.2}.sd-preview-author{font-size:1rem;color:#64748b;font-weight:500;margin-bottom:1.5rem}.sd-preview-intro-section{margin-bottom:1.5rem;background:#f8fafc;padding:1.25rem;border-radius:16px;border:1px solid #F1F5F9}.sd-preview-intro-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 .5rem}.sd-preview-intro{font-size:.95rem;line-height:1.6;color:#334155;margin:0}.sd-preview-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.sd-pstat{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem;font-weight:600}.sd-start-reading-btn{width:100%;padding:1.125rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:18px;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;box-shadow:0 10px 32px #6366f159;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.sd-start-reading-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 3s infinite}.sd-start-reading-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 40px #6366f173}.sd-start-reading-btn:active{transform:scale(.97)}.sd-start-reading-btn:active{transform:scale(.98)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.sd-expiry-banner{animation:slideDownIn .4s ease-out}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sd-eb-content{display:flex;align-items:center;gap:.75rem}.animate-pulse{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.85}}.dark-mode .sd-expiry-banner{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border-color:#4338ca!important}.sd-read-badge{position:absolute;top:8px;right:8px;background:#10b981e6;color:#fff;padding:2px 6px;border-radius:6px;font-size:.65rem;font-weight:800;display:flex;align-items:center;gap:2px;z-index:5;box-shadow:0 4px 12px #10b9814d;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.dark-mode .sd-eb-content{color:#e0e7ff!important}.sd-hero-learning{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;display:flex;justify-content:space-between;align-items:center;padding:2rem;border-radius:24px;color:#fff;margin-bottom:1.5rem;position:relative;overflow:hidden}.sd-hero-learning h2{font-size:1.8rem;font-weight:900;margin-bottom:.5rem}.sd-hero-icon{opacity:.2;transform:rotate(-15deg)}.sd-learning-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.ls-card{background:#fff;padding:1.25rem;border-radius:20px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #0000000d}.ls-card strong{display:block;font-size:1.25rem;font-weight:900;color:#1e293b}.ls-card span{font-size:.75rem;color:#64748b;font-weight:600}.sd-activity-group{margin-bottom:2rem}.sd-activity-group-title{font-size:.9rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;border-left:4px solid #4F46E5;padding-left:10px}.sd-activity-items{display:grid;grid-template-columns:1fr;gap:1rem}.sd-act-card{background:#fff;padding:1rem;border-radius:18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;border:1px solid #f1f5f9}.sd-act-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d;border-color:#e2e8f0}.sd-act-icon{width:45px;height:45px;background:#f8fafc;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sd-act-info strong{display:block;color:#1e293b}.sd-act-info span{font-size:.75rem;color:#059669;font-weight:700}.sd-act-play{width:32px;height:32px;background:#4f46e5;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.sd-learning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172af2;backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.sd-lm-container{background:#fff;width:100%;height:100%;max-height:100vh;border-radius:0;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.sd-lm-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:500px){.sd-lm-options{grid-template-columns:1fr}}@media(max-width:768px){.sd-learning-modal{padding:0}.sd-lm-container{max-width:100%;height:100%;max-height:100vh;border-radius:0}.sd-lm-content{padding:1.5rem!important}.sd-lm-question-wrap{padding:0 .5rem}}.sd-opt-correct{background:#10b981!important;color:#fff!important;border-color:#059669!important;animation:correctPulse .5s ease-in-out}.sd-opt-incorrect{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important;animation:shake .5s ease-in-out}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sd-activity-group-section{margin-bottom:2.5rem;animation:slideUp .5s ease-out both}.sd-group-banner{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #F1F5F9}.sd-gb-dot{width:8px;height:8px;background:#4f46e5;border-radius:50%;box-shadow:0 0 10px #4f46e566}.sd-group-banner h4{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;color:#1e293b;margin:0;text-transform:capitalize}.sd-gb-count{font-size:.7rem;font-weight:800;color:#94a3b8;background:#f8fafc;padding:2px 10px;border-radius:20px;border:1px solid #E2E8F0}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sd-act-card{background:#fff;border-radius:24px;padding:1rem;display:flex;align-items:center;justify-content:space-between;border:2px solid #F1F5F9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.sd-act-card:hover{transform:translateY(-4px) scale(1.02);border-color:#4f46e5;box-shadow:0 12px 20px -5px #4f46e526}.sd-act-card-inner{display:flex;align-items:center;gap:1rem}.sd-act-icon-wrap{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sd-act-info{display:flex;flex-direction:column;gap:2px}.sd-act-category-tag{font-size:.85rem;font-weight:800;color:#1e293b}.sd-act-reward-tag{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;color:#d97706}.sd-act-play-icon{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#4f46e5;transition:all .3s}.sd-act-card:hover .sd-act-play-icon{background:#4f46e5;color:#fff;transform:translate(3px)}.sd-tts-btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sd-tts-btn:hover{transform:translateY(-50%) scale(1.1)!important;background:#4f46e5!important;color:#fff!important}.sd-tts-btn.active{box-shadow:0 0 0 4px #4f46e533!important}@media(max-width:768px){.sd-lm-question{padding-top:3.5rem!important;padding-left:0!important;padding-right:0!important}.sd-tts-btn{left:50%!important;top:1.5rem!important;transform:translate(-50%)!important}.sd-tts-btn:hover{transform:translate(-50%) scale(1.1)!important}}.sd-lm-opt-btn.sd-opt-correct{background:#d1fae5!important;border-color:#10b981!important;color:#065f46!important;transform:scale(1.02);animation:pop .4s cubic-bezier(.34,1.56,.64,1)}.sd-lm-opt-btn.sd-opt-incorrect{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important;animation:shake .4s ease-in-out}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sd-shape-draggable{transition:all .3s cubic-bezier(.4,0,.2,1)}.sd-shape-draggable:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 25px #0000001a}@keyframes fadeOut{to{opacity:0;transform:scale(.5);visibility:hidden}}.sd-tts-btn.active{animation:soundPulse 1.5s infinite}@keyframes soundPulse{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 15px #4f46e500}to{box-shadow:0 0 #4f46e500}}.sd-memory-grid{perspective:1000px}.sd-game-center-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f8fafc;z-index:999999;padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sd-game-center-fullscreen.is-playing{overscroll-behavior-y:none}.sd-game-center-inner{max-width:800px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.sd-game-center-inner>.sd-section-title{flex:0 0 auto;margin-bottom:5px}.sd-game-center-inner>div:not(.sd-section-title){flex:1;overflow-y:auto;overflow-x:hidden}.sd-prev-read-marquee-container{width:100%;overflow:hidden;position:relative;padding:10px 0}.sd-prev-read-marquee{display:flex;gap:1rem;animation:marqueeScroll 30s linear infinite;width:max-content}.sd-prev-read-marquee:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.sd-prev-book-card{min-width:110px;max-width:110px;background:#fff;border-radius:20px;padding:8px;box-shadow:0 4px 12px #0000000d;border:1px solid #F1F5F9;display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .2s}.sd-prev-book-card:hover{transform:translateY(-5px)}.sd-prev-score-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:900;box-shadow:0 4px 10px #10b9814d;z-index:10;border:2px solid white}.sd-pick-item{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sd-pick-item:hover{transform:translate(8px) scale(1.02);background:#fff!important;border-color:#6366f133!important;box-shadow:0 10px 25px #6366f11a!important}.sd-pick-item:active{transform:scale(.98)}.dark .sd-pick-item{background:#1e293b99!important;border-color:#ffffff0d!important}.dark .sd-pick-item:hover{background:#1e293be6!important}.dark .sd-pick-item h4{color:#fff!important}@media(max-width:640px){.sd-pick-item{padding:.75rem!important;border-radius:18px!important}}div[style*="minmax(200px, 1fr)"]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.85rem!important}div[style*="minmax(280px, 1fr)"]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:.75rem!important}div[style*="padding: 1.75rem"][style*="24px"]{padding:1.15rem!important;border-radius:20px!important;box-shadow:0 6px #e2e8f0!important}div[style*="width: 80px"][style*="height: 80px"]{width:60px!important;height:60px!important;margin-bottom:.75rem!important}h3[style*="1.25rem"]{font-size:1rem!important;line-height:1.1!important}.reader-container{background-color:#f8fafc}@media(max-width:768px){.reader-container{padding-left:0!important;padding-right:0!important;padding-top:0!important}.reader-container header{padding-left:1rem;padding-right:1rem;border-radius:0}.max-w-3xl{max-width:100%!important}.bg-white.rounded-\[2\.5rem\]{border-radius:0!important;border:none!important}.p-8.md\:p-12{padding:1.5rem!important}.text-4xl.md\:text-5xl{font-size:1.75rem!important}.reader-progress-sticky{top:0!important;border-radius:0!important;width:100%!important;margin-bottom:0!important}}@media(max-width:768px){.floating-mark-read{bottom:6rem}}.floating-mark-read{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.reader-highlight{background:#4f46e51a;border-radius:4px;padding:2px 0;border-bottom:2px solid #4F46E5;transition:all .2s}.video-viewer-container:fullscreen{width:100vw!important;height:100vh!important;background:#000!important;border:none!important;border-radius:0!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.video-viewer-container:fullscreen .yt-custom-player-wrapper{height:100%!important;width:100%!important}.video-viewer-container.fs-fixed{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.aitutor-wrapper{background-color:#f8fafc;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;flex-direction:column}.aitutor-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.5);box-shadow:0 1px 2px #0000000d}.aitutor-header-inner{container-type:inline-size;max-width:800px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.aitutor-header-left{display:flex;align-items:center;gap:1rem}.aitutor-back-btn{background:#f1f5f9;padding:.5rem;border-radius:.75rem;color:#475569;text-decoration:none;transition:background .2s}.aitutor-back-btn:hover{background:#e2e8f0;color:#334155}.aitutor-header-title-area{display:flex;align-items:center;gap:.75rem}.aitutor-icon-box{width:2.5rem;height:2.5rem;background:linear-gradient(to top right,#8b5cf6,#d946ef);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #8b5cf663}.aitutor-title-text h1{font-size:1.25rem;font-weight:900;color:#1e293b;margin:0;line-height:1;letter-spacing:-.025em}.aitutor-status{font-size:.65rem;font-weight:800;color:#10b981;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.aitutor-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.aitutor-clear-btn{background:transparent;border:none;color:#94a3b8;padding:.5rem;cursor:pointer;transition:color .2s}.aitutor-clear-btn:hover{color:#475569}.aitutor-chat-area{flex:1;padding:7rem 1.5rem 8rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column}.aitutor-chat-container{flex:1;display:flex;flex-direction:column;gap:1.5rem}.aitutor-msg-row{display:flex;width:100%}.aitutor-msg-right{justify-content:flex-end}.aitutor-msg-left{justify-content:flex-start}.aitutor-bubble{max-width:85%;padding:1.25rem;border-radius:1.5rem;font-size:.95rem;line-height:1.6;font-weight:500}@media(min-width:768px){.aitutor-bubble{max-width:70%;font-size:1rem}}.aitutor-bubble-user{background:#4f46e5;color:#fff;box-shadow:0 10px 15px -3px #4f46e533;border-bottom-right-radius:4px}.aitutor-bubble-ai{background:#fff;color:#334155;border:1px solid #F1F5F9;box-shadow:0 10px 15px -3px #e2e8f066;border-bottom-left-radius:4px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.aitutor-bot-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#8b5cf6;font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.aitutor-msg-text{margin:0;white-space:pre-wrap}.aitutor-bubble-img-container{max-width:100%;margin-bottom:.75rem}.aitutor-bubble-img{width:100%;max-height:300px;object-fit:cover;border-radius:1rem}.aitutor-typing-indicator{display:flex;gap:.375rem;align-items:center;height:1.25rem}.aitutor-typing-dot{width:.5rem;height:.5rem;border-radius:50%;background:#a78bfa;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.aitutor-input-area{position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(24px);border-top:1px solid rgba(226,232,240,.6);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.aitutor-input-container{max-width:800px;margin:0 auto}.aitutor-form{position:relative;display:flex;align-items:flex-end;gap:.75rem;background:#f1f5f9;border-radius:2rem;padding:.5rem .75rem .5rem .5rem;border:1px solid rgba(226,232,240,.5);box-shadow:inset 0 2px 4px #00000005;transition:all .2s ease}.aitutor-form:focus-within{background:#fff;border-color:#c4b5fd;box-shadow:0 0 0 4px #8b5cf61a}.aitutor-upload-btn{background:transparent;border:none;color:#94a3b8;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:1rem}.aitutor-upload-btn:hover{color:#4f46e5;background:#fff;box-shadow:0 4px 12px #0000000d}.aitutor-preview-container{padding:0 1rem 1rem}.aitutor-preview-box{position:relative;width:100px;height:100px;border-radius:1rem;overflow:hidden;border:2px solid #4F46E5;box-shadow:0 8px 16px #4f46e533}.aitutor-preview-box img{width:100%;height:100%;object-fit:cover}.aitutor-preview-remove{position:absolute;top:4px;right:4px;background:#0f172acc;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.aitutor-input{flex:1;background:transparent;border:none;outline:none;padding:1rem .5rem;color:#334155;font-weight:500;font-size:1rem}.aitutor-input::placeholder{color:#94a3b8}.aitutor-send-btn{background:#7c3aed;color:#fff;border:none;border-radius:1.5rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #7c3aed4d;margin-bottom:.125rem}.aitutor-send-btn:hover:not(:disabled){background:#6d28d9}.aitutor-send-btn:disabled{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.ai-send-icon-active{margin-left:.25rem}.aitutor-safe-badge{text-align:center;margin-top:.75rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:.375rem}.animate-slide-up-fade{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.aitutor-pay-nag{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffaf1;border:1px solid #FEF3C7;padding:.75rem 1.25rem;border-radius:1rem;margin-bottom:1rem;font-size:.85rem;color:#92400e}.aitutor-nag-btn{background:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.75rem;font-weight:800;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:transform .2s}.aitutor-nag-btn:hover{transform:scale(1.05)}.ait-pay-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ait-pay-card{background:#fff;width:100%;max-width:440px;border-radius:2.5rem;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.ait-pay-close{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.ait-pay-header{text-align:center;margin-bottom:2rem}.ait-pay-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px -5px #7c3aed66}.ait-pay-header h2{font-size:1.5rem;font-weight:900;color:#1e293b;margin-bottom:.5rem}.ait-pay-header p{font-size:.875rem;color:#64748b}.ait-pay-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.ait-pay-feat{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#475569;font-weight:500;line-height:1.4}.ait-pay-price-box{background:#f8fafc;border:1px dashed #CBD5E1;border-radius:1.25rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.price-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase}.price-val{font-size:1.5rem;font-weight:900;color:#1e293b}.ait-pay-btn{width:100%;background:#111827;color:#fff;border:none;padding:1.25rem;border-radius:1.25rem;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.ait-pay-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.ait-pay-btn.loading{opacity:.8;cursor:wait}.ait-pay-footer{text-align:center;margin-top:1.25rem;font-size:.7rem;color:#94a3b8;font-weight:600}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.td-app{min-height:100vh;background-color:#f8fafc;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding-bottom:90px}.td-header{background:linear-gradient(135deg,#1e3a8a,#4f46e5 60%,#7c3aed);padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:1000}.td-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}.td-header-left{cursor:pointer}.td-header-center{text-align:center}.td-welcome{font-size:.95rem;font-weight:800;color:#fff;margin:0;font-family:Outfit,sans-serif}.td-school{font-size:.7rem;color:#fffc;margin:0;font-weight:500}.td-header-right{display:flex;align-items:center;gap:.75rem}.td-header-btn{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.td-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid #4F46E5}.td-header-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.4);object-fit:cover}.td-notif-dropdown{position:absolute;top:120%;right:0;width:300px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;border:1px solid #E2E8F0;overflow:hidden;animation:scaleIn .2s ease-out}.td-notif-header{padding:1rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.td-notif-header h4{margin:0;font-family:Outfit;font-weight:800}.td-notif-header button{font-size:.75rem;color:#4f46e5;font-weight:700;background:none;border:none}.td-notif-list{max-height:300px;overflow-y:auto}.td-notif-item{padding:1rem;border-bottom:1px solid #F1F5F9;transition:background .2s}.td-notif-item.unread{background:#f0f7ff}.td-notif-item p{margin:0 0 .25rem;font-size:.85rem;color:#334155;line-height:1.4}.td-notif-item span{font-size:.7rem;color:#94a3b8}.td-content{flex:1;padding:1.5rem 1rem;max-width:800px;margin:0 auto;width:100%}.td-section{margin-bottom:2rem;animation:fadeInUp .4s ease-out both}.td-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.td-section-title h3{font-family:Outfit;font-size:1.15rem;font-weight:900;color:#1e293b;margin:0}.td-stats-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.td-stats-scroll::-webkit-scrollbar{display:none}.td-perf-card{min-width:160px;padding:1.25rem;border-radius:20px;display:flex;flex-direction:column;gap:.25rem}.td-perf-val{font-family:Outfit;font-size:1.5rem;font-weight:900;display:block}.td-perf-label{font-size:.75rem;color:#64748b;font-weight:600}.td-perf-trend{font-size:.65rem;color:#64748b;margin-top:.5rem;display:block}.td-student-search{background:#fff;border-radius:16px;padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;border:1px solid #E2E8F0;margin-bottom:1.25rem}.td-student-search input{flex:1;border:none;outline:none;font-size:.95rem}.td-student-row{background:#fff;border-radius:20px;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #F1F5F9;box-shadow:0 1px 3px #00000005}.td-row-main{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer}.td-st-avatar-wrap{position:relative}.td-st-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover}.td-status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.td-status-indicator.active{background:#10b981}.td-status-indicator.inactive{background:#cbd5e1}.td-st-info strong{display:block;font-size:.95rem;color:#1e293b}.td-st-info span{font-size:.75rem;color:#64748b}.td-st-action-cell{margin-right:.5rem}.td-pay-btn{background:#4f46e5;color:#fff;font-size:.75rem;font-weight:700;padding:.5rem .85rem;border-radius:10px;display:flex;align-items:center;gap:.4rem}.td-code-badge{background:#f0fdf4;color:#166534;font-size:.75rem;font-family:Outfit;font-weight:800;padding:.4rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.3rem}.td-modal-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.td-modal{background:#fff;width:100%;max-width:440px;border-radius:28px;padding:2rem;box-shadow:0 25px 50px -12px #00000040;animation:modalBounce .4s cubic-bezier(.175,.885,.32,1.275)}.td-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.td-modal-header h3{font-family:Outfit;font-size:1.5rem;font-weight:900;margin:0;color:#1e293b}.td-modal-header button{background:#f1f5f9;border-radius:12px;padding:.5rem;color:#64748b}.td-form{display:flex;flex-direction:column;gap:1.25rem}.td-field{display:flex;flex-direction:column;gap:.5rem}.td-field label{font-size:.85rem;font-weight:700;color:#475569}.td-field input,.td-field select{padding:.85rem 1rem;border-radius:12px;border:1px solid #E2E8F0;font-family:inherit;font-size:.95rem}.td-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.td-submit-btn{margin-top:1rem;background:linear-gradient(135deg,#1e3a8a,#4f46e5);color:#fff;padding:1rem;border-radius:14px;font-weight:800;font-size:1rem}.td-pay-summary{text-align:center;margin-bottom:2rem}.td-plan-select{display:flex;gap:.5rem;margin:1.5rem 0;background:#f1f5f9;padding:.4rem;border-radius:14px}.td-plan-select button{flex:1;padding:.6rem;border-radius:10px;font-weight:700;font-size:.85rem}.td-plan-select button.active{background:#fff;color:#4f46e5;box-shadow:0 4px 10px #0000000d}.td-price-display{background:#f8fafc;padding:1.5rem;border-radius:20px;border:1px solid #E2E8F0}.td-price-display span{display:block;font-size:.85rem;color:#64748b;margin-bottom:.5rem}.td-price-display strong{font-family:Outfit;font-size:2rem;color:#1e293b}.td-pay-confirm-btn{width:100%;padding:1.125rem;border-radius:16px;background:#166534;color:#fff;font-weight:800;font-size:1rem}.td-pay-success{text-align:center}.td-success-icon{width:80px;height:80px;background:#dcfce7;color:#15803d;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.td-generated-code{background:#1e293b;color:#fff;padding:1.5rem;border-radius:20px;margin:1.5rem 0}.td-generated-code span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:.5rem}.td-generated-code strong{font-family:Outfit;font-size:2.5rem;letter-spacing:.05em;display:block}.td-sms-hint{font-size:.85rem;color:#059669;font-weight:600;line-height:1.5}.td-done-btn{width:100%;padding:1rem;border-radius:16px;background:#f1f5f9;color:#1e293b;font-weight:800;margin-top:1rem}.td-wallet-card{background:linear-gradient(135deg,#065f46,#10b981);color:#fff;padding:2rem;border-radius:28px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #10b98133}.td-wallet-card:after{content:"";position:absolute;top:-50%;right:-20%;width:250px;height:250px;background:#ffffff1a;border-radius:50%}.td-wallet-card label{display:block;font-size:.85rem;opacity:.9;margin:.75rem 0 .25rem;font-weight:600}.td-wallet-card h2{font-family:Outfit;font-size:2.75rem;font-weight:900;margin:0 0 1.5rem}.td-withdraw-btn{display:flex;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.25rem;border-radius:12px;color:#fff;font-weight:700;font-size:.9rem}.td-history-row{background:#fff;border-radius:20px;padding:1.125rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border:1px solid #F1F5F9}.td-h-left{display:flex;align-items:center;gap:1rem}.td-h-icon{width:40px;height:40px;background:#fef3c7;color:#d97706;border-radius:12px;display:flex;align-items:center;justify-content:center}.td-h-text strong{display:block;font-size:.9rem;color:#1e293b}.td-h-text span{font-size:.75rem;color:#64748b}.td-h-amt{font-family:Outfit;font-weight:800;color:#059669;font-size:1.15rem}.td-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:#fff;border-top:1px solid #E2E8F0;display:flex;justify-content:space-around;align-items:center;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000}.td-bnav-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#94a3b8;transition:all .3s;background:none;border:none}.td-bnav-btn.bnav-on{color:#4f46e5;transform:translateY(-4px)}.td-bnav-btn span{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalBounce{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.td-student-profile-card{display:flex;align-items:center;gap:1.25rem;background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9;animation:fadeInUp .4s ease-out}.td-sp-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.td-sp-info h2{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:800;color:#1e293b;margin:0}.td-sp-info p{font-size:.8rem;color:#64748b;margin:.25rem 0 .5rem}.td-sp-status{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:999px}.status-active{background:#ecfdf5;color:#059669}.status-inactive{background:#fef2f2;color:#ef4444}.td-sp-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.td-sp-stats-grid{grid-template-columns:repeat(4,1fr)}}.td-sp-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:16px;gap:.25rem;transition:transform .2s}.td-sp-stat:active{transform:scale(.96)}.td-sp-stat-val{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.td-sp-stat-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.td-books-list-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9;overflow:hidden}.td-book-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #F1F5F9;transition:background .2s}.td-book-row:last-child{border-bottom:none}.td-book-row:hover{background:#fafbfc}.td-book-info strong{display:block;font-size:.85rem;font-weight:700;color:#1e293b}.td-book-info span{font-size:.7rem;color:#94a3b8}.td-book-meta{display:flex;align-items:center;gap:.5rem}.td-book-score{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;color:#4f46e5}.td-book-status{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:6px}.status-done{background:#ecfdf5;color:#059669}.status-progress{background:#fef3c7;color:#d97706}.td-sp-actions{display:flex;gap:.75rem}.td-sp-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:14px;font-size:.8rem;font-weight:700;color:#fff;transition:transform .2s;box-shadow:0 4px 12px #0000001a}.td-sp-action-btn:active{transform:scale(.96)}.action-feedback{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.action-parent{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.td-commission-hero{text-align:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:24px;padding:2.5rem 1.5rem;color:#fff;box-shadow:0 8px 24px #10b9814d;animation:fadeInUp .4s ease-out}.td-commission-hero svg{margin-bottom:.75rem;opacity:.9}.td-commission-hero h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;margin:0 0 .25rem}.td-commission-hero p{font-size:.85rem;opacity:.85;margin:0}.td-comm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.td-comm-stat-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;border-radius:18px;gap:.35rem;transition:transform .25s}.td-comm-stat-card:active{transform:scale(.96)}.td-comm-stat-val{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;line-height:1}.td-comm-stat-lbl{font-size:.65rem;font-weight:700;color:#64748b;text-align:center}.td-table-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:1px solid #F1F5F9;overflow:hidden}.td-table-scroll{overflow-x:auto}.td-table{width:100%;border-collapse:collapse;min-width:450px}.td-table th{padding:.75rem 1rem;text-align:left;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:2px solid #F1F5F9;background:#fafbfc}.td-table td{padding:.875rem 1rem;font-size:.8rem;color:#1e293b;border-bottom:1px solid #F1F5F9}.td-table tr:hover td{background:#fafbfc}.td-table td strong{font-weight:700}.td-table-amount{font-family:Outfit,sans-serif;font-weight:800;color:#059669}.td-table-status{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:6px}.td-table-status.paid{background:#ecfdf5;color:#059669}.td-table-status.pending{background:#fef3c7;color:#d97706}.td-withdraw-main-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:.95rem;font-weight:800;box-shadow:0 6px 20px #10b98159;transition:transform .2s,box-shadow .2s}.td-withdraw-main-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98173}.td-withdraw-main-btn:active{transform:scale(.97)}.td-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #E2E8F0;border-radius:20px 20px 0 0;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-around;z-index:200;box-shadow:0 -4px 24px #0000000f}.td-bnav-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .5rem;border-radius:12px;color:#94a3b8;transition:all .25s}.td-bnav-btn span{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.td-bnav-btn.bnav-on{color:#4f46e5;background:#eef2ff}@media(min-width:768px){.td-content{padding:2rem;gap:2rem}.td-perf-card{min-width:175px;max-width:175px}.td-quick-grid{grid-template-columns:repeat(4,1fr)}.td-bottom-nav{display:none}.td-app{padding-bottom:2rem}.td-sp-actions{max-width:500px}}.sa-shell{display:flex;min-height:100vh;background:#f3f4f6;font-family:Inter,sans-serif}.sa-sidebar{width:250px;background:#0f172a;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sa-sb-collapsed{width:68px}.sa-sb-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.sa-sb-logo{display:flex;align-items:center;gap:.65rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.02em}.sa-sb-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:.35rem 0 0}.sa-sb-nav{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.sa-sb-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;border-radius:10px;font-size:.8rem;font-weight:600;color:#94a3b8;transition:all .2s;cursor:pointer;white-space:nowrap}.sa-sb-item:hover{background:#ffffff0f;color:#cbd5e1}.sa-sb-active{background:#4f46e5!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d}.sa-sb-footer{padding:.75rem .5rem;border-top:1px solid rgba(255,255,255,.06)}.sa-sb-logout:hover{color:#ef4444!important;background:#ef44441a!important}.sa-main{margin-left:250px;flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sa-sb-collapsed~.sa-main{margin-left:68px}.sa-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:50}.sa-tb-left{display:flex;align-items:center;gap:1rem;flex:1}.sa-tb-toggle{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:background .2s}.sa-tb-toggle:hover{background:#f3f4f6}.sa-tb-search{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:.5rem 1rem;max-width:420px;flex:1}.sa-tb-search svg{color:#94a3b8;flex-shrink:0}.sa-tb-search input{flex:1;border:none;outline:none;background:transparent;font-size:.8rem;color:#1e293b;font-family:Inter,sans-serif}.sa-tb-search input::placeholder{color:#94a3b8}.sa-tb-right{display:flex;align-items:center;gap:.75rem}.sa-tb-status{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#059669;background:#ecfdf5;padding:.3rem .75rem;border-radius:999px}.sa-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:sa-blink 1.5s infinite}@keyframes sa-blink{0%,to{opacity:1}50%{opacity:.4}}.sa-tb-icon{position:relative;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.sa-tb-icon:hover{background:#f3f4f6;color:#1e293b}.sa-tb-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;background:#ef4444;color:#fff;border-radius:999px;font-size:.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 3px}.sa-tb-profile{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;border-radius:10px;cursor:pointer;transition:background .2s}.sa-tb-profile:hover{background:#f3f4f6}.sa-tb-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.sa-tb-profile span{font-size:.8rem;font-weight:700;color:#1e293b}.sa-tb-profile svg{color:#94a3b8}.sa-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sa-page-header{display:flex;justify-content:space-between;align-items:center}.sa-page-header h1{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:#0f172a;margin:0}.sa-page-header p{font-size:.8rem;color:#64748b;margin:.2rem 0 0}.sa-page-actions{display:flex;gap:.5rem}.sa-btn-primary{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:10px;background:#4f46e5;color:#fff;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #4f46e540}.sa-btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.sa-btn-outline{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:10px;background:#fff;color:#374151;border:1px solid #D1D5DB;font-size:.8rem;font-weight:600;transition:all .2s}.sa-btn-outline:hover{border-color:#4f46e5;color:#4f46e5}.sa-btn-sm{padding:.4rem .75rem;font-size:.7rem}.sa-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media(max-width:1200px){.sa-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sa-metrics-grid{grid-template-columns:repeat(2,1fr)}}.sa-metric-card{background:#fff;border-radius:16px;padding:1.25rem;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sa-metric-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.sa-mc-gradient{border:none!important;color:#fff;box-shadow:0 4px 15px #0000001f}.sa-mc-gradient:hover{box-shadow:0 8px 30px #0003}.sa-mc-top-row{display:flex;justify-content:space-between;align-items:center}.sa-mc-icon-white{width:40px;height:40px;border-radius:12px;background:#fff3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff}.sa-mc-trend-white{display:flex;align-items:center;gap:.15rem;font-size:.65rem;font-weight:700;background:#fff3;padding:.2rem .5rem;border-radius:6px;color:#fff}.sa-mc-data-white{display:flex;flex-direction:column}.sa-mc-value-white{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:900;color:#fff;line-height:1}.sa-mc-label-white{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf;margin-top:.2rem}.sa-mc-sparkline{position:absolute;bottom:0;left:0;right:0;height:25px;opacity:.6}.sa-donut-wrap{position:relative;display:flex;justify-content:center}.sa-video-badge{position:absolute;bottom:10px;right:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:4px 8px;border-radius:20px;font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #6366f14d;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);z-index:2}.file-input{font-size:.75rem;color:#64748b;border:1px solid #E2E8F0;padding:5px;border-radius:6px;background:#fff;width:100%}.sa-spin{animation:sa-spin 1s linear infinite}.sa-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.sa-donut-center strong{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;color:#0f172a}.sa-donut-center span{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sa-heatmap-grid{display:flex;flex-direction:column;gap:4px}.sa-hm-row{display:flex;align-items:center;gap:4px}.sa-hm-day{width:28px;font-size:.6rem;font-weight:700;color:#64748b}.sa-hm-cell{flex:1;height:22px;border-radius:4px;transition:all .2s;cursor:pointer}.sa-hm-cell:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000026}.sa-heatmap-legend{display:flex;gap:3px;align-items:center}.sa-heatmap-legend span{width:12px;height:12px;border-radius:3px;display:inline-block}.sa-rank-medal{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.7rem;font-weight:900;color:#64748b;background:#f1f5f9}.sa-rank-medal.sa-gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#92400e}.sa-rank-medal.sa-silver{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#334155}.sa-rank-medal.sa-bronze{background:linear-gradient(135deg,#fed7aa,#ea580c);color:#7c2d12}.sa-top-students{display:flex;flex-direction:column;gap:.5rem}.sa-ts-row{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:12px;transition:all .2s;cursor:pointer}.sa-ts-row:hover{background:#f8fafc}.sa-ts-rank{font-size:.85rem;font-weight:900;min-width:28px;text-align:center}.sa-ts-rank.sa-gold{color:#f59e0b}.sa-ts-rank.sa-silver{color:#94a3b8}.sa-ts-rank.sa-bronze{color:#ea580c}.sa-ts-avatar{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid #E5E7EB}.sa-ts-info{flex:1;display:flex;flex-direction:column}.sa-ts-info strong{font-size:.78rem;font-weight:800;color:#0f172a}.sa-ts-info span{font-size:.65rem;color:#64748b;font-weight:600}.sa-ts-score strong{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:900;color:#059669}.sa-full-lb-btn{margin-top:.5rem;justify-content:center;padding:.6rem;background:#eef2ff;border-radius:10px;font-weight:800}.sa-mc-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.sa-mc-data{display:flex;flex-direction:column}.sa-mc-value{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:#0f172a;line-height:1}.sa-mc-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-top:.2rem}.sa-mc-trend{display:flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;color:#10b981}.sa-charts-row{display:flex;gap:1rem}@media(max-width:1024px){.sa-charts-row{flex-direction:column}}.sa-chart-card{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;flex:1}.sa-chart-wide{flex:2}.sa-chart-narrow{flex:1}.sa-cc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sa-cc-header h3{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#0f172a;margin:0}.sa-cc-select{padding:.3rem .6rem;border-radius:8px;border:1px solid #D1D5DB;font-size:.7rem;font-weight:600;color:#374151;background:#fff;cursor:pointer}.sa-link-btn{display:flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:700;color:#4f46e5;transition:color .2s}.sa-link-btn:hover{color:#3730a3}.sa-line-chart{padding:.5rem 0}.sa-revenue-svg{width:100%;height:auto}.sa-chart-labels{display:flex;justify-content:space-between;padding:.5rem 0 0;margin-top:.25rem}.sa-chart-labels span{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sa-hbar-chart{display:flex;flex-direction:column;gap:.65rem}.sa-hbar-row{display:flex;align-items:center;gap:.5rem}.sa-hbar-label{width:40px;font-size:.65rem;font-weight:800;color:#64748b;text-align:right}.sa-hbar-track{flex:1;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden}.sa-hbar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px;animation:saBarFill .8s ease-out forwards}@keyframes saBarFill{0%{width:0}}.sa-hbar-val{width:35px;font-size:.7rem;font-weight:800;color:#4f46e5}.sa-pie-area{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.sa-pie-svg{width:140px;height:140px;transform:rotate(-90deg)}.sa-pie-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.sa-legend-item{display:flex;align-items:center;gap:.5rem}.sa-legend-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}.sa-legend-item span{flex:1;font-size:.75rem;font-weight:600;color:#64748b}.sa-legend-item strong{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:900;color:#0f172a}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse}.sa-table th{padding:.75rem 1rem;text-align:left;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:2px solid #F1F5F9;background:#fafbfc;white-space:nowrap}.sa-table td{padding:.875rem 1rem;font-size:.8rem;color:#374151;border-bottom:1px solid #F1F5F9;white-space:nowrap}.sa-table tbody tr{transition:background .15s}.sa-table tbody tr:hover td{background:#f9fafb}.sa-td-name{font-weight:700;color:#0f172a!important}.sa-money{color:#059669!important;font-family:Outfit,sans-serif}.sa-rank{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:900;color:#4f46e5;background:#eef2ff;padding:.2rem .5rem;border-radius:6px}.sa-status-badge{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:999px}.sa-badge-red{background:#fef2f2;color:#dc2626}.sa-badge-yellow{background:#fffbeb;color:#d97706}.sa-badge-gray{background:#f3f4f6;color:#6b7280}.sa-plan-badge{font-size:.6rem;font-weight:700;background:#eef2ff;color:#4f46e5;padding:.2rem .5rem;border-radius:6px}.sa-td-actions{display:flex;gap:.25rem}.sa-td-actions button{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.sa-td-actions button:hover{background:#eef2ff;color:#4f46e5}.sa-action-danger:hover{background:#fef2f2!important;color:#dc2626!important}.sa-sm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.sa-sm-metrics{grid-template-columns:repeat(2,1fr)}}.sa-sm-card{background:#fff;padding:1.25rem;border-radius:14px;border:1px solid #E5E7EB;display:flex;flex-direction:column;align-items:center;gap:.35rem;box-shadow:0 1px 3px #0000000a;transition:all .25s}.sa-sm-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sa-sm-card strong{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900}.sa-sm-card span{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.sa-sm-search{max-width:300px}.sa-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1rem}.sa-ph-icon{width:88px;height:88px;border-radius:24px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center}.sa-placeholder h2{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:900;color:#0f172a;margin:0}.sa-placeholder p{font-size:.85rem;color:#94a3b8;margin:0}@media(max-width:768px){.sa-sidebar{width:68px}.sa-sb-logo span,.sa-sb-sub,.sa-sb-item span,.sa-sb-footer span{display:none}.sa-main{margin-left:68px}.sa-page{padding:1rem}.sa-page-header{flex-direction:column;gap:.75rem;align-items:flex-start}.sa-tb-search,.sa-tb-status{display:none}}@keyframes saFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-metric-card{animation:saFadeIn .3s ease-out both}.sa-metric-card:nth-child(1){animation-delay:0s}.sa-metric-card:nth-child(2){animation-delay:.05s}.sa-metric-card:nth-child(3){animation-delay:.1s}.sa-metric-card:nth-child(4){animation-delay:.15s}.sa-metric-card:nth-child(5){animation-delay:.2s}.sa-metric-card:nth-child(6){animation-delay:.25s}.sa-chart-card{animation:saFadeIn .4s ease-out .1s both}.sa-toast{position:fixed;top:70px;right:1.5rem;z-index:200;display:flex;align-items:center;gap:.5rem;background:#059669;color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.8rem;font-weight:700;box-shadow:0 8px 24px #0596694d;animation:saToastIn .4s ease-out}@keyframes saToastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.sa-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.sa-book-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;transition:all .25s}.sa-book-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.sa-book-cover-wrap{position:relative;height:170px;background:#f1f5f9;overflow:hidden}.sa-book-cover-wrap .sa-status-badge{position:absolute;top:8px;right:8px}.sa-book-cover{width:100%;height:100%;object-fit:cover}.sa-book-info{padding:1rem}.sa-book-info h4{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;color:#0f172a;margin:0 0 .15rem}.sa-book-author{font-size:.7rem;color:#64748b;margin:0 0 .5rem}.sa-book-meta{display:flex;gap:.35rem;margin-bottom:.5rem;flex-wrap:wrap}.sa-book-level{font-size:.55rem;font-weight:700;background:#f3f4f6;color:#6b7280;padding:.15rem .4rem;border-radius:4px}.sa-book-stats{display:flex;gap:.75rem;font-size:.65rem;color:#64748b;font-weight:600;margin-bottom:.65rem}.sa-book-stats span{display:flex;align-items:center;gap:.2rem}.sa-book-actions{display:flex;gap:.35rem}.sa-bk-btn{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border-radius:6px;font-size:.6rem;font-weight:700;transition:all .15s;cursor:pointer}.bk-edit{background:#eef2ff;color:#4f46e5}.bk-edit:hover{background:#4f46e5;color:#fff}.bk-view{background:#f3f4f6;color:#374151}.bk-view:hover{background:#374151;color:#fff}.bk-delete{background:#fef2f2;color:#dc2626;padding:.35rem}.bk-delete:hover{background:#dc2626;color:#fff}.sa-book-delete-btn{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#ffffffe6;backdrop-filter:blur(2px);border:1px solid #FEE2E2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#dc2626;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #dc262614;z-index:10}.sa-book-delete-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.05)}.sa-modal-overlay{position:fixed;inset:0;z-index:300;background:#0f172a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:saOverlayIn .2s ease-out}@keyframes saOverlayIn{0%{opacity:0}to{opacity:1}}.sa-modal{background:#fff;border-radius:18px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:saModalIn .3s ease-out}.sa-modal::-webkit-scrollbar{width:6px}.sa-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sa-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.sa-modal::-webkit-scrollbar-thumb:hover{background:#999}@keyframes saModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #F1F5F9}.sa-modal-header h2{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;color:#0f172a;margin:0}.sa-modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.sa-modal-close:hover{background:#fef2f2;color:#dc2626}.sa-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sa-form-group{display:flex;flex-direction:column;gap:.35rem}.sa-form-group label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.sa-form-group input,.sa-form-group select{padding:.65rem .875rem;border:1px solid #E5E7EB;border-radius:10px;font-size:.85rem;font-weight:600;color:#1e293b;font-family:Inter,sans-serif;transition:border .2s}.sa-form-group input:focus,.sa-form-group select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e514}.sa-form-group input::placeholder{color:#94a3b8}.sa-form-row{display:flex;gap:1rem}.sa-form-row .sa-form-group{flex:1}.sa-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem}.sa-settings-grid{display:flex;flex-direction:column;gap:.5rem}.sa-setting-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:1.125rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.sa-setting-card:hover{background:#f9fafb;border-color:#4f46e5}.sa-setting-card div{flex:1}.sa-setting-card h4{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;color:#0f172a;margin:0 0 .15rem}.sa-setting-card p{font-size:.7rem;color:#64748b;margin:0}.sa-reward-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #F1F5F9;font-size:.8rem}.sa-reward-row:last-child{border-bottom:none}.rank-gold{background:#fef3c7!important;color:#d97706!important}.sa-sm-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.sa-sm-card{background:#fff;padding:1.25rem;border-radius:18px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.sa-sm-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.sa-sm-card strong{font-size:1.5rem;font-weight:900;font-family:Outfit,sans-serif}.sa-sm-card span{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sa-tb-live-users{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#059669;background:#ecfdf5;padding:.35rem .75rem;border-radius:8px}.sa-live-count{font-family:Outfit,sans-serif;font-weight:900;font-size:.85rem;animation:saCountPulse 2s ease-in-out infinite}@keyframes saCountPulse{0%,to{opacity:1}50%{opacity:.7}}.sa-dark-toggle{color:#f59e0b!important}.sa-dark-toggle:hover{background:#fffbeb!important}.sa-date-filter{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #E5E7EB;padding:.25rem .6rem;border-radius:8px;font-size:.7rem}.sa-date-filter input[type=date]{border:none;background:none;font-size:.7rem;font-family:Inter,sans-serif;font-weight:600;color:#374151;outline:none;width:110px}.sa-date-filter span{color:#94a3b8;font-weight:600}.sa-toast-error{background:#dc2626;box-shadow:0 8px 24px #dc26264d}.dark-mode .sa-shell{background:#0f172a}.dark-mode .sa-sidebar{background:#020617}.dark-mode .sa-topbar{background:#1e293b;border-color:#334155}.dark-mode .sa-tb-search input{background:#0f172a;color:#f1f5f9;border-color:#334155}.dark-mode .sa-tb-search input::placeholder{color:#64748b}.dark-mode .sa-tb-icon{color:#94a3b8}.dark-mode .sa-tb-icon:hover{background:#334155}.dark-mode .sa-tb-status{color:#94a3b8}.dark-mode .sa-tb-profile span{color:#f1f5f9}.dark-mode .sa-tb-live-users{background:#05966926;color:#34d399}.dark-mode .sa-dark-toggle{color:#fbbf24!important}.dark-mode .sa-dark-toggle:hover{background:#fbbf241a!important}.dark-mode .sa-date-filter{background:#0f172a;border-color:#334155}.dark-mode .sa-date-filter input[type=date],.dark-mode .sa-page h1{color:#f1f5f9}.dark-mode .sa-page p,.dark-mode .sa-page-header p{color:#94a3b8}.dark-mode .sa-metric-card{background:#1e293b;border-color:#334155}.dark-mode .sa-mc-value{color:#f1f5f9}.dark-mode .sa-mc-label{color:#94a3b8}.dark-mode .sa-chart-card{background:#1e293b;border-color:#334155}.dark-mode .sa-chart-card h3,.dark-mode .sa-cc-header h3,.dark-mode .sa-table{color:#f1f5f9}.dark-mode .sa-table thead th{color:#94a3b8;border-color:#334155}.dark-mode .sa-table tbody tr{border-color:#334155}.dark-mode .sa-table tbody tr:hover{background:#4f46e50d}.dark-mode .sa-td-name{color:#f1f5f9}.dark-mode .sa-money{color:#34d399}.dark-mode .sa-sm-card{background:#1e293b;border-color:#334155}.dark-mode .sa-sm-card span{color:#94a3b8}.dark-mode .sa-btn-outline{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .sa-btn-outline:hover{background:#334155}.dark-mode .sa-book-card{background:#1e293b;border-color:#334155}.dark-mode .sa-book-info h4{color:#f1f5f9}.dark-mode .sa-book-author{color:#94a3b8}.dark-mode .sa-book-level{background:#334155;color:#94a3b8}.dark-mode .sa-modal-overlay{background:#000000b3}.dark-mode .sa-modal{background:#1e293b;border:1px solid #334155}.dark-mode .sa-modal-header h2{color:#f1f5f9}.dark-mode .sa-modal-close,.dark-mode .sa-form-group label{color:#94a3b8}.dark-mode .sa-setting-card{background:#1e293b;border-color:#334155}.dark-mode .sa-setting-card h4{color:#f1f5f9}.dark-mode .sa-setting-card p{color:#94a3b8}.dark-mode .sa-setting-card:hover{background:#334155;border-color:#4f46e5}.dark-mode .sa-toast{box-shadow:0 8px 24px #0000004d}.dark-mode .sa-legend-item span{color:#94a3b8}.dark-mode .sa-legend-item strong{color:#f1f5f9}.dark-mode .sa-plan-badge{background:#334155;color:#94a3b8}.dark-mode .sa-rank{color:#818cf8}.dark-mode .sa-reward-row{border-color:#334155;color:#f1f5f9}.dark-mode code{background:#334155!important;color:#f1f5f9!important}.dark-mode .sa-donut-center strong{color:#f1f5f9}.dark-mode .sa-donut-center span,.dark-mode .sa-hm-day{color:#94a3b8}.dark-mode .sa-ts-row:hover{background:#334155}.dark-mode .sa-ts-info strong{color:#f1f5f9}.dark-mode .sa-ts-info span{color:#94a3b8}.dark-mode .sa-ts-avatar{border-color:#334155}.dark-mode .sa-full-lb-btn{background:#334155;color:#818cf8}.dark-mode .sa-rank-medal{background:#334155;color:#94a3b8}.sa-add-book-page{animation:saFadeIn .4s ease-out}.sa-add-book-page .sa-page-header{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:24px;padding:2rem 2.5rem!important;margin-bottom:2rem;position:relative;overflow:hidden}.sa-add-book-page .sa-page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.sa-add-book-page .sa-page-header h1{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.8rem;text-shadow:0 2px 8px rgba(0,0,0,.12)}.sa-add-book-page .sa-page-header p{color:#fffc!important}.sa-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;padding:.45rem 1rem;margin-bottom:.75rem;border-radius:12px;transition:all .25s}.sa-back-btn:hover{background:#ffffff59;transform:translate(-3px)}.sa-add-book-container{max-width:1280px}.sa-form-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}@media(max-width:1024px){.sa-form-grid{grid-template-columns:1fr}}.sa-form-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:1.75rem;box-shadow:0 4px 24px #0000000a;transition:box-shadow .3s}.sa-form-card:hover{box-shadow:0 8px 32px #6366f114}.sa-form-card h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#1e293b;margin:0 0 1.5rem;display:flex;align-items:center;gap:.6rem;padding-bottom:1rem;border-bottom:2px solid #F1F5F9}.sa-form-card h3 .sa-section-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-add-book-page .sa-form-group label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.5rem;display:block}.sa-add-book-page .sa-form-group input,.sa-add-book-page .sa-form-group textarea,.sa-add-book-page .sa-form-group select{width:100%;padding:.85rem 1rem;border-radius:14px;border:2px solid #E2E8F0;font-size:.9rem;font-weight:500;background:#fafbfd;transition:all .25s;outline:none;font-family:inherit;color:#1e293b}.sa-add-book-page .sa-form-group input:focus,.sa-add-book-page .sa-form-group textarea:focus,.sa-add-book-page .sa-form-group select:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #6366f114}.file-input-pretty{padding:.75rem 1rem;background:linear-gradient(135deg,#fafbfd,#f1f5f9);border:2px dashed #CBD5E1!important;cursor:pointer;width:100%;border-radius:14px;font-size:.85rem;transition:all .25s}.file-input-pretty:hover{border-color:#818cf8!important;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.sa-video-input-group{display:flex;flex-direction:column;gap:.75rem}.sa-divider{display:flex;align-items:center;text-align:center;color:#94a3b8;font-size:.6rem;font-weight:800;letter-spacing:.1em}.sa-divider:before,.sa-divider:after{content:"";flex:1;border-bottom:1px dashed #E2E8F0}.sa-divider span{padding:0 12px}.sa-ai-promo-card{background:linear-gradient(135deg,#eef2ff,#f5f3ff,#fdf4ff)!important;border:1px solid #C7D2FE!important}.sa-form-toggle{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem 1.25rem;border-radius:14px;border:2px solid #E2E8F0;cursor:pointer;transition:all .25s}.sa-form-toggle:has(input:checked){border-color:#818cf8;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 0 0 3px #6366f114}.sa-form-toggle input[type=checkbox]{width:22px;height:22px;accent-color:#6366F1;border-radius:6px;flex-shrink:0;cursor:pointer}.sa-form-toggle label{cursor:pointer}.sa-form-toggle label strong{display:block;font-size:.85rem;color:#1e293b}.sa-form-toggle label span{font-size:.72rem;color:#64748b;margin-top:2px;display:block}.sa-cover-preview-box{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);aspect-ratio:2/3;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;border:2px dashed #CBD5E1;transition:all .3s}.sa-cover-preview-box:hover{border-color:#818cf8}.sa-cover-img-preview{width:100%;height:100%;object-fit:cover}.sa-cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#94a3b8}.sa-cover-placeholder p{font-weight:700;font-size:.85rem}.sa-cover-upload-btn{position:absolute;bottom:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.55rem 1.25rem;border-radius:99px;font-size:.75rem;font-weight:700;box-shadow:0 6px 20px #6366f159;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .25s}.sa-cover-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.sa-hint-text{font-size:.65rem;color:#94a3b8;text-align:center;margin-top:.75rem}.sa-summary-card{background:linear-gradient(180deg,#fff,#fafbfd)!important}.sa-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #F1F5F9;font-size:.82rem;font-weight:600;color:#475569}.sa-btn-full{width:100%;margin-top:1.5rem;padding:1rem!important;font-size:.9rem!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;box-shadow:0 6px 24px #6366f14d!important;transition:all .3s!important}.sa-btn-full:hover{transform:translateY(-2px);box-shadow:0 10px 32px #6366f166!important}.dark-mode .sa-form-card{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .sa-form-card h3{color:#f1f5f9;border-bottom-color:#334155}.dark-mode .sa-add-book-page .sa-form-group input,.dark-mode .sa-add-book-page .sa-form-group textarea,.dark-mode .sa-add-book-page .sa-form-group select{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-mode .sa-ai-promo-card{background:#4f46e51a!important;border-color:#4f46e5!important}.dark-mode .sa-form-toggle{background:#0f172a;border-color:#334155}.dark-mode .sa-form-toggle label strong{color:#f1f5f9}.dark-mode .sa-form-toggle label span{color:#94a3b8}.dark-mode .sa-cover-preview-box{background:#0f172a;border-color:#334155}.dark-mode .sa-summary-item{border-color:#334155;color:#cbd5e1}.dark-mode .file-input-pretty{background:#0f172a;border-color:#334155!important;color:#94a3b8}.dark-mode .sa-divider:before,.dark-mode .sa-divider:after{border-color:#334155}.sa-id-badge{font-family:Outfit,sans-serif;background:#f1f5f9;color:#475569;padding:.3rem .6rem;border-radius:8px;font-weight:800;font-size:.7rem;border:1px solid #E2E8F0}.sa-perf-badge{padding:.25rem .6rem;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.sa-perf-badge.excellent{background:#ecfdf5;color:#059669}.sa-perf-badge.good{background:#eff6ff;color:#2563eb}.sa-perf-badge.average{background:#fef3c7;color:#d97706}.sa-perf-badge.needs-improvement{background:#fef2f2;color:#dc2626}.sa-filters{display:flex;gap:.75rem}.sa-filter-group{display:flex;flex-direction:column}.dark-mode .sa-id-badge{background:#1e293b;color:#94a3b8;border-color:#334155}.dark-mode .sa-perf-badge.excellent{background:#05966933}.dark-mode .sa-perf-badge.good{background:#2563eb33}.dark-mode .sa-perf-badge.average{background:#d9770633}.dark-mode .sa-perf-badge.needs-improvement{background:#dc262633}.sa-modal-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.sa-modal-card{background:#fff;width:100%;max-width:500px;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;max-height:94vh;display:flex;flex-direction:column;animation:sa-modal-pop .3s cubic-bezier(.34,1.56,.64,1)}.sa-modal-card.sa-wide-modal{max-width:850px}.sa-modal-body{flex:1;overflow-y:auto;padding:1.5rem}@keyframes sa-modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.sa-modal-header{padding:1.5rem;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.sa-modal-header h3{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.sa-modal-header button{color:#94a3b8;background:#f1f5f9;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sa-modal-header button:hover{background:#fef2f2;color:#dc2626}.sa-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.sa-form-group{display:flex;flex-direction:column;gap:.5rem}.sa-form-group label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sa-form-group input,.sa-form-group select,.sa-form-group textarea{padding:.75rem 1rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;font-size:.85rem;font-weight:600;color:#1e293b;outline:none;transition:all .2s}.sa-form-group input:focus,.sa-form-group select:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a}.sa-student-report-card{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:24px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 30px 60px -12px #0000004d}.sa-report-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:2.5rem;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.sa-rh-left{display:flex;gap:1.5rem;align-items:center}.sa-rh-avatar{width:80px;height:80px;background:#fff3;border:4px solid rgba(255,255,255,.3);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;font-family:Outfit}.sa-rh-left h2{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;margin:0}.sa-rh-left p{margin:.25rem 0 0;font-weight:600;color:#fffc}.sa-rh-close{background:#0000001a;color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sa-rh-close:hover{background:#0003;transform:rotate(90deg)}.sa-report-body{padding:2rem;display:flex;flex-direction:column;gap:2rem}.sa-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sa-rs-box{background:#f8fafc;padding:1.5rem;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:.25rem;border:1px solid #E2E8F0}.sa-rs-box strong{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:#1e293b}.sa-rs-box span{font-size:.65rem;font-weight:800;text-transform:uppercase;color:#94a3b8}.sa-report-section h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sa-report-footer{padding:1.5rem 2rem;border-top:1px solid #E2E8F0;background:#f9fafb;display:flex;justify-content:flex-end;gap:1rem}.sa-winner-card{background:#fff;width:100%;max-width:400px;padding:3rem 2rem;border-radius:32px;text-align:center;position:relative;box-shadow:0 40px 100px -20px #4f46e566;border:1px solid #E2E8F0}.sa-wc-sparkles{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #f59e0b4d}.sa-wc-avatar{width:100px;height:100px;margin:1.5rem auto;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:#92400e;box-shadow:0 15px 35px #f59e0b4d}.sa-wc-prizebox{background:#fef3c7;padding:1rem;border-radius:16px;color:#92400e;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.75rem;justify-content:center}.animate-bounce-in{animation:sa-bounce-in .6s cubic-bezier(.68,-.55,.265,1.55) both}@keyframes sa-bounce-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.dark-mode .sa-modal-card,.dark-mode .sa-student-report-card,.dark-mode .sa-winner-card{background:#1e293b;border-color:#334155;color:#fff}.dark-mode .sa-modal-header{border-color:#334155}.dark-mode .sa-modal-header h3{color:#fff}.dark-mode .sa-form-group label{color:#94a3b8}.dark-mode .sa-form-group input,.dark-mode .sa-form-group select,.dark-mode .sa-form-group textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-mode .sa-rs-box{background:#0f172a;border-color:#334155}.dark-mode .sa-rs-box strong,.dark-mode .sa-report-section h3{color:#fff}.dark-mode .sa-report-footer{background:#1e293b;border-color:#334155}.dark-mode .sa-wc-prizebox{background:#f59e0b1a;color:#f59e0b}.sa-action-view{color:#4f46e5!important;background:#4f46e514!important}.sa-action-view:hover{background:#4f46e526!important;transform:translateY(-2px)}.sa-info-box{background:#f8fafc;padding:1rem 1.25rem;border-radius:12px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:.25rem;transition:all .2s}.sa-info-box:hover{border-color:#4f46e5;background:#fff;box-shadow:0 4px 12px #0000000d}.sa-info-lbl{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.sa-info-val{font-size:.95rem;font-weight:800;color:#1e293b}.sa-metric-mini{background:#fff;padding:1.25rem;border-radius:16px;border:1px solid #F1F5F9;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #00000005}.sa-mm-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sa-metric-mini div{display:flex;flex-direction:column}.sa-metric-mini span{font-size:.75rem;color:#64748b;font-weight:600}.sa-metric-mini strong{font-size:1.1rem;color:#1e293b;font-weight:900;font-family:Outfit,sans-serif}.sa-badge-green{background:#ecfdf5;color:#059669}.sa-badge-gray{background:#f1f5f9;color:#64748b}.animate-fade-in{animation:saFadeIn .3s ease-out}@keyframes saFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .sa-info-box{background:#1e293b;border-color:#334155}.dark-mode .sa-info-val{color:#f1f5f9}.dark-mode .sa-metric-mini{background:#1e293b;border-color:#334155}.dark-mode .sa-metric-mini strong{color:#fff}.dark-mode .sa-badge-gray{background:#334155;color:#94a3b8}.sa-maintenance-page{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.sa-glass-card{background:#ffffffb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:2rem;box-shadow:0 10px 30px #0000000a;transition:all .3s ease}.sa-glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014;border-color:#4f46e5}.sa-maint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.sa-maint-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.sa-maint-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.sa-maint-card-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#1e293b}.sa-maint-btn{width:100%;padding:1rem;border-radius:12px;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;cursor:pointer;border:none}.sa-maint-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.sa-maint-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.sa-maint-btn-outline{background:#fff;border:1px solid #e2e8f0;color:#475569}.sa-maint-btn-outline:hover{border-color:#4f46e5;color:#4f46e5;background:#f8fafc}.sa-maint-btn-danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.sa-maint-btn-danger:hover{background:#e11d48;color:#fff}.sa-maint-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sa-maint-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.sa-maint-list-item{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#64748b;font-weight:600}.dark-mode .sa-glass-card{background:#1e293b99;border-color:#ffffff0d}.dark-mode .sa-maint-card-title{color:#fff}.dark-mode .sa-maint-btn-outline{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-mode .sa-maint-btn-danger{background:#e11d481a;border-color:#e11d4833}.sa-spin{animation:sa-spin 2s linear infinite}.file-input-pretty{width:100%;padding:.75rem;border:2px dashed #4f46e5;background:#4f46e50d;border-radius:12px;font-size:.8rem;color:#4f46e5;cursor:pointer;transition:all .2s}.file-input-pretty:hover{border-color:#4f46e5;background:#4f46e51a}.dark-mode .file-input-pretty{border-color:#4f46e5;background:#4f46e51a;color:#818cf8}.sa-challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}.sa-quest-modern-card{background:#fff;border-radius:24px;border:1px solid #E2E8F0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.sa-quest-modern-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#4f46e5}.sa-qmc-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#f8fafc,#fff)}.sa-qmc-icon-wrap{width:44px;height:44px;border-radius:14px;background:#fffbeb;display:flex;align-items:center;justify-content:center;border:1px solid #FEF3C7}.sa-qmc-badge{background:#ecfdf5;color:#059669;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sa-qmc-content{padding:0 1.25rem 1.25rem;flex:1}.sa-qmc-content h4{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;line-height:1.3}.sa-qmc-content p{font-size:.85rem;color:#64748b;line-height:1.6;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-qmc-meta{display:flex;gap:.75rem;margin-bottom:1.25rem}.sa-qmc-tag{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:10px;background:#f1f5f9;font-size:.75rem;font-weight:700;color:#475569}.sa-qmc-tag.points{background:#eef2ff;color:#4f46e5}.sa-qmc-footer{display:flex;flex-direction:column;gap:.6rem;padding-top:1.25rem;border-top:1px solid #F1F5F9}.sa-qmc-dates,.sa-qmc-books{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#64748b;font-weight:600}.sa-qmc-dates svg,.sa-qmc-books svg{color:#94a3b8}.sa-qmc-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #F1F5F9}.sa-qmc-btn{padding:1rem;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;border:none;cursor:pointer;background:transparent}.sa-qmc-btn.edit{color:#4f46e5;border-right:1px solid #F1F5F9}.sa-qmc-btn.edit:hover{background:#f5f3ff}.sa-qmc-btn.delete{color:#ef4444}.sa-qmc-btn.delete:hover{background:#fef2f2}.sa-modal-form{overflow-y:auto;max-height:calc(94vh - 70px)!important;padding-bottom:2rem!important}.sa-modal-form{flex:1;overflow-y:auto;overflow-x:hidden}.sa-sub-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #E2E8F0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d}.sa-sub-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #0000001a}.sa-sub-card-header{padding:1rem;position:relative;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.sa-sub-icon{width:36px;height:36px;background:#ffffff38;backdrop-filter:blur(10px);border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35)}.sa-sub-icon svg{width:18px;height:18px}.sa-sub-badge{background:#fff;color:#1e293b;padding:.3rem .75rem;border-radius:99px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #0000001a}.sa-sub-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.sa-sub-title-wrap h3{font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.01em}.sa-sub-target{font-size:.6rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em;display:block;margin-top:.25rem}.sa-sub-price-area{margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid #F1F5F9}.sa-sub-price{display:flex;align-items:baseline;gap:.25rem}.sa-sub-curr{font-size:.75rem;font-weight:800;color:#94a3b8}.sa-sub-amt{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;color:#0f172a;letter-spacing:-.03em}.sa-sub-disc{font-size:.85rem;font-weight:700;color:#94a3b8;text-decoration:line-through;margin-top:-.25rem}.sa-sub-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.sa-sub-feat-item{display:flex;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;color:#475569}.sa-sub-stats{margin-top:auto;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F1F5F9}.sa-sub-stat-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sa-sub-actions{margin-top:1.5rem;display:flex;gap:.75rem}.sa-sub-btn-edit{flex:1;height:38px;background:#f8fafc;color:#1e293b;border:1px solid #E2E8F0;border-radius:10px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.sa-sub-btn-edit:hover{background:#0f172a;color:#fff}.sa-sub-btn-del{width:38px;height:38px;background:#fff1f2;color:#f43f5e;border:1px solid #FFE4E6;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sa-sub-btn-del:hover{background:#f43f5e;color:#fff}.sa-grid-3{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%}@media(max-width:1400px){.sa-grid-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.sa-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sa-grid-3{grid-template-columns:1fr}}.sa-add-book-page{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.sa-add-book-page .anb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.75rem;border-bottom:2px solid #EEF2FF;position:relative}.sa-add-book-page .anb-header:after{content:"";position:absolute;bottom:-2px;left:0;width:120px;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.sa-add-book-page .anb-header-info h2{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:900;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.02em}.sa-add-book-page .anb-header-info p{font-size:.82rem;color:#94a3b8;font-weight:600;margin:0}.sa-add-book-page .anb-back-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:12px;background:#f8fafc;color:#475569;border:1.5px solid #E2E8F0;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s}.sa-add-book-page .anb-back-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe;transform:translateY(-1px)}.sa-add-book-page .anb-form{display:flex;flex-direction:column;gap:1.75rem}.sa-add-book-page .anb-section{background:#fff;border:1.5px solid #E8ECF4;border-radius:20px;padding:2rem;box-shadow:0 2px 12px #0f172a08;transition:all .3s cubic-bezier(.4,0,.2,1)}.sa-add-book-page .anb-section:hover{box-shadow:0 8px 32px #6366f10f;border-color:#d4daea}.sa-add-book-page .anb-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1.5px solid #F1F5F9}.sa-add-book-page .anb-section-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.sa-add-book-page .anb-section-icon.icon-indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.sa-add-book-page .anb-section-icon.icon-emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.sa-add-book-page .anb-section-icon.icon-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.sa-add-book-page .anb-section-icon.icon-rose{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48}.sa-add-book-page .anb-section-icon.icon-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.sa-add-book-page .anb-section-icon.icon-slate{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155}.sa-add-book-page .anb-section-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#1e293b;margin:0}.sa-add-book-page .anb-section-subtitle{font-size:.7rem;color:#94a3b8;font-weight:600;margin:.15rem 0 0}.sa-add-book-page .anb-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.sa-add-book-page .anb-fields-grid.cols-1{grid-template-columns:1fr}.sa-add-book-page .anb-field-full{grid-column:1 / -1}.sa-add-book-page .anb-field{display:flex;flex-direction:column;gap:.45rem}.sa-add-book-page .anb-field label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b;display:flex;align-items:center;gap:.4rem}.sa-add-book-page .anb-field label .anb-label-badge{font-size:.55rem;background:#eef2ff;color:#6366f1;padding:.15rem .5rem;border-radius:20px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sa-add-book-page .anb-field input,.sa-add-book-page .anb-field select,.sa-add-book-page .anb-field textarea{width:100%;padding:.8rem 1rem;border-radius:12px;border:1.5px solid #E2E8F0;font-size:.85rem;font-weight:500;background:#fafbfd;transition:all .25s;outline:none;font-family:Inter,sans-serif;color:#1e293b;box-sizing:border-box}.sa-add-book-page .anb-field input:focus,.sa-add-book-page .anb-field select:focus,.sa-add-book-page .anb-field textarea:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #6366f114}.sa-add-book-page .anb-field input::placeholder,.sa-add-book-page .anb-field textarea::placeholder{color:#b0bac9;font-weight:400}.sa-add-book-page .anb-levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1.25rem;background:linear-gradient(135deg,#fafbfd,#f8fafc);border-radius:16px;border:1.5px solid #E8ECF4}.sa-add-book-page .anb-level-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:10px;cursor:pointer;transition:all .2s;border:1.5px solid transparent;background:#fff}.sa-add-book-page .anb-level-chip:hover{background:#f5f3ff;border-color:#e0e7ff}.sa-add-book-page .anb-level-chip.active{background:#eef2ff;border-color:#818cf8;box-shadow:0 2px 8px #6366f11a}.sa-add-book-page .anb-level-chip input[type=checkbox]{width:16px;height:16px;accent-color:#6366F1;border-radius:4px;flex-shrink:0;cursor:pointer}.sa-add-book-page .anb-level-chip span{font-size:.72rem;font-weight:700;color:#475569}.sa-add-book-page .anb-level-chip.active span{color:#4f46e5}.sa-add-book-page .anb-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sa-add-book-page .anb-type-card{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.25rem;border-radius:16px;border:2px solid #E8ECF4;cursor:pointer;transition:all .3s;background:#fafbfd}.sa-add-book-page .anb-type-card:hover{border-color:#c7d2fe;background:#f8f7ff}.sa-add-book-page .anb-type-card.active{border-color:#818cf8;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 4px 16px #6366f11f}.sa-add-book-page .anb-type-card input{display:none}.sa-add-book-page .anb-type-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:#64748b;transition:all .3s}.sa-add-book-page .anb-type-card.active .anb-type-icon{background:#4f46e5;color:#fff}.sa-add-book-page .anb-type-name{font-size:.85rem;font-weight:800;color:#1e293b;margin:0}.sa-add-book-page .anb-type-desc{font-size:.65rem;color:#94a3b8;font-weight:600;margin:.1rem 0 0}.sa-add-book-page .anb-upload-row{display:flex;gap:.5rem;align-items:stretch}.sa-add-book-page .anb-upload-row input{flex:1}.sa-add-book-page .anb-upload-btn{display:flex;align-items:center;justify-content:center;padding:0 .85rem;border-radius:12px;background:#f8fafc;border:1.5px solid #E2E8F0;color:#64748b;cursor:pointer;transition:all .2s;flex-shrink:0}.sa-add-book-page .anb-upload-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.sa-add-book-page .anb-upload-btn input{display:none}.sa-add-book-page .anb-media-preview{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fafbfe,#f5f3ff);border-radius:18px;border:2px dashed #D4DAEA}.sa-add-book-page .anb-media-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sa-add-book-page .anb-media-preview-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#6366f1;display:flex;align-items:center;gap:.5rem}.sa-add-book-page .anb-media-preview-label .dot{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:sa-blink 1.5s infinite}.sa-add-book-page .anb-pdf-linked-badge{font-size:.6rem;font-weight:800;background:#ecfdf5;color:#059669;padding:.3rem .65rem;border-radius:8px;border:1px solid #D1FAE5;display:flex;align-items:center;gap:.35rem}.sa-add-book-page .anb-media-grid{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:start}.sa-add-book-page .anb-cover-preview{aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #0000001f;border:3px solid white;background:#f1f5f9}.sa-add-book-page .anb-cover-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.sa-add-book-page .anb-cover-preview:hover img{transform:scale(1.05)}.sa-add-book-page .anb-video-preview{aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;border:4px solid white;background:#0f172a}.sa-add-book-page .anb-video-preview iframe{width:100%;height:100%;border:none}.sa-add-book-page .anb-preview-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.sa-add-book-page .anb-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-radius:16px;border:2px solid #E8ECF4;cursor:pointer;transition:all .3s;background:#fafbfd}.sa-add-book-page .anb-toggle-card:hover{border-color:#c7d2fe}.sa-add-book-page .anb-toggle-card.active{border-color:#818cf8;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.sa-add-book-page .anb-toggle-card.active-green{border-color:#6ee7b7;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.sa-add-book-page .anb-toggle-card.active-dark{border-color:#475569;background:linear-gradient(135deg,#1e293b,#0f172a)}.sa-add-book-page .anb-toggle-left{display:flex;align-items:center;gap:.85rem}.sa-add-book-page .anb-toggle-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.sa-add-book-page .anb-toggle-name{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1e293b}.sa-add-book-page .anb-toggle-desc{font-size:.62rem;font-weight:600;color:#94a3b8;margin-top:.1rem}.sa-add-book-page .anb-toggle-card.active-dark .anb-toggle-name{color:#f1f5f9}.sa-add-book-page .anb-toggle-card.active-dark .anb-toggle-desc{color:#64748b}.sa-add-book-page .anb-toggle-check{width:28px;height:28px;border-radius:50%;border:2px solid #D1D5DB;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.sa-add-book-page .anb-toggle-check.checked{background:#4f46e5;border-color:#4f46e5}.sa-add-book-page .anb-toggle-check.checked-white{background:#fff;border-color:#fff}.sa-add-book-page .anb-toggle-check.checked-dark{background:#6366f1;border-color:#6366f1}.sa-add-book-page .anb-toggle-card input[type=checkbox]{display:none}.sa-add-book-page .anb-assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sa-add-book-page .anb-quiz-bank{margin-top:1rem}.sa-add-book-page .anb-quiz-bank-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1.5px solid #E8ECF4}.sa-add-book-page .anb-quiz-bank-title{display:flex;align-items:center;gap:.75rem}.sa-add-book-page .anb-quiz-bank-icon{width:40px;height:40px;background:#0f172a;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.sa-add-book-page .anb-add-question-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:12px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .25s;border:none;box-shadow:0 4px 12px #4f46e540}.sa-add-book-page .anb-add-question-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.sa-add-book-page .anb-question-card{background:#fff;border:1.5px solid #E8ECF4;border-radius:18px;overflow:hidden;margin-bottom:1rem;transition:all .2s}.sa-add-book-page .anb-question-card:hover{box-shadow:0 4px 16px #0000000d}.sa-add-book-page .anb-question-card-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#f8fafc;border-bottom:1px solid #F1F5F9}.sa-add-book-page .anb-question-number{display:flex;align-items:center;gap:.5rem}.sa-add-book-page .anb-question-badge{width:26px;height:26px;border-radius:8px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900}.sa-add-book-page .anb-question-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#94a3b8}.sa-add-book-page .anb-question-delete{color:#cbd5e1;cursor:pointer;transition:color .2s;background:none;border:none;padding:.25rem}.sa-add-book-page .anb-question-delete:hover{color:#f43f5e}.sa-add-book-page .anb-question-card-body{padding:1.5rem}.sa-add-book-page .anb-question-textarea{width:100%;min-height:100px;padding:1rem;border-radius:14px;border:1.5px solid #E2E8F0;background:#fafbfd;font-size:.85rem;font-weight:500;color:#1e293b;outline:none;resize:vertical;font-family:Inter,sans-serif;transition:all .25s;box-sizing:border-box}.sa-add-book-page .anb-question-textarea:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #6366f114}.sa-add-book-page .anb-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.sa-add-book-page .anb-option-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:12px;border:1.5px solid #E8ECF4;transition:all .2s;background:#fff}.sa-add-book-page .anb-option-item.correct{border-color:#818cf8;background:#f5f3ff}.sa-add-book-page .anb-option-letter{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;cursor:pointer;transition:all .2s;border:none;background:#f1f5f9;color:#94a3b8;flex-shrink:0}.sa-add-book-page .anb-option-letter.selected{background:#4f46e5;color:#fff}.sa-add-book-page .anb-option-input{flex:1;border:none;background:transparent;font-size:.78rem;font-weight:600;color:#1e293b;outline:none;font-family:Inter,sans-serif}.sa-add-book-page .anb-option-input::placeholder{color:#cbd5e1}.sa-add-book-page .anb-game-select-wrap{margin-top:.75rem;padding:1.25rem;background:#fff;border-radius:14px;border:1px solid #D1FAE5}.sa-add-book-page .anb-game-select-wrap label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#059669;margin-bottom:.5rem;display:block}.sa-add-book-page .anb-game-select-wrap select{width:100%;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #E2E8F0;background:#f8fafc;font-size:.82rem;font-weight:600;color:#1e293b;outline:none;font-family:Inter,sans-serif}.sa-add-book-page .anb-chapters-list{max-height:420px;overflow-y:auto;padding-right:.5rem}.sa-add-book-page .anb-chapter-item{padding:1.25rem;background:#fafbfd;border-radius:14px;border:1.5px solid #E8ECF4;margin-bottom:.75rem;position:relative}.sa-add-book-page .anb-chapter-item-header{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.sa-add-book-page .anb-chapter-item-header input{flex:1;padding:.6rem .9rem;border-radius:10px;border:1.5px solid #E2E8F0;font-size:.82rem;font-weight:700;color:#1e293b;background:#fff;outline:none;font-family:Inter,sans-serif}.sa-add-book-page .anb-chapter-item textarea{width:100%;height:80px;padding:.75rem .9rem;border-radius:10px;border:1.5px solid #E2E8F0;font-size:.8rem;color:#1e293b;background:#fff;outline:none;resize:vertical;font-family:Inter,sans-serif;box-sizing:border-box}.sa-add-book-page .anb-chapter-delete{color:#f87171;cursor:pointer;transition:color .2s;background:none;border:none}.sa-add-book-page .anb-chapter-delete:hover{color:#ef4444}.sa-add-book-page .anb-empty-state{padding:3rem;text-align:center;background:#fff;border:2px dashed #E2E8F0;border-radius:18px}.sa-add-book-page .anb-empty-state h3{font-size:.85rem;font-weight:800;color:#475569;margin:.5rem 0 .25rem}.sa-add-book-page .anb-empty-state p{font-size:.7rem;color:#94a3b8}.sa-add-book-page .anb-form-actions{display:flex;justify-content:flex-end;gap:.85rem;margin-top:.5rem;padding-top:1.5rem;border-top:1.5px solid #F1F5F9}.sa-add-book-page .anb-discard-btn{display:flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem;border-radius:12px;background:#f8fafc;color:#64748b;border:1.5px solid #E2E8F0;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .25s}.sa-add-book-page .anb-discard-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.sa-add-book-page .anb-publish-btn{display:flex;align-items:center;gap:.4rem;padding:.75rem 2rem;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 6px 24px #4f46e54d}.sa-add-book-page .anb-publish-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #4f46e566}.sa-add-book-page .anb-publish-btn:active{transform:scale(.98)}.sa-add-book-page .anb-marks-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.sa-add-book-page .anb-marks-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#e11d48}.sa-add-book-page .anb-marks-input{width:80px;padding:.5rem .75rem;border-radius:10px;border:1.5px solid #E2E8F0;background:#fafbfd;font-size:.82rem;font-weight:800;color:#1e293b;outline:none;text-align:center;font-family:Inter,sans-serif}.sa-add-book-page .anb-marks-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f114}.sa-add-book-page .anb-section.green-tint{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}@media(max-width:768px){.sa-add-book-page{padding:1rem}.sa-add-book-page .anb-header{flex-direction:column;align-items:flex-start;gap:1rem}.sa-add-book-page .anb-fields-grid{grid-template-columns:1fr}.sa-add-book-page .anb-levels-grid{grid-template-columns:repeat(2,1fr)}.sa-add-book-page .anb-type-selector,.sa-add-book-page .anb-media-grid,.sa-add-book-page .anb-assessment-grid,.sa-add-book-page .anb-options-grid{grid-template-columns:1fr}.sa-add-book-page .anb-form-actions{flex-direction:column}.sa-add-book-page .anb-publish-btn,.sa-add-book-page .anb-discard-btn{width:100%;justify-content:center}}.dark-mode .sa-add-book-page .anb-header{border-bottom-color:#334155}.dark-mode .sa-add-book-page .anb-header:after{background:linear-gradient(90deg,#818cf8,#a78bfa)}.dark-mode .sa-add-book-page .anb-header-info h2{color:#f1f5f9}.dark-mode .sa-add-book-page .anb-header-info p{color:#64748b}.dark-mode .sa-add-book-page .anb-back-btn{background:#1e293b;color:#cbd5e1;border-color:#334155}.dark-mode .sa-add-book-page .anb-section{background:#1e293b;border-color:#334155}.dark-mode .sa-add-book-page .anb-section-header{border-bottom-color:#334155}.dark-mode .sa-add-book-page .anb-section-title{color:#f1f5f9}.dark-mode .sa-add-book-page .anb-field label{color:#94a3b8}.dark-mode .sa-add-book-page .anb-field input,.dark-mode .sa-add-book-page .anb-field select,.dark-mode .sa-add-book-page .anb-field textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-mode .sa-add-book-page .anb-levels-grid{background:#0f172a;border-color:#334155}.dark-mode .sa-add-book-page .anb-level-chip{background:#1e293b}.dark-mode .sa-add-book-page .anb-level-chip span{color:#cbd5e1}.dark-mode .sa-add-book-page .anb-type-card{background:#0f172a;border-color:#334155}.dark-mode .sa-add-book-page .anb-type-name{color:#f1f5f9}.dark-mode .sa-add-book-page .anb-toggle-card{background:#0f172a;border-color:#334155}.dark-mode .sa-add-book-page .anb-toggle-name{color:#f1f5f9}.dark-mode .sa-add-book-page .anb-question-card{background:#1e293b;border-color:#334155}.dark-mode .sa-add-book-page .anb-question-card-header{background:#0f172a}.dark-mode .sa-add-book-page .anb-question-textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-mode .sa-add-book-page .anb-option-item{background:#0f172a;border-color:#334155}.dark-mode .sa-add-book-page .anb-option-input{color:#e2e8f0}.dark-mode .sa-add-book-page .anb-chapter-item{background:#0f172a;border-color:#334155}.dark-mode .sa-add-book-page .anb-discard-btn{background:#1e293b;color:#cbd5e1;border-color:#334155}.dark-mode .sa-add-book-page .anb-form-actions{border-top-color:#334155}.anb-rich-toolbar{background:#f8fafc!important;border:1.5px solid #E2E8F0!important;border-bottom:none!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;padding:10px 15px!important;margin-top:1rem!important}.anb-rt-btns{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.anb-rt-btns button{background:#fff!important;border:1.5px solid #E2E8F0!important;color:#64748b!important;width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;padding:0!important}.anb-rt-btns button:hover{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #4f46e533!important}.anb-rt-divider{width:1.5px!important;height:20px!important;background:#e2e8f0!important;margin:0 4px!important}.anb-chapter-item textarea{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.dark-mode .anb-rich-toolbar{background:#0f172a!important;border-color:#334155!important}.dark-mode .anb-rt-btns button{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}.dark-mode .anb-rt-btns button:hover{background:#4f46e5!important;color:#fff!important}.sa-para-active{background:#4f46e508;border-radius:0 12px 12px 0}.ai-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.ai-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:10px;font-size:.8rem;font-weight:700;background:#fff;color:#64748b;border:1px solid #E5E7EB;transition:all .2s;cursor:pointer}.ai-tab:hover{border-color:#4f46e5;color:#4f46e5}.ai-tab-active{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e540}.ai-content{display:flex;flex-direction:column;gap:1rem}.ai-split{display:flex;gap:1rem}@media(max-width:1024px){.ai-split{flex-direction:column}}.ai-panel{flex:1;background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:.75rem}.ai-preview-panel{flex:1.2}.ai-panel-title{display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;color:#0f172a;margin:0}.ai-panel-desc{font-size:.75rem;color:#64748b;margin:0 0 .5rem;line-height:1.5}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.85rem;font-weight:800;border:none;box-shadow:0 4px 14px #4f46e54d;transition:all .25s;cursor:pointer;margin-top:.5rem}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.ai-generate-btn:disabled{opacity:.7;cursor:wait}.ai-video-btn{background:linear-gradient(135deg,#059669,#0891b2);box-shadow:0 4px 14px #0596694d}.ai-spin{animation:aiSpin 1s linear infinite}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-empty,.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#94a3b8;text-align:center}.ai-empty p,.ai-loading p{font-size:.8rem;font-weight:600}.ai-book-preview{display:flex;flex-direction:column;gap:.75rem}.ai-cover-preview{width:100%;max-height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 14px #0000001a}.ai-book-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;color:#0f172a;margin:0}.ai-book-author{font-size:.75rem;color:#4f46e5;font-weight:700;margin:0}.ai-book-summary{font-size:.8rem;color:#374151;line-height:1.6;margin:0}.ai-chapters{display:flex;flex-direction:column;gap:.5rem}.ai-chapter{border:1px solid #F1F5F9;border-radius:10px;overflow:hidden}.ai-chapter summary{padding:.75rem 1rem;font-size:.8rem;font-weight:700;color:#0f172a;cursor:pointer;background:#fafbfc;transition:background .2s}.ai-chapter summary:hover{background:#eef2ff}.ai-chapter p{padding:.75rem 1rem;font-size:.78rem;color:#374151;line-height:1.7;margin:0}.ai-preview-actions{display:flex;gap:.5rem;margin-top:.5rem}.ai-quiz-preview{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #E5E7EB}.ai-quiz-title{display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#0f172a;margin-bottom:1rem}.ai-quiz-list{display:flex;flex-direction:column;gap:1rem}.ai-quiz-item{background:#f8fafc;padding:.75rem;border-radius:10px}.ai-q-text{font-size:.78rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.ai-q-options{display:flex;flex-wrap:wrap;gap:.4rem}.ai-q-opt{font-size:.7rem;font-weight:600;color:#64748b;padding:.2rem .6rem;background:#fff;border:1px solid #E5E7EB;border-radius:6px}.ai-q-correct{background:#dcfce7;color:#166534;border-color:#86efac}.ai-video-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.ai-video-btn-alt{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;font-size:.85rem;font-weight:800;border:none;box-shadow:0 4px 14px #1e3a8a4d;transition:all .25s;cursor:pointer}.ai-video-btn-alt:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.ai-engine-tag{font-size:.65rem;padding:.15rem .5rem;background:#eef2ff;color:#4f46e5;border-radius:6px;font-weight:700}.ai-scene-desc{color:#64748b!important;font-style:italic;background:#f8fafc;padding:.5rem!important;border-radius:6px}.ai-scene-narr{border-left:3px solid #4F46E5;margin-top:.5rem!important}.ai-key-status{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;margin-top:-.25rem}.dark-mode .ai-panel{background:#1e293b;border-color:#334155}.dark-mode .ai-panel-title{color:#f1f5f9}.dark-mode .ai-panel-desc{color:#94a3b8}.dark-mode .ai-tab{background:#1e293b;color:#94a3b8;border-color:#334155}.dark-mode .ai-tab:hover{border-color:#818cf8;color:#818cf8}.dark-mode .ai-tab-active{background:#4f46e5;color:#fff;border-color:#4f46e5}.dark-mode .ai-book-title{color:#f1f5f9}.dark-mode .ai-book-summary{color:#cbd5e1}.dark-mode .ai-chapter{border-color:#334155}.dark-mode .ai-chapter summary{background:#0f172a;color:#f1f5f9}.dark-mode .ai-chapter summary:hover{background:#1e293b}.dark-mode .ai-chapter p{color:#cbd5e1}.dark-mode .sa-form-group input,.dark-mode .sa-form-group select{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-mode .sa-form-group input::placeholder{color:#64748b}.dark-mode .ai-quiz-preview{border-color:#334155}.dark-mode .ai-quiz-item{background:#0f172a}.dark-mode .ai-q-text{color:#f1f5f9}.dark-mode .ai-q-opt{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-mode .ai-q-correct{background:#16653433;color:#4ade80;border-color:#22c55e}.dark-mode .ai-engine-tag{background:#334155;color:#818cf8}.dark-mode .ai-scene-desc{background:#0f172a;color:#94a3b8!important}.dark-mode .ai-quiz-title{color:#f1f5f9}.ai-scene-preview-card{display:flex;gap:1rem;padding:1rem;background:#fafbfc;border:1px solid #F1F5F9;border-radius:12px;margin-bottom:.75rem}.ai-scene-thumb{width:120px;height:90px;border-radius:8px;background:#e5e7eb;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#94a3b8;position:relative}.ai-scene-thumb img{width:100%;height:100%;object-fit:cover}.ai-scene-info{flex:1}.ai-scene-info p{font-size:.75rem;margin:0 0 .5rem}.dark-mode .ai-scene-preview-card{background:#0f172a;border-color:#334155;color:#94a3b8}.ai-spin{animation:sa-spin 1s linear infinite}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-vid-frame{animation:aiFrameFade .5s ease-out}@keyframes aiFrameFade{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.ai-vid-dot.active{background:#4f46e5!important;height:8px!important}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275)}.sad-shell{display:flex;min-height:100vh;background:#f3f4f6;font-family:Inter,sans-serif}.sad-sidebar{width:250px;background:#1e3a8a;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width .3s;overflow:hidden}.sad-sb-collapsed{width:68px}.sad-sb-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sad-sb-logo{display:flex;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-weight:900;font-size:1rem;color:#fff}.sad-sb-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin:.4rem 0 0}.sad-sb-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.sad-sb-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:10px;font-size:.78rem;font-weight:700;color:#fff9;transition:all .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.sad-sb-item:hover{background:#ffffff14;color:#fff}.sad-sb-active{background:#ffffff1f!important;color:#fff!important;box-shadow:inset 3px 0 #60a5fa}.sad-sb-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.06)}.sad-sb-logout{color:#fff6}.sad-sb-logout:hover{color:#fca5a5;background:#ef44441a}.sad-main{flex:1;margin-left:250px;transition:margin-left .3s}.sad-sb-collapsed+.sad-main{margin-left:68px}.sad-topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:50}.sad-tb-left{display:flex;align-items:center;gap:.75rem}.sad-tb-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.sad-tb-toggle:hover{background:#f1f5f9}.sad-tb-search{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #E5E7EB;border-radius:10px;padding:0 .75rem;min-width:300px}.sad-tb-search input{border:none;background:none;padding:.55rem 0;font-size:.78rem;font-weight:500;color:#374151;outline:none;width:100%}.sad-tb-right{display:flex;align-items:center;gap:.6rem}.sad-tb-live{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#059669;background:#ecfdf5;padding:.35rem .75rem;border-radius:8px}.sad-tb-live span{font-family:Outfit,sans-serif;font-weight:900;font-size:.85rem}.sad-tb-icon{position:relative;background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.sad-tb-icon:hover{background:#f1f5f9}.sad-tb-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;background:#ef4444;color:#fff;border-radius:999px;font-size:.5rem;font-weight:800;display:flex;align-items:center;justify-content:center}.sad-tb-profile{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;border-radius:10px;cursor:pointer}.sad-tb-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.sad-tb-profile span{font-size:.8rem;font-weight:700;color:#1e293b}.sad-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sad-page-header{display:flex;justify-content:space-between;align-items:center}.sad-page-header h1{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:#0f172a;margin:0}.sad-page-header p{font-size:.8rem;color:#64748b;margin:.2rem 0 0}.sad-page-actions{display:flex;gap:.5rem}.sad-btn-primary{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:10px;background:#1e3a8a;color:#fff;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #1e3a8a40;border:none;cursor:pointer}.sad-btn-primary:hover{background:#1e40af;transform:translateY(-1px)}.sad-btn-outline{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:10px;background:#fff;color:#374151;font-size:.8rem;font-weight:700;border:1px solid #D1D5DB;transition:all .2s;cursor:pointer}.sad-btn-outline:hover{border-color:#1e3a8a;color:#1e3a8a}.sad-btn-sm{padding:.4rem .6rem;font-size:.7rem}.sad-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:1200px){.sad-metrics{grid-template-columns:repeat(3,1fr)}}.sad-mc{border-radius:16px;padding:1.25rem;color:#fff;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 15px #0000001f}.sad-mc:hover{box-shadow:0 8px 30px #0003;transform:translateY(-4px)}.sad-mc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sad-mc-icon{width:40px;height:40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.sad-mc-trend{display:flex;align-items:center;gap:.15rem;font-size:.65rem;font-weight:700;background:#fff3;padding:.2rem .5rem;border-radius:6px}.sad-mc-data{display:flex;flex-direction:column}.sad-mc-val{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.sad-mc-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf;margin-top:.2rem}.sad-mc-spark{position:absolute;bottom:0;left:0;right:0;height:25px;opacity:.6}.sad-row{display:flex;gap:1rem}@media(max-width:1024px){.sad-row{flex-direction:column}}.sad-card{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;flex:1}.sad-card-wide{flex:2}.sad-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sad-card-head h3{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#0f172a;margin:0}.sad-link-btn{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;color:#4f46e5;background:none;border:none;cursor:pointer;transition:color .2s}.sad-link-btn:hover{color:#4338ca}.sad-hbar-chart{display:flex;flex-direction:column;gap:.7rem}.sad-hbar-row{display:flex;align-items:center;gap:.5rem}.sad-hbar-label{width:100px;font-size:.7rem;font-weight:700;color:#374151}.sad-hbar-track{flex:1;height:22px;background:#f1f5f9;border-radius:6px;overflow:hidden}.sad-hbar-fill{height:100%;border-radius:6px;transition:width .8s}.sad-hbar-val{font-family:Outfit,sans-serif;font-weight:900;font-size:.8rem;color:#0f172a;width:35px;text-align:right}.sad-levels{display:flex;flex-direction:column;gap:.8rem}.sad-level-row{display:flex;align-items:center;gap:.5rem}.sad-level-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sad-level-name{flex:1;font-size:.75rem;font-weight:700;color:#374151}.sad-level-count{font-family:Outfit,sans-serif;font-weight:900;font-size:.85rem;color:#0f172a;width:30px;text-align:right}.sad-level-bar{width:60px;height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden}.sad-level-bar div{height:100%;border-radius:4px}.sad-level-badge{font-size:.6rem;font-weight:700;background:#eef2ff;color:#4f46e5;padding:.15rem .5rem;border-radius:6px;white-space:nowrap}.sad-pie-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.sad-donut-wrap{position:relative;width:160px;height:160px}.sad-pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.sad-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.sad-donut-center strong{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;color:#0f172a}.sad-donut-center span{font-size:.55rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.sad-pie-legend{display:flex;flex-direction:column;gap:.4rem;width:100%}.sad-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#374151}.sad-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sad-legend-item strong{margin-left:auto;font-weight:800;color:#0f172a}.sad-heatmap{display:flex;flex-direction:column;gap:4px}.sad-hm-row{display:flex;align-items:center;gap:4px}.sad-hm-day{width:28px;font-size:.6rem;font-weight:700;color:#64748b}.sad-hm-cell{flex:1;height:22px;border-radius:4px;transition:all .2s;cursor:pointer}.sad-hm-cell:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000026}.sad-table-wrap{overflow-x:auto}.sad-table{width:100%;border-collapse:collapse;font-size:.78rem}.sad-table thead th{text-transform:uppercase;font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#94a3b8;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #E5E7EB}.sad-table tbody tr{border-bottom:1px solid #F1F5F9;transition:background .15s}.sad-table tbody tr:hover{background:#fafbfc}.sad-table td{padding:.75rem 1rem;color:#374151}.sad-td-name{font-weight:800;color:#0f172a!important}.sad-score{color:#059669}.sad-rank-medal{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.7rem;font-weight:900;color:#64748b;background:#f1f5f9}.sad-rank-medal.sad-gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#92400e}.sad-rank-medal.sad-silver{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#334155}.sad-rank-medal.sad-bronze{background:linear-gradient(135deg,#fed7aa,#ea580c);color:#7c2d12}.sad-top-students{display:flex;flex-direction:column;gap:.5rem}.sad-ts-row{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:12px;transition:all .2s;cursor:pointer}.sad-ts-row:hover{background:#f8fafc}.sad-ts-rank{font-size:.85rem;font-weight:900;min-width:28px;text-align:center}.sad-ts-rank.sad-gold{color:#f59e0b}.sad-ts-rank.sad-silver{color:#94a3b8}.sad-ts-rank.sad-bronze{color:#ea580c}.sad-ts-avatar{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid #E5E7EB}.sad-ts-info{flex:1;display:flex;flex-direction:column}.sad-ts-info strong{font-size:.78rem;font-weight:800;color:#0f172a}.sad-ts-info span{font-size:.65rem;color:#64748b;font-weight:600}.sad-ts-score{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:900;color:#059669}.sad-status-badge{font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.sad-badge-green{background:#ecfdf5;color:#059669}.sad-badge-red{background:#fef2f2;color:#dc2626}.sad-badge-yellow{background:#fffbeb;color:#d97706}.sad-report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sad-report-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:1.5rem;transition:all .2s}.sad-report-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.sad-report-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.sad-report-card h4{font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;color:#0f172a;margin:0 0 .3rem}.sad-report-card p{font-size:.75rem;color:#64748b;margin:0 0 1rem}.sad-report-actions{display:flex;gap:.5rem}.sad-sub-card{background:linear-gradient(135deg,#1e3a8a,#4f46e5);border-radius:16px;padding:2rem;color:#fff}.sad-sub-badge{background:#ffffff26;padding:.3rem .8rem;border-radius:8px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sad-sub-plan h2{font-family:Outfit,sans-serif;font-weight:900;font-size:1.5rem;margin:.75rem 0 .3rem}.sad-sub-plan p{font-size:.8rem;opacity:.7;margin:0 0 1.5rem}.sad-sub-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.sad-sub-stats div{display:flex;flex-direction:column}.sad-sub-stats strong{font-family:Outfit,sans-serif;font-weight:900;font-size:1.25rem}.sad-sub-stats span{font-size:.65rem;opacity:.7;text-transform:uppercase;font-weight:700}.sad-sub-card .sad-btn-primary{background:#fff;color:#1e3a8a}.sad-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sad-setting-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:1.5rem;transition:all .2s;cursor:pointer}.sad-setting-card:hover{border-color:#4f46e5;background:#fafbfe}.sad-setting-icon{color:#4f46e5;margin-bottom:.75rem}.sad-setting-card h4{font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;color:#0f172a;margin:0 0 .3rem}.sad-setting-card p{font-size:.72rem;color:#64748b;margin:0}.sad-sm-search{min-width:200px}.dark-mode .sad-shell{background:#0f172a}.dark-mode .sad-sidebar{background:#020617}.dark-mode .sad-topbar{background:#1e293b;border-color:#334155}.dark-mode .sad-tb-search input{background:#0f172a;color:#f1f5f9;border-color:#334155}.dark-mode .sad-tb-search{background:#0f172a;border-color:#334155}.dark-mode .sad-tb-icon{color:#94a3b8}.dark-mode .sad-tb-profile span{color:#f1f5f9}.dark-mode .sad-tb-live{background:#05966926;color:#34d399}.dark-mode .sad-page-header h1{color:#f1f5f9}.dark-mode .sad-page-header p{color:#94a3b8}.dark-mode .sad-card{background:#1e293b;border-color:#334155}.dark-mode .sad-card-head h3,.dark-mode .sad-table{color:#f1f5f9}.dark-mode .sad-table thead th{color:#94a3b8;border-color:#334155}.dark-mode .sad-table tbody tr{border-color:#334155}.dark-mode .sad-table tbody tr:hover{background:#4f46e50d}.dark-mode .sad-td-name{color:#f1f5f9!important}.dark-mode .sad-hbar-label{color:#94a3b8}.dark-mode .sad-hbar-val{color:#f1f5f9}.dark-mode .sad-hbar-track{background:#334155}.dark-mode .sad-level-name{color:#94a3b8}.dark-mode .sad-level-count,.dark-mode .sad-donut-center strong{color:#f1f5f9}.dark-mode .sad-legend-item{color:#94a3b8}.dark-mode .sad-legend-item strong{color:#f1f5f9}.dark-mode .sad-hm-day{color:#94a3b8}.dark-mode .sad-ts-row:hover{background:#334155}.dark-mode .sad-ts-info strong{color:#f1f5f9}.dark-mode .sad-ts-info span{color:#94a3b8}.dark-mode .sad-btn-outline{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .sad-report-card{background:#1e293b;border-color:#334155}.dark-mode .sad-report-card h4{color:#f1f5f9}.dark-mode .sad-report-card p{color:#94a3b8}.dark-mode .sad-setting-card{background:#1e293b;border-color:#334155}.dark-mode .sad-setting-card:hover{background:#334155}.dark-mode .sad-setting-card h4{color:#f1f5f9}.dark-mode .sad-setting-card p{color:#94a3b8}.dark-mode .sad-rank-medal{background:#334155;color:#94a3b8}.dark-mode .sad-level-badge{background:#334155;color:#818cf8}.sad-id-badge{font-family:Outfit,sans-serif;background:#f1f5f9;color:#475569;padding:.3rem .6rem;border-radius:8px;font-weight:800;font-size:.7rem;border:1px solid #E2E8F0}.sad-perf-badge{padding:.25rem .6rem;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.sad-perf-badge.excellent{background:#ecfdf5;color:#059669}.sad-perf-badge.good{background:#eff6ff;color:#2563eb}.sad-perf-badge.average{background:#fef3c7;color:#d97706}.sad-perf-badge.needs-improvement{background:#fef2f2;color:#dc2626}.sad-select{padding:.4rem .75rem;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:.75rem;font-weight:700;color:#1e293b;outline:none;cursor:pointer;transition:all .2s}.sad-select:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.sad-filter-group{display:flex;flex-direction:column}.dark-mode .sad-select{background:#0f172a;border-color:#334155;color:#fff}.dark-mode .sad-id-badge{background:#0f172a;color:#94a3b8;border-color:#334155}.dark-mode .sad-perf-badge.excellent{background:#05966933}.dark-mode .sad-perf-badge.good{background:#2563eb33}.dark-mode .sad-perf-badge.average{background:#d9770633}.dark-mode .sad-perf-badge.needs-improvement{background:#dc262633}.auth-ghana-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;position:relative;overflow:hidden;padding:1.5rem;background:#0f0b2e}.auth-ghana-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.2) 0%,transparent 60%);z-index:0;animation:meshShift 12s ease-in-out infinite alternate}.auth-ghana-wrapper:after{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 70%);border-radius:50%;z-index:0;animation:floatBlob 8s ease-in-out infinite}@keyframes meshShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.15)}}.auth-ghana-container{position:relative;z-index:2;width:100%;max-width:480px;background:#fffffff7;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:32px;box-shadow:0 32px 64px -16px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fffc;overflow:hidden;padding:2.5rem 2rem}.auth-ghana-container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#f43f5e,#f59e0b);background-size:300% 100%;animation:rainbowStrip 4s linear infinite;z-index:10}@keyframes rainbowStrip{0%{background-position:0% 0%}to{background-position:300% 0%}}.auth-ghana-container:after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);z-index:0;pointer-events:none}.auth-ghana-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.ghana-logo{height:120px;max-width:100%;margin-bottom:1.5rem;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(99,102,241,.15));animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ghana-role-selector{display:flex;justify-content:center;gap:6px;margin-bottom:1.5rem;width:100%;flex-wrap:wrap;background:#f1f5f9;padding:5px;border-radius:16px}.ghana-role-btn{background:transparent;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-size:.8rem;font-weight:700;color:#64748b;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex:1;min-width:0;text-align:center}.ghana-role-btn:hover{color:#6366f1;background:#6366f10f}.ghana-role-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f159;transform:scale(1.02)}.ghana-form{width:100%;display:flex;flex-direction:column;gap:14px}.ghana-input-group{position:relative;width:100%}.ghana-label{display:block;font-size:.72rem;font-weight:700;color:#475569;margin-bottom:5px;margin-left:2px;text-transform:uppercase;letter-spacing:.04em}.ghana-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:color .3s}.ghana-input{width:100%;padding:13px 14px 13px 46px;border:2px solid #E2E8F0;border-radius:14px;font-size:.9rem;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;font-family:Inter,sans-serif}.ghana-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a,0 4px 12px #8b5cf614;background:#fff}.ghana-input:focus+.ghana-input-icon,.ghana-input-group:focus-within .ghana-input-icon{color:#8b5cf6}.ghana-input-visibility{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;transition:color .2s}.ghana-input-visibility:hover{color:#6366f1}.ghana-form-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#64748b;margin-top:-2px}.ghana-checkbox-lbl{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.ghana-checkbox-lbl input[type=checkbox]{accent-color:#6366F1;width:16px;height:16px;cursor:pointer;border-radius:4px}.ghana-link{color:#6366f1;text-decoration:none;font-weight:700;transition:all .2s}.ghana-link:hover{color:#8b5cf6;text-decoration:underline}.ghana-btn-primary{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;border:none;padding:15px;border-radius:16px;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);margin-top:8px;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 24px #6366f159;position:relative;overflow:hidden}.ghana-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 3s infinite}@keyframes btnShimmer{0%{left:-100%}to{left:100%}}.ghana-btn-primary:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 36px #6366f173}.ghana-btn-primary:active{transform:scale(.98)}.ghana-btn-primary:disabled{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);cursor:not-allowed;box-shadow:none;transform:none}.ghana-footer-text{text-align:center;font-size:.85rem;color:#64748b;margin-bottom:1rem;font-weight:500}.ghana-home-btn{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;text-decoration:none;box-shadow:0 4px 12px #1e1b4b4d}.ghana-home-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e1b4b66}.ghana-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ghanaSpin .7s linear infinite;display:inline-block}@keyframes ghanaSpin{to{transform:rotate(360deg)}}.ghana-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.ghana-grid{grid-template-columns:1fr}}select.ghana-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' 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 14px center;padding-right:36px}.ghana-otp-container{display:flex;justify-content:center;gap:12px;margin:1.5rem 0}.ghana-otp-input{width:52px;height:62px;text-align:center;font-size:1.5rem;font-weight:900;border:2.5px solid #E2E8F0;border-radius:16px;color:#6366f1;background:#f8fafc;box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Outfit,sans-serif}.ghana-otp-input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 8px 20px #8b5cf614;transform:translateY(-2px)}.ghana-otp-input:disabled{background:#f1f5f9;color:#cbd5e1}.animate-fade-in{animation:authFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.auth-ghana-container{padding:2rem 1.5rem;border-radius:24px;margin:.5rem}.ghana-logo{height:100px;margin-bottom:1.25rem}.ghana-role-btn{padding:8px 10px;font-size:.72rem}}@media(max-width:380px){.auth-ghana-container{padding:1.5rem 1.25rem}.ghana-role-selector{gap:4px}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:50;display:flex;align-items:center}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-weight:500;color:var(--text-main);position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;gap:1rem}.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:flex}}.footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);padding:4rem 0 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-col h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-main)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-links a{color:var(--text-muted);transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}.desktop-nav-menu{display:none;align-items:center;gap:2rem}@media(min-width:1024px){.desktop-nav-menu{display:flex!important}}.nav-link-item{font-weight:700;font-size:15px;transition:all .2s ease;position:relative;text-decoration:none}.nav-link-item.landing{color:#ffffffe6!important}.nav-link-item.scrolled,.nav-link-item.active{color:#4f46e5!important}.nav-link-item:hover{transform:translateY(-2px);opacity:1}.hidden{display:none!important}.flex{display:flex!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-8{gap:2rem!important}.gap-5{gap:1.25rem!important}