:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f0f4f7;--ink:#10231f;--muted:#6d7c78;--line:#dfe7e4;--primary:#0f6b56;--primary-2:#0a5645;--primary-soft:#e4f3ed;--accent:#c8f27d;--warning:#b96a13;--warning-soft:#fff2df;--danger:#b34242;--shadow:0 14px 38px rgba(26,52,46,.08);--shadow-sm:0 4px 18px rgba(26,52,46,.06);--radius:20px;--radius-sm:13px;--sidebar:254px;--font:'DM Sans',system-ui,sans-serif;--display:'Manrope',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(15,107,86,.24);outline-offset:2px}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px;color:var(--ink);text-decoration:none}.skip-link:focus{top:16px}.hidden{display:none!important}.mobile-only{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0e2520;color:#eaf2ef;padding:22px 14px 18px;display:flex;flex-direction:column;z-index:60;border-right:1px solid rgba(255,255,255,.06)}.brand-wrap{display:flex;align-items:center;justify-content:space-between;padding:0 6px 20px}.brand{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;padding:0;cursor:pointer;text-align:left}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#d8ff91,#a8e768);color:#163129;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}.brand-mark span{font:800 21px/1 var(--display);transform:translateY(-1px)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:800 18px/1.2 var(--display);letter-spacing:-.4px}.brand-copy small{font-size:10px;color:#8fa9a1;margin-top:2px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:10px;letter-spacing:.12em;color:#78938b;font-weight:700;padding:18px 12px 7px}.nav-item{min-height:44px;width:100%;border:0;background:transparent;color:#b7c8c3;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;cursor:pointer;text-align:left;font-weight:600}.nav-item svg{width:18px;height:18px;stroke-width:1.9}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:#173b32;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active svg{color:var(--accent)}.nav-badge{margin-left:auto;background:#24493f;color:#dce9e5;font-size:10px;padding:2px 7px;border-radius:10px}.sidebar-footer{margin-top:auto;padding-top:16px}.plan-card{display:flex;gap:9px;align-items:center;padding:11px;border-radius:13px;background:rgba(255,255,255,.055);margin-bottom:6px}.plan-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#24463c;color:var(--accent)}.plan-icon svg{width:16px}.plan-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.plan-card strong{font-size:12px}.plan-card small{font-size:10px;color:#91a9a2;white-space:nowrap}.status-dot{width:8px;height:8px;background:#7ee0a7;border-radius:50%;margin-left:auto}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(246,248,251,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,228,.8);z-index:40}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.page-heading{display:flex;flex-direction:column}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--primary)}.page-heading h1{font:800 20px/1.25 var(--display);margin:1px 0 0;letter-spacing:-.45px}.search-btn{height:42px;min-width:260px;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:12px;color:var(--muted);display:flex;align-items:center;gap:9px;padding:0 10px;cursor:pointer}.search-btn svg{width:17px}.search-btn span{flex:1;text-align:left}.search-btn kbd{font-size:10px;border:1px solid var(--line);background:var(--surface-2);padding:2px 6px;border-radius:6px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;border-radius:12px;cursor:pointer;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:19px;height:19px;stroke-width:1.9}.notification-dot{position:absolute;right:10px;top:9px;width:7px;height:7px;border-radius:50%;background:#e36262;box-shadow:0 0 0 2px #fff}.profile-btn{min-height:46px;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:3px 5px 3px 3px;border-radius:13px;cursor:pointer}.profile-btn:hover{background:rgba(255,255,255,.7)}.avatar{width:38px;height:38px;border-radius:12px;background:#d9ede5;display:grid;place-items:center;color:#195b49;font-weight:800;font-size:12px}.avatar.small{width:34px;height:34px;border-radius:10px}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px;color:var(--muted)}.profile-btn>svg{width:15px;color:var(--muted)}main{padding:30px 32px 54px;max-width:1540px;margin:0 auto}.view{display:none;animation:viewIn .22s ease}.view.active{display:block}@keyframes viewIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}h2,h3{font-family:var(--display);letter-spacing:-.55px}h2{font-size:28px;line-height:1.2;margin:4px 0 7px}h3{font-size:17px;margin:3px 0}.muted,.section-intro p,.welcome-row p,.lesson-header p{color:var(--muted)}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome-row p{margin:0}.welcome-row h2{font-size:30px}.primary-btn,.secondary-btn,.text-btn{min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;border:0;text-decoration:none}.primary-btn{background:var(--primary);color:#fff;padding:0 17px;box-shadow:0 6px 14px rgba(15,107,86,.16)}.primary-btn:hover{background:var(--primary-2)}.secondary-btn{background:#fff;border:1px solid var(--line);padding:0 15px}.secondary-btn:hover{background:var(--surface-2)}.text-btn{background:transparent;color:var(--primary);padding:0 4px;font-size:12px}.primary-btn svg,.secondary-btn svg,.text-btn svg{width:16px;height:16px;stroke-width:2}.primary-btn.full,.secondary-btn.full{width:100%}.primary-btn:disabled,.secondary-btn:disabled{opacity:.48;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--shadow-sm)}.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:0 0 auto}.metric-icon svg{width:19px;stroke-width:1.9}.metric-card>div:last-child{display:flex;flex-direction:column}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{font:800 24px/1.25 var(--display);letter-spacing:-.7px;margin:2px 0}.metric-card strong span{font-size:13px;font-weight:700}.metric-card small{font-size:10px;color:var(--muted)}.metric-card small b{color:var(--primary)}.metric-word{font-size:18px!important;margin-top:7px!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:16px;margin-bottom:16px}.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-head h3{margin-top:2px}.continue-card{overflow:hidden}.course-visual{min-height:176px;border-radius:16px;background:linear-gradient(130deg,#123d33,#1c705c);position:relative;overflow:hidden;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.course-visual:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-100px;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}.visual-symbols span{position:absolute;font:700 30px/1 var(--display);color:rgba(255,255,255,.10)}.visual-symbols span:nth-child(1){top:20px;left:42px}.visual-symbols span:nth-child(2){top:38px;right:120px}.visual-symbols span:nth-child(3){bottom:20px;right:180px}.visual-symbols span:nth-child(4){top:80px;left:47%}.course-status{display:flex;flex-direction:column;position:relative;z-index:2}.subject-pill,.mini-chip,.status-chip,.result-chip{display:inline-flex;align-items:center;gap:5px;width:max-content;border-radius:999px;font-size:10px;font-weight:800}.subject-pill{background:rgba(255,255,255,.14);padding:5px 9px;border:1px solid rgba(255,255,255,.14);margin-bottom:8px}.subject-pill.subtle{background:rgba(255,255,255,.4);color:#31544a;border-color:transparent}.course-status strong{font:700 19px/1.25 var(--display)}.course-status small{color:#b6d7cd;margin-top:3px}.round-play,.video-play{border:0;background:var(--accent);color:#17382f;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative;z-index:3;box-shadow:0 10px 24px rgba(0,0,0,.18)}.round-play{width:50px;height:50px}.round-play svg,.video-play svg{width:19px;fill:currentColor;stroke-width:1.5;margin-left:2px}.progress-block{margin-top:16px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:6px}.progress-label strong{color:var(--ink)}.progress-track{height:7px;border-radius:999px;background:#e9efed;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#38a581)}.progress-track.warning span{background:#d18b3c}.progress-track.muted-track span{background:#92aaa3}.next-lesson{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.lesson-number{width:40px;height:40px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-weight:800;color:var(--primary)}.next-lesson>div:nth-child(2){display:flex;flex:1;flex-direction:column}.next-lesson small{font-size:9px;color:var(--muted);letter-spacing:.1em}.next-lesson strong{font-size:12px}.next-lesson span{font-size:10px;color:var(--muted)}.mini-chip{padding:5px 9px;background:var(--surface-2);color:var(--muted)}.week-chart{height:150px;display:flex;align-items:flex-end;gap:9px;padding:12px 4px 0}.week-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.week-chart span{display:block;width:100%;max-width:24px;border-radius:7px 7px 3px 3px;background:#dce8e4}.week-chart .today span{background:var(--primary)}.week-chart small{font-size:9px;color:var(--muted)}.weekly-goal{margin-top:13px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.goal-ring{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) 80%,#e5ece9 0);position:relative}.goal-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.goal-ring span{position:relative;font-size:10px;font-weight:800}.weekly-goal>div:last-child{display:flex;flex-direction:column}.weekly-goal strong{font-size:12px}.weekly-goal small{font-size:10px;color:var(--muted)}.quiz-list{display:flex;flex-direction:column}.quiz-row{display:grid;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}.quiz-row:last-child{border-bottom:0}.score{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-weight:800!important;font-size:12px!important}.score.excellent{background:#e6f6ef;color:#147051}.score.good{background:#eef4e2;color:#677f28}.score.improve{background:#fff0dd;color:#ae6114}.quiz-row>div{display:flex;flex-direction:column}.quiz-row strong{font-size:12px}.quiz-row small{font-size:10px;color:var(--muted)}.result-chip{padding:4px 8px;background:var(--primary-soft);color:var(--primary)}.result-chip.warm{background:var(--warning-soft);color:var(--warning)}.quiz-row>svg{width:15px;color:#9baba6}.focus-card{background:linear-gradient(160deg,#f6fff9,#eef8f4);display:flex;flex-direction:column;align-items:flex-start}.focus-card p{color:var(--muted);font-size:12px}.focus-icon{width:46px;height:46px;margin:18px 0 7px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center}.focus-icon svg{width:22px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.section-intro h2{margin-bottom:3px}.section-intro p{margin:0;max-width:690px}.select-control{height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 36px 0 13px;color:var(--ink)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:1040px}.course-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.course-cover{height:190px;position:relative;padding:20px;overflow:hidden}.math-cover{background:linear-gradient(140deg,#123f34,#1f7e65);color:#fff}.science-cover{background:linear-gradient(140deg,#e8f0fb,#ceddf1);color:#43627e;display:flex;align-items:center;justify-content:center}.science-cover>svg{width:64px;height:64px;stroke-width:1.2}.course-body{padding:20px}.course-body>small{font-size:9px;letter-spacing:.1em;color:var(--primary);font-weight:800}.course-body h3{font-size:20px;margin:5px 0}.course-body p{color:var(--muted);font-size:12px;min-height:38px}.course-meta{display:flex;gap:15px;color:var(--muted);font-size:10px}.course-meta span{display:flex;align-items:center;gap:5px}.course-meta svg{width:14px}.course-body .full{margin-top:17px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.lesson-main{padding:24px}.lesson-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.lesson-breadcrumb button{border:0;background:transparent;padding:0;color:var(--primary);cursor:pointer}.lesson-breadcrumb svg{width:12px}.lesson-header{padding:24px 0 16px}.lesson-header .subject-pill{background:var(--primary-soft);color:var(--primary);border:0}.lesson-header h2{font-size:30px;margin-top:7px}.video-stage{aspect-ratio:16/8.5;background:#0b1c18;border-radius:17px;overflow:hidden}.video-placeholder{width:100%;height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 70% 25%,rgba(77,171,142,.28),transparent 28%),linear-gradient(135deg,#09261f,#183f35)}.video-placeholder:after{content:"x²  +  ¾  =  ?";font:700 clamp(28px,5vw,58px)/1 var(--display);color:rgba(255,255,255,.08);position:absolute}.video-placeholder>span{position:absolute;right:13px;bottom:12px;background:rgba(0,0,0,.46);padding:3px 7px;color:#fff;border-radius:6px;font-size:10px}.video-play{width:62px;height:62px}.lesson-copy{max-width:760px;margin:27px auto}.lesson-copy h3{margin-top:28px}.lesson-copy p{color:#53645f}.formula-card{margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:12px;font:700 23px var(--display)}.formula-card>span{width:25px;text-align:center}.fraction-line{height:1.5px;background:var(--ink);width:28px!important;position:absolute}.formula-card strong{color:var(--primary)}.tip-card{padding:14px;border-radius:14px;background:#eff8f4;border:1px solid #d9ebe4;display:flex;gap:11px}.tip-card>svg{width:20px;color:var(--primary);flex:none}.tip-card strong{font-size:12px}.tip-card p{font-size:11px;margin:3px 0 0}.check-question{border:1px solid var(--line);padding:18px;border-radius:16px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer{min-height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-weight:700}.answer:hover{border-color:#a7c7bd;background:#f7fbf9}.answer.correct{border-color:#6cb69b;background:#e7f6ef;color:#0c624b}.answer.wrong{border-color:#e4b4b4;background:#fff1f1;color:#9c3a3a}.answer-feedback{margin-top:10px;border-radius:11px;background:var(--primary-soft);color:var(--primary);padding:10px;display:flex;gap:8px;align-items:center}.answer-feedback svg{width:18px}.answer-feedback div{display:flex;flex-direction:column}.answer-feedback span{font-size:10px}.lesson-actions{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.lesson-sidebar{position:sticky;top:100px}.lesson-list{display:flex;flex-direction:column;gap:5px}.lesson-list button{width:100%;border:0;background:transparent;border-radius:11px;min-height:50px;padding:7px;display:grid;grid-template-columns:31px 1fr 18px;align-items:center;gap:9px;text-align:left;cursor:pointer}.lesson-list button:hover{background:var(--surface-2)}.lesson-list button>span{width:29px;height:29px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:800}.lesson-list button>div{display:flex;flex-direction:column}.lesson-list button strong{font-size:11px}.lesson-list button small{font-size:9px;color:var(--muted)}.lesson-list button>svg{width:16px;color:var(--muted)}.lesson-list .done>span{background:var(--primary-soft);color:var(--primary)}.lesson-list .done>svg{color:var(--primary)}.lesson-list .active{background:#edf7f3}.lesson-list .active>span{background:var(--primary);color:#fff}.lesson-list .active>svg{color:var(--primary)}.lesson-list .locked{opacity:.55}.mastery-list{display:flex;flex-direction:column;gap:16px}.mastery-list>div{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;gap:10px;font-size:11px}.mastery-list strong{text-align:right}.empty-state{max-width:620px;margin:80px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:50px;text-align:center;box-shadow:var(--shadow-sm)}.empty-icon{width:62px;height:62px;border-radius:18px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin:0 auto 16px}.empty-icon svg{width:28px}.empty-state p,.detail-empty p{color:var(--muted)}.store-grid{max-width:930px}.ebook-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;display:grid;grid-template-columns:280px 1fr;gap:34px;box-shadow:var(--shadow-sm)}.ebook-cover{aspect-ratio:.74;background:linear-gradient(145deg,#143c33,#0c6450);border-radius:7px 16px 16px 7px;color:#fff;padding:27px;display:flex;flex-direction:column;position:relative;box-shadow:12px 15px 30px rgba(11,52,43,.17);overflow:hidden}.ebook-cover:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.11);right:-70px;bottom:-60px;box-shadow:0 0 0 30px rgba(255,255,255,.025)}.book-spine{position:absolute;left:8px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}.ebook-cover>span{font-size:9px;letter-spacing:.15em;color:#bfdfd5}.ebook-cover h3{font-size:26px;line-height:1.12;margin-top:36px}.ebook-cover small{margin-top:8px;color:#bbd9d0}.cover-mark{margin-top:auto;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#15362d;display:grid;place-items:center;font:800 18px var(--display)}.ebook-details{padding:15px 0}.ebook-details>.mini-chip{color:var(--primary);background:var(--primary-soft)}.ebook-details h3{font-size:25px;margin-top:10px}.ebook-details p{color:var(--muted)}.ebook-details ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;margin:22px 0}.ebook-details li{display:flex;gap:7px;align-items:center;font-size:12px}.ebook-details li svg{width:16px;color:var(--primary)}.price-row{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between}.price-row>div{display:flex;flex-direction:column}.price-row small{color:var(--muted)}.price-row strong{font:800 25px var(--display)}.subscription-hero{background:linear-gradient(135deg,#123b32,#0c6d56);color:#fff;border-radius:23px;padding:34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;overflow:hidden;position:relative}.subscription-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-110px;top:-130px;box-shadow:0 0 0 50px rgba(255,255,255,.025)}.subscription-hero>div:first-child{position:relative;z-index:2}.subscription-hero .status-chip{background:rgba(255,255,255,.13);color:#e4fff4}.subscription-hero h2{font-size:34px}.subscription-hero p{max-width:620px;color:#c3ded5}.subscription-price{display:flex;align-items:baseline;gap:5px}.subscription-price strong{font:800 33px var(--display)}.subscription-price span{color:#b9d6cd}.subscription-hero>div>small{color:#a9cec2}.plan-shield{position:relative;z-index:2;width:100px;height:100px;border-radius:28px;background:rgba(255,255,255,.1);display:grid;place-items:center}.plan-shield svg{width:48px;height:48px;color:var(--accent);stroke-width:1.4}.feature-list{display:flex;flex-direction:column;gap:13px}.feature-list>div{display:flex;gap:10px;align-items:center}.feature-list svg{width:38px;height:38px;padding:9px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.feature-list div div{display:flex;flex-direction:column}.feature-list strong{font-size:12px}.feature-list span{font-size:10px;color:var(--muted)}.payment-method{display:flex;gap:10px;padding:15px;background:var(--surface-2);border-radius:13px;margin:14px 0}.payment-method>svg{width:22px;color:var(--primary)}.payment-method div{display:flex;flex-direction:column}.payment-method strong{font-size:12px}.payment-method span{font-size:10px;color:var(--muted)}.fine-print{font-size:9px!important;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.form-grid input,.form-grid select{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;color:var(--ink)}.form-actions{grid-column:1/-1}.danger-zone p{color:var(--muted);font-size:12px}.status-chip{padding:5px 9px;background:var(--primary-soft);color:var(--primary)}.status-chip svg{width:13px}.status-chip.neutral{background:var(--surface-2);color:var(--muted)}.status-chip.warning{background:var(--warning-soft);color:var(--warning)}.revenue-total{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 18px}.revenue-total>div{display:flex;flex-direction:column;padding:13px;background:var(--surface-2);border-radius:13px}.revenue-total span{font-size:10px;color:var(--muted)}.revenue-total strong{font:800 22px var(--display)}.split-visual{display:flex;height:72px;border-radius:14px;overflow:hidden;margin-bottom:10px}.split-visual>div{padding:13px;display:flex;flex-direction:column}.split-visual>div:first-child{background:#123c32;color:#fff}.split-visual>div:last-child{background:#dff0e9;color:#184f41}.split-visual span{font-size:9px;opacity:.75}.split-visual strong{font:700 17px var(--display)}.health-list{display:flex;flex-direction:column}.health-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.health-list>div:last-child{border:0}.health-list span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.health-list svg{width:15px}.health-list strong{font-size:12px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:#83918d;font-size:9px;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #edf1ef;font-size:11px}tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>div{display:flex;flex-direction:column}.person-cell strong{font-size:11px}.person-cell small{font-size:9px;color:var(--muted)}.table-progress{display:flex;align-items:center;gap:7px}.table-progress>span{width:25px}.table-progress .progress-track{width:80px;height:5px}.table-tools{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.inline-search{height:44px;min-width:300px;max-width:440px;flex:1;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px}.inline-search svg{width:17px;color:var(--muted)}.inline-search input{border:0;outline:0;width:100%;background:transparent}.button-group{display:flex;gap:8px}.curriculum-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.curriculum-tree{min-height:530px}.chapter-group{margin-bottom:6px}.chapter-button{width:100%;min-height:44px;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;cursor:pointer;text-align:left}.chapter-button:hover{background:var(--surface-2)}.chapter-button svg{width:15px;color:var(--muted)}.chapter-button>span:first-of-type{width:24px;height:24px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:9px;font-weight:800}.chapter-button div{display:flex;flex:1;flex-direction:column}.chapter-button strong{font-size:11px}.chapter-button small{font-size:9px;color:var(--muted)}.chapter-lessons{padding-left:40px;display:flex;flex-direction:column}.chapter-lessons button{border:0;background:transparent;min-height:35px;border-radius:8px;text-align:left;color:var(--muted);font-size:10px;cursor:pointer}.chapter-lessons button:hover{background:var(--surface-2);color:var(--ink)}.content-detail{min-height:530px;display:grid;place-items:center}.detail-empty{text-align:center;max-width:340px}.commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.commission-card{border-radius:20px;padding:23px;display:flex;flex-direction:column;min-height:180px;position:relative;overflow:hidden}.commission-card:after{content:"50";font:800 150px/1 var(--display);position:absolute;right:-15px;bottom:-42px;opacity:.045}.commission-card.owner{background:#123b32;color:#fff}.commission-card.partner{background:#e3f2ec;color:#173e34}.commission-card>span{font-size:9px;letter-spacing:.12em;opacity:.7;font-weight:800}.commission-card h3{font-size:31px;margin:20px 0 0}.commission-card>strong{font:800 24px var(--display)}.commission-card small{opacity:.7;margin-top:4px}.product-admin-grid{display:grid;gap:12px}.product-row{display:grid;grid-template-columns:50px 1fr auto 44px;align-items:center;gap:14px}.product-admin-icon{width:50px;height:50px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.product-admin-icon svg{width:22px}.product-row>div:nth-child(2) h3{font-size:14px}.product-row>div:nth-child(2) p{color:var(--muted);font-size:10px;margin:0}.product-row>strong{font:800 19px var(--display)}.product-row>strong small{font:500 10px var(--font);color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card{display:flex;flex-direction:column;min-height:220px}.role-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.role-icon.owner-role{background:#173c33;color:var(--accent)}.role-icon svg{width:21px}.role-card h3{margin-top:18px}.role-card p{color:var(--muted);font-size:11px;flex:1}.role-card>strong{font-size:11px}.activity-feed{display:flex;flex-direction:column}.activity-feed>div{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-feed>div:last-child{border:0}.activity-icon{width:38px;height:38px;border-radius:11px;background:var(--surface-2);color:var(--primary);display:grid;place-items:center;flex:none}.activity-icon svg{width:17px}.activity-feed>div>div{display:flex;flex-direction:column}.activity-feed strong{font-size:12px}.activity-feed p{font-size:10px;color:var(--muted);margin:2px 0}.activity-feed small{font-size:9px;color:#9aa7a3}.modal-backdrop{position:fixed;inset:0;background:rgba(4,18,15,.52);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 24px 80px rgba(4,28,23,.22);animation:modalIn .18s ease}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-card>p{color:var(--muted);font-size:11px}.role-options{display:flex;flex-direction:column;gap:8px;margin-top:17px}.role-options>button{min-height:66px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:9px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;text-align:left;cursor:pointer}.role-options>button:hover{background:var(--surface-2);border-color:#c9d8d3}.role-options .role-icon{width:40px;height:40px;border-radius:11px}.role-options div{display:flex;flex-direction:column}.role-options strong{font-size:12px}.role-options small{font-size:10px;color:var(--muted)}.role-options>button>svg{width:16px;color:var(--muted)}.checkout-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:14px 0}.checkout-summary span{color:var(--muted);font-size:11px}.checkout-summary strong{font:800 22px var(--display)}.secure-note{display:flex;gap:10px;background:var(--primary-soft);padding:13px;border-radius:13px;margin-bottom:15px}.secure-note>svg{width:20px;color:var(--primary);flex:none}.secure-note strong{font-size:11px}.secure-note p{font-size:10px;color:#507167;margin:3px 0}.toast{position:fixed;right:22px;bottom:22px;z-index:120;background:#15382f;color:#fff;border-radius:13px;padding:11px 15px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow)}.toast svg{width:17px;color:var(--accent)}.toast span{font-size:11px;font-weight:700}.mobile-nav{display:none}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.weekly-card{min-height:260px}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.settings-layout{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--sidebar:280px}.desktop-only{display:none!important}.mobile-only{display:grid!important}.sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 50px rgba(0,0,0,.18)}.sidebar.open{transform:none}.main-shell{margin-left:0}.topbar{height:72px;padding:0 18px}.topbar-left{gap:10px}.page-heading h1{font-size:17px}main{padding:22px 18px 92px}.welcome-row,.section-intro{align-items:flex-start;flex-direction:column}.welcome-row .primary-btn{width:100%}.student-metrics{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr}.ebook-card{grid-template-columns:1fr}.ebook-cover{max-width:280px;width:100%;margin:0 auto}.subscription-hero{padding:25px}.plan-shield{display:none}.curriculum-layout{grid-template-columns:1fr}.curriculum-tree{min-height:auto}.commission-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:64px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 38px rgba(12,46,38,.15);z-index:50;padding:5px}.mobile-nav button{border:0;background:transparent;border-radius:13px;color:#73837e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:700}.mobile-nav button svg{width:18px;height:18px;stroke-width:1.9}.mobile-nav button.active{background:var(--primary-soft);color:var(--primary)}.role-trigger{margin-bottom:15px}}
@media(max-width:560px){body{font-size:14px}main{padding-inline:13px}.topbar{padding-inline:13px}.topbar .icon-btn{width:41px;height:41px}.profile-btn{padding:0}.avatar{width:40px;height:40px}.welcome-row h2{font-size:25px}.student-metrics,.metric-grid{grid-template-columns:1fr}.metric-card{padding:15px}.dashboard-grid{gap:12px}.panel{padding:16px;border-radius:17px}.course-visual{min-height:155px;padding:18px}.next-lesson{align-items:flex-start;flex-wrap:wrap}.next-lesson .secondary-btn{width:100%}.quiz-row{grid-template-columns:40px 1fr 18px}.result-chip{display:none}.lesson-main{padding:15px}.lesson-header h2{font-size:25px}.lesson-copy{margin:20px 0}.answer-grid{grid-template-columns:1fr}.lesson-actions{gap:8px}.lesson-actions button{flex:1;padding-inline:8px}.form-grid{grid-template-columns:1fr}.ebook-card{padding:16px}.ebook-details h3{font-size:21px}.price-row{align-items:flex-end}.price-row .primary-btn{padding-inline:12px}.subscription-hero h2{font-size:29px}.revenue-total{grid-template-columns:1fr}.table-tools{flex-direction:column}.inline-search{min-width:0;max-width:none;width:100%}.button-group{width:100%}.button-group button{flex:1;padding-inline:7px}.product-row{grid-template-columns:44px 1fr 40px}.product-row>strong{grid-column:2}.product-row>.icon-btn{grid-column:3;grid-row:1/3}.commission-card{min-height:160px}.empty-state{margin:40px auto;padding:32px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}