@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&display=swap";:root{--ascend-blue: #3b82f6;--ascend-blue-shadow: #1d4ed8;--ascend-green: #22c55e;--ascend-green-shadow: #15803d;--ascend-red: #ef4444;--ascend-red-shadow: #b91c1c;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-700: #b45309;--amber-900: #78350f;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--background-dark: #101622;--background-light: #f8fafc}body{margin:0;font-family:Lexend,sans-serif;background-color:var(--background-dark);color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh}button{font-family:Lexend,sans-serif}.container-sm{max-width:800px;width:100%;margin:0 auto}.container-md{max-width:1000px;width:100%;margin:0 auto}.container-lg{max-width:1200px;width:100%;margin:0 auto}.text-slate-200{color:var(--slate-200)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.bg-slate-800{background-color:var(--slate-800)}.btn-cartoon-3d{position:relative;border:none;border-radius:16px;padding:0;background:transparent;cursor:pointer;transition:transform .1s;-webkit-user-select:none;user-select:none;font-weight:800;text-transform:uppercase;letter-spacing:1px}.btn-cartoon-3d-shadow{position:absolute;top:6px;left:0;width:100%;height:100%;border-radius:16px;background-color:var(--btn-shadow-color, var(--slate-700))}.btn-cartoon-3d-face{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--btn-color, var(--slate-500));padding:18px 32px;border-radius:16px;color:#fff;transform:translateY(0);transition:transform .1s}.btn-cartoon-3d:hover .btn-cartoon-3d-face{transform:translateY(-2px)}.btn-cartoon-3d:active .btn-cartoon-3d-face{transform:translateY(4px)!important}.btn-compact .btn-cartoon-3d-face{padding:12px 24px;min-height:unset}.btn-primary{--btn-color: var(--ascend-blue);--btn-shadow-color: var(--ascend-blue-shadow)}.btn-green{--btn-color: var(--ascend-green);--btn-shadow-color: var(--ascend-green-shadow)}.btn-red{--btn-color: var(--ascend-red);--btn-shadow-color: var(--ascend-red-shadow)}.card-cartoon{background-color:var(--slate-800);border-radius:20px;padding:32px;border:2px solid var(--slate-700);box-shadow:0 8px #0003;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-cartoon:hover{transform:translateY(-4px);box-shadow:0 12px #0003;border-color:var(--slate-600)}.card-cartoon-compact{padding:16px;border-radius:16px}.input-cartoon{width:100%;padding:20px;background-color:var(--slate-900);border:2px solid var(--slate-700);border-radius:16px;color:#fff;font-family:Lexend,sans-serif;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-cartoon:focus{border-color:var(--ascend-blue);box-shadow:0 0 0 4px #3b82f633}select.input-cartoon{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.toast-container{position:fixed;bottom:32px;right:32px;z-index:2000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;background-color:var(--slate-800);border:2px solid var(--slate-700);border-radius:16px;padding:16px 20px;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px -5px #0006;animation:toast-in .3s cubic-bezier(.16,1,.3,1);border-left:6px solid var(--ascend-blue)}.toast-success{border-left-color:var(--ascend-green)}.toast-error{border-left-color:var(--ascend-red)}.toast-warning{border-left-color:var(--amber-400)}@keyframes toast-in{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-fade-out{animation:toast-out .3s cubic-bezier(1,0,.85,1) forwards}@keyframes toast-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.9);opacity:0}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay .card-cartoon{animation:modal-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.btn-purple{--btn-color: #a855f7;--btn-shadow-color: #7e22ce}.btn-secondary{--btn-color: var(--slate-600);--btn-shadow-color: var(--slate-700)}textarea.input-cartoon{resize:vertical;min-height:80px}.rotate-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ascend-logo{background-color:transparent!important;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.mobile-toggle{display:none}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}#root{padding:1rem}.card-cartoon{padding:20px}.toast-container{right:16px;bottom:16px;left:16px;align-items:center}.toast{min-width:unset;width:100%;box-sizing:border-box}}.dashboard-container{padding:40px;max-width:1200px;margin:0 auto}.dashboard-actions{display:flex;gap:20px}@media(max-width:768px){.dashboard-container{padding:24px 16px}.dashboard-actions{flex-direction:column;gap:16px}}.chores-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.chores-sticky-form{position:sticky;top:100px}@media(max-width:900px){.chores-layout{grid-template-columns:1fr}.chores-sticky-form{position:relative;top:0}}@media(max-width:600px){.chores-form-grid{grid-template-columns:1fr}}.library-container{padding:24px 24px 100px;max-width:800px;margin:0 auto}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.job-actions{display:flex;gap:8px}.job-card{padding:16px;display:flex;align-items:center;justify-content:space-between}@media(max-width:600px){.library-container{padding:16px}.library-header{flex-direction:column;align-items:flex-start;gap:16px}.library-header .btn-cartoon-3d{width:100%;text-align:center}.job-card{flex-direction:column;align-items:flex-start;gap:12px}.job-actions{width:100%;justify-content:flex-end}}.subscription-container{padding:40px;max-width:1200px;margin:0 auto}.plan-status-card{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center}.extra-slots-card>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.family-member-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--slate-800);border-radius:16px;border:1px solid var(--slate-700)}.invite-form{display:flex;gap:16px;align-items:center}@media(max-width:768px){.subscription-container{padding:24px 16px}.plan-status-card{flex-direction:column;align-items:flex-start;gap:24px}.plan-status-card>div:last-child{text-align:left;width:100%}.plan-status-card>div:last-child>div{justify-content:flex-start}.plans-grid{grid-template-columns:1fr}.extra-slots-card>div{flex-direction:column;align-items:flex-start}.extra-slots-card button{width:100%;margin-top:16px}.family-member-card{flex-direction:column;align-items:flex-start;gap:20px}.invite-form{flex-direction:column}.invite-form button{width:100%}}.learner-details-container{padding:40px;max-width:1000px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.activity-item{padding:20px;display:flex;align-items:center;gap:20px}.activity-time{text-align:right;display:flex;align-items:center;gap:6px;color:var(--slate-500);font-size:13px}@media(max-width:650px){.learner-details-container{padding:24px 16px}.activity-item{flex-wrap:wrap}.activity-time{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--slate-800);margin-top:8px}}.admin-container,.admin-dashboard-container{padding:40px;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.admin-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:768px){.admin-dashboard-container{padding:20px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-stats-grid,.admin-content-grid{grid-template-columns:1fr}}.admin-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.admin-link-card{padding:16px;background-color:var(--slate-900);border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--slate-700);transition:all .2s}.admin-link-card:hover{background-color:var(--slate-800);transform:translateY(-2px)}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.search-bar-container{margin-bottom:24px;display:flex;gap:16px;align-items:center}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-management-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media(max-width:900px){.content-management-layout{grid-template-columns:1fr}}@media(max-width:768px){.search-bar-container{flex-direction:column;align-items:stretch}}@media(max-width:900px){.admin-container{padding:24px 16px}.admin-management-grid{grid-template-columns:1fr}}.dashboard-header,.chores-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.learner-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--slate-900);border-radius:12px;border:1px solid var(--slate-700);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.learner-list-item:hover{transform:translateY(-2px);border-color:var(--ascend-blue)}.chores-container{padding:40px;max-width:1200px;margin:0 auto}.chores-layout{display:grid;grid-template-columns:350px 1fr;gap:32px;align-items:start}.chores-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.chores-layout{grid-template-columns:1fr}.chores-sticky-form{position:static}}@media(max-width:768px){.dashboard-header,.chores-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header button,.chores-header button{width:100%!important}.logout-btn{display:none!important}.chores-container{padding:20px}}.subscription-container,.child-management-container{padding:40px;max-width:1200px;margin:0 auto}.subscription-header,.child-management-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:40px;margin-top:40px;padding-top:10px}@media(max-width:768px){.plans-grid{gap:56px;margin-top:50px}.plans-grid .card-cartoon{transform:none!important}}.child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media(max-width:768px){.subscription-container,.child-management-container{padding:20px}.subscription-header,.child-management-header{flex-direction:column;align-items:flex-start;gap:16px}.subscription-header h1,.child-management-header h1{font-size:24px!important}}.learner-details-container{padding:40px;max-width:1200px;margin:0 auto}.learner-details-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.activity-item-responsive{display:flex;align-items:center;gap:16px;padding:16px}.activity-time{font-size:13px;color:var(--slate-500);display:flex;align-items:center;gap:6px}@media(max-width:768px){.learner-details-container{padding:20px}.learner-details-header{flex-direction:column;align-items:flex-start;gap:16px}.activity-item-responsive{flex-direction:column;align-items:flex-start}.activity-time{margin-top:8px}}.library-container{padding:40px;max-width:1200px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.library-header-content{display:flex;align-items:center;gap:16px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.content-grid{display:grid;gap:16px}.empty-state-card{text-align:center;padding:60px 20px;background-color:var(--slate-900);border-radius:24px;border:2px dashed var(--slate-700)}.lesson-card{display:flex;gap:16px;align-items:center;cursor:pointer}@media(max-width:768px){.library-container{padding:20px}.library-header{flex-direction:column;align-items:flex-start;gap:16px}.library-header .btn-cartoon-3d{width:100%}.library-header-content{flex-direction:column;align-items:flex-start;gap:12px}}.creation-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.steps-visualizer{display:flex;gap:12px;margin-bottom:32px;border-bottom:1px solid var(--slate-700);padding-bottom:24px}.input-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}.file-upload-area{border:2px dashed var(--slate-600);border-radius:16px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;transition:all .2s}.file-upload-area:hover{background-color:#38bdf80d;border-color:var(--ascend-blue)}.button-group{display:flex;gap:16px}@media(max-width:768px){.creation-header{flex-direction:column;align-items:flex-start;gap:16px}.steps-visualizer{overflow-x:auto;padding-bottom:12px}.input-options-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group button{width:100%}}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.content-list{display:flex;flex-direction:column;gap:16px}.content-list-item{background-color:var(--slate-900);border:1px solid var(--slate-700);border-radius:12px;overflow:hidden;transition:all .2s ease}.content-list-item-header{padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.content-list-item-header:hover{background-color:var(--slate-850)}.content-list-item-body{padding:0 20px 20px 64px;display:flex;flex-direction:column;gap:16px}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.variant-card{background-color:var(--slate-800);border-radius:10px;padding:16px;border:1px solid var(--slate-700)}.question-item{margin-bottom:16px;padding:12px;background-color:var(--slate-900);border-radius:8px;border:1px solid var(--slate-700)}.question-option{display:flex;align-items:center;gap:8px}@media(max-width:768px){.detail-header{flex-direction:column;align-items:flex-start;gap:16px}.content-list-item-body{padding-left:20px;padding-right:20px}.variant-grid{grid-template-columns:1fr}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.admin-table thead{background-color:var(--slate-900)}.admin-table th{padding:16px;color:var(--slate-400);font-weight:500;white-space:nowrap}.admin-table td{padding:16px;border-bottom:1px solid var(--slate-800)}.reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.reports-breakdown-list{display:flex;flex-direction:column;gap:16px}.reports-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--slate-900);border-radius:12px;border:1px solid var(--slate-700)}@media(max-width:600px){.reports-breakdown-item{flex-direction:column;align-items:flex-start;gap:12px}.reports-breakdown-item>div:last-child{text-align:left!important;width:100%;display:flex;justify-content:space-between;align-items:center}}.content-management-layout{display:grid;grid-template-columns:1fr 3fr;gap:32px}.topic-card-item{padding:24px;background-color:var(--slate-900);border-radius:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--slate-700);transition:all .2s}.topic-card-item:hover{background-color:var(--slate-800);transform:translateY(-2px);border-color:var(--slate-600)}@media(max-width:900px){.content-management-layout{grid-template-columns:1fr}.topic-card-item{flex-direction:column;align-items:flex-start;gap:16px}.topic-card-item>div:last-child{width:100%;display:flex;justify-content:flex-end}}.learner-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.content-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}@media(max-width:768px){.content-input-grid{grid-template-columns:1fr}}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}@media(max-width:768px){.landing-features-grid{grid-template-columns:1fr;gap:48px}}.public-section{padding:80px 24px}.landing-hero{text-align:center;background:radial-gradient(circle at center,var(--slate-800) 0%,var(--background-dark) 70%);padding:120px 24px 80px}.landing-hero h1{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:24px}.landing-hero p{font-size:20px;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;gap:16px;justify-content:center}.about-hero{padding:100px 24px;text-align:center;background:linear-gradient(180deg,var(--slate-900) 0%,var(--background-dark) 100%);border-bottom:1px solid var(--slate-800)}.methodology-grid{display:grid;grid-template-columns:1fr;gap:48px}.principle-card{display:flex;gap:32px;align-items:flex-start}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:20px}@media(max-width:768px){.public-section{padding:60px 20px}.landing-hero{padding:100px 20px 60px}.landing-hero h1{font-size:36px}.landing-hero p{font-size:18px}.hero-buttons{flex-direction:column}.hero-buttons a,.hero-buttons button{width:100%}.about-hero h1{font-size:32px!important}.principle-card{flex-direction:column;gap:16px}.faq-list{gap:16px}}