:root{--navy: #FFF8F0;--navy-2: #FFFFFF;--navy-3: #FFFDF9;--navy-4: #F3EDE6;--navy-card: #FFFFFF;--lime: #22C55E;--lime-dim: #16A34A;--lime-glow: rgba(34, 197, 94, .14);--coral: #DC2626;--coral-dim: #B91C1C;--coral-glow: rgba(220, 38, 38, .1);--violet: #4F46E5;--violet-dim: #4338CA;--violet-glow: rgba(79, 70, 229, .12);--amber: #F59E0B;--teal: #22C55E;--pink: #F59E0B;--lessons-card: #DCFCE7;--xp-card: #FEF3C7;--streak-card: #FEE2E2;--badges-card: #E0E7FF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border: #EEE7DE;--border-hover: #DDD1C3;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 18px 40px rgba(127, 91, 53, .08);--shadow-glow-lime: 0 10px 28px rgba(34, 197, 94, .16);--font-display: "Fredoka One", cursive;--font-body: "Nunito", sans-serif;--sidebar-w: 92px;--topbar-h: 64px;--bottom-nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:radial-gradient(circle at top right,rgba(79,70,229,.08),transparent 30%),radial-gradient(circle at bottom left,rgba(34,197,94,.08),transparent 28%),var(--navy);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--navy-4);border-radius:99px}aside nav::-webkit-scrollbar{display:none}.cat-scroll::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:var(--radius-sm)}.font-display{font-family:var(--font-display)}.text-lime{color:var(--lime)}.text-coral{color:var(--coral)}.text-violet{color:var(--violet)}.text-amber{color:var(--amber)}.text-teal{color:var(--teal)}.text-muted{color:var(--text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-lime{0%,to{box-shadow:0 0 #22c55e3d}50%{box-shadow:0 0 0 8px #22c55e00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fadeUp{animation:fadeUp .45s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--navy-3) 25%,var(--navy-4) 50%,var(--navy-3) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.card{background:var(--navy-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 6px 18px #7f5b350a;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.badge-lime{background:var(--lime-glow);color:var(--lime)}.badge-coral{background:var(--coral-glow);color:var(--coral)}.badge-violet{background:var(--violet-glow);color:var(--violet)}.badge-amber{background:#f59e0b24;color:var(--amber)}.badge-teal{background:#22c55e24;color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:800;cursor:pointer;border:none;transition:all .18s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-lime{background:var(--lime);color:#fff}.btn-lime:hover{background:var(--lime-dim);box-shadow:var(--shadow-glow-lime)}.btn-ghost{background:#ffffffb8;border:1px solid var(--border);color:var(--text-primary)}.btn-ghost:hover{background:var(--navy-3);border-color:var(--violet);color:var(--violet)}.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-dim)}.btn-violet{background:var(--violet);color:#fff}.btn-violet:hover{background:var(--violet-dim)}.btn-icon{padding:10px;border-radius:var(--radius-md);background:var(--navy-3);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .18s}.btn-icon:hover{background:var(--navy-4);color:var(--text-primary);border-color:var(--border-hover)}.xp-bar-track{height:8px;background:#efe6d9;border-radius:99px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--lime));border-radius:99px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.input{width:100%;background:#ffffffe0;border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #4f46e514}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-w);min-width:0}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px 32px;min-width:0;width:100%;box-sizing:border-box;background:radial-gradient(circle at 0% 0%,rgba(245,158,11,.08),transparent 24%),transparent}.page-content>*{min-width:0;max-width:100%;box-sizing:border-box}.section-title{font-family:var(--font-display);font-size:22px;color:var(--text-primary);margin-bottom:6px}.section-sub{font-size:13px;color:var(--text-secondary);margin-bottom:22px}@media (max-width: 1023px){:root{--sidebar-w: 64px}.sidebar-root{width:var(--sidebar-w)!important;padding-top:10px!important;padding-bottom:10px!important}.sidebar-logo{width:44px!important;height:44px!important;border-radius:12px!important;margin-bottom:8px!important}.sidebar-logo .sidebar-logomark,.sidebar-logo span{font-size:22px!important}.sidebar-nav{gap:2px!important;padding:0 4px!important}.sidebar-nav-btn{min-height:54px!important;padding:6px 4px!important;border-radius:12px!important;gap:2px!important}.sidebar-icon-badge{font-size:22px!important;min-width:26px!important;min-height:26px!important}.sidebar-nav-label{font-size:8px!important;letter-spacing:0!important;white-space:normal!important;word-break:break-word!important;text-align:center!important;line-height:1.2!important}.sidebar-streak{padding:8px 0 2px!important;gap:2px!important}.sidebar-streak span:first-child{font-size:20px!important;min-width:26px!important;min-height:26px!important}}@media (max-width: 479px){:root{--sidebar-w: 52px}.sidebar-root{width:var(--sidebar-w)!important}.sidebar-logo{width:36px!important;height:36px!important;border-radius:10px!important;margin-bottom:6px!important}.sidebar-nav-btn{min-height:46px!important;padding:4px 2px!important;border-radius:10px!important}.sidebar-icon-badge{font-size:18px!important;min-width:22px!important;min-height:22px!important}.sidebar-nav-label{display:none!important}.sidebar-streak span:nth-child(3){display:none!important}}@media (max-width: 767px){.topbar-root{padding:0 12px!important;gap:8px!important}.topbar-search-wrap{max-width:100%!important;flex:1!important}.topbar-teacher-btn,.topbar-level-pill{display:none!important}.topbar-ask-nova{padding:7px 10px!important;font-size:12px!important}}@media (max-width: 479px){.topbar-ask-nova{display:none!important}.topbar-root{padding:0 10px!important}}@media (max-width: 1023px){.page-content{padding:20px}}@media (max-width: 767px){.page-content{padding:16px 14px}}@media (max-width: 479px){.page-content{padding:12px 10px}}@media (max-width: 767px){.section-title{font-size:18px}.section-sub{font-size:12px;margin-bottom:16px}}@media (max-width: 479px){.card{border-radius:var(--radius-md)}}@media (max-width: 479px){.btn{padding:9px 16px;font-size:13px;white-space:normal}}.resp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1023px){.resp-grid-4,.resp-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.resp-grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.resp-grid-3,.resp-grid-2{grid-template-columns:1fr;gap:10px}}@media (max-width: 479px){.resp-grid-4{grid-template-columns:1fr;gap:10px}}img,video,canvas,svg{max-width:100%;height:auto}.page-content *{box-sizing:border-box}@media (max-width: 1023px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 639px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dash-xp-section{padding:18px!important}}@media (max-width: 1023px){.landing-hero-inner{flex-direction:column!important;text-align:center!important;gap:32px!important}.landing-hero-title{font-size:clamp(32px,8vw,56px)!important}.landing-features-grid,.landing-pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 639px){.landing-hero-title{font-size:clamp(28px,9vw,44px)!important}.landing-features-grid,.landing-pricing-grid{grid-template-columns:1fr!important}.landing-nav{padding:0 16px!important}.landing-nav-links{display:none!important}}@media (max-width: 767px){.auth-card{width:100%!important;max-width:100%!important;border-radius:var(--radius-lg)!important;padding:28px 20px!important;margin:0!important}.auth-page{padding:16px!important;align-items:flex-start!important}}@media (max-width: 479px){.auth-card{padding:22px 14px!important;border-radius:var(--radius-md)!important}}@media (max-width: 1023px){.modules-grid{grid-template-columns:repeat(2,1fr)!important}.modules-filter-row{flex-wrap:wrap!important;gap:8px!important}}@media (max-width: 639px){.modules-grid{grid-template-columns:1fr!important}}@media (max-width: 1023px){.games-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 479px){.games-grid{grid-template-columns:1fr!important}}@media (max-width: 1023px){.projects-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 639px){.projects-grid{grid-template-columns:1fr!important}.projects-filter-row{flex-wrap:wrap!important;gap:6px!important}}@media (max-width: 1023px){.achievements-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 639px){.achievements-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 479px){.achievements-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width: 767px){.chat-layout{flex-direction:column!important}.chat-sidebar{width:100%!important;max-height:180px!important;border-right:none!important;border-bottom:1px solid var(--border)!important}.chat-input-row{padding:10px!important;gap:8px!important}}@media (max-width: 1023px){.parent-stats-grid,.parent-children-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 639px){.parent-stats-grid,.parent-children-grid{grid-template-columns:1fr!important}}@media (max-width: 1023px){.teacher-layout{flex-direction:column!important}.teacher-sidebar{width:100%!important;flex-direction:row!important;overflow-x:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:8px!important;gap:6px!important;scrollbar-width:none!important}.teacher-sidebar::-webkit-scrollbar{display:none}}@media (max-width: 1023px){.admin-layout{flex-direction:column!important}.admin-sidebar{width:100%!important;flex-direction:row!important;overflow-x:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:8px!important;gap:6px!important;scrollbar-width:none!important;flex-shrink:0!important}.admin-sidebar::-webkit-scrollbar{display:none}}@media (max-width: 767px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}.admin-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 479px){.admin-stats-grid{grid-template-columns:1fr!important}}@media (max-width: 767px){.family-signup-wrap{padding:20px 16px!important;max-width:100%!important}.family-signup-pricing-card{position:static!important;width:100%!important;margin-bottom:16px!important}.family-signup-header-row{flex-direction:column!important;gap:12px!important}.family-payment-grid{grid-template-columns:1fr!important;gap:16px!important}.family-payment-or-divider{display:none!important}}@media (max-width: 767px){.lesson-layout{flex-direction:column!important}.lesson-content-area{width:100%!important}.lesson-sidebar{width:100%!important;max-height:220px!important;overflow-y:auto!important}}@media (max-width: 767px){.notifications-list{gap:8px!important}.notification-item{padding:14px 12px!important}}@media (max-width: 767px){.renewal-card{padding:20px 16px!important}.renewal-plan-grid{grid-template-columns:1fr!important}}@media (max-width: 1023px){.certs-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 639px){.certs-grid{grid-template-columns:1fr!important}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.table-wrap table{min-width:540px}@media (max-width: 639px){.modal-box{width:calc(100vw - 24px)!important;max-width:100%!important;max-height:90vh!important;border-radius:var(--radius-lg)!important;padding:20px 14px!important;overflow-y:auto!important}}@media (max-width: 767px){.homework-layout{flex-direction:column!important;gap:14px!important}.homework-panel{width:100%!important}}@media (max-width: 767px){.tasks-grid{grid-template-columns:1fr!important}}@media (max-width: 639px){.landing-section{padding-left:16px!important;padding-right:16px!important}}h1,h2,h3,h4,h5,h6,p,span,a,li,td,th,label,button{word-break:break-word;overflow-wrap:break-word}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 1023px){.sidebar-root{padding-bottom:env(safe-area-inset-bottom)!important}}}@media (max-width: 479px){.topbar-search-wrap .input{font-size:13px!important}}@media (max-width: 479px){.topbar-dropdown{right:-10px!important;width:calc(100vw - 20px)!important}}@media (max-width: 639px){.page-hero-banner{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.page-hero-copy{min-width:0!important;max-width:100%!important}.page-hero-banner .page-hero-action{width:100%!important;flex-shrink:0!important}}@media (max-width: 639px){.notif-summary-grid{grid-template-columns:1fr!important;gap:10px!important}}@media (max-width: 767px){.help-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.help-ticket-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width: 479px){.help-stats-grid{grid-template-columns:1fr!important}}@media (max-width: 767px){.achieve-summary-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width: 479px){.achieve-summary-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width: 1023px){.games-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}@media (max-width: 479px){.games-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}@media (max-width: 1023px){.puzzles-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}@media (max-width: 479px){.puzzles-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}@media (max-width: 639px){.modules-grid,div[style*="repeat(auto-fill, minmax(240px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 399px){.modules-grid,div[style*="repeat(auto-fill, minmax(240px"]{grid-template-columns:1fr!important}}@media (max-width: 767px){.parent-dash-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.parent-dash-actions{min-width:0!important;width:100%!important;flex-direction:column!important;align-items:stretch!important}.parent-dash-actions .btn,.parent-dash-actions button{width:100%!important;justify-content:center!important}.parent-overview-grid{grid-template-columns:1fr!important;gap:14px!important}.parent-overview-grid>*{grid-column:unset!important}.parent-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.parent-mod-grid{grid-template-columns:1fr!important;gap:12px!important}.parent-tab-row{overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-wrap:nowrap!important;gap:0!important}.parent-tab-row::-webkit-scrollbar{display:none}.parent-tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:10px 12px!important;font-size:12px!important}}@media (max-width: 479px){.parent-stats-row{grid-template-columns:repeat(2,1fr)!important}.parent-tab-btn{padding:10px 8px!important;font-size:11px!important}}@media (max-width: 639px){.card h3,.card h2,.card h1{font-size:clamp(13px,3.5vw,18px)!important;word-break:break-word!important}.card p,.card span{font-size:clamp(11px,3vw,14px)!important;word-break:break-word!important}.card .badge,.card [style*=letterSpacing]{white-space:normal!important;word-break:break-word!important}}.card span[style*="display: inline-block"],.card span[style*="display:inline-block"]{white-space:normal!important;word-break:break-word!important;max-width:100%!important}@media (max-width: 639px){.badge{white-space:normal!important;word-break:break-word!important;line-height:1.3!important;text-align:center!important}}@media (max-width: 767px){.page-content>div{min-width:0!important}.page-content>div[style*=padding]{padding-left:0!important;padding-right:0!important}}@media (max-width: 767px){.homework-two-col{grid-template-columns:1fr!important;gap:14px!important}.homework-tips-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width: 479px){.homework-tips-row{grid-template-columns:1fr!important}}@media (max-width: 767px){.toolkit-steps-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width: 479px){.toolkit-steps-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width: 767px){.ai-style-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.ai-style-label{font-size:13px!important;white-space:normal!important;word-break:break-word!important;text-align:center!important;line-height:1.3!important}}@media (max-width: 479px){.ai-style-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}