:root,[data-theme="pearl"],[data-theme="light"]{--bg:#f5f7fb;--surface:#ffffff;--surface2:#eef3f8;--surface3:#e7eef6;--text:#172033;--muted:#667085;--line:#dbe4ee;--accent:#167d70;--accent2:#4568c8;--danger:#c4475c;--warning:#9b6500;--top:rgba(255,255,255,.94);--shadow:rgba(41,56,85,.10);--on-accent:#ffffff;--radius:20px}
[data-theme="sky"]{--bg:#f3f8fd;--surface:#ffffff;--surface2:#eaf3fb;--surface3:#dfeefa;--text:#17324d;--muted:#60758b;--line:#d4e3ef;--accent:#1479a8;--accent2:#4266c7;--danger:#c94e65;--warning:#976800;--top:rgba(255,255,255,.95);--shadow:rgba(33,76,112,.10);--on-accent:#ffffff;--radius:20px}
[data-theme="sage"]{--bg:#f4f8f5;--surface:#ffffff;--surface2:#eaf2ed;--surface3:#dfeae3;--text:#183128;--muted:#64776d;--line:#d5e1da;--accent:#28755d;--accent2:#5574a9;--danger:#b94b5b;--warning:#8e6800;--top:rgba(255,255,255,.95);--shadow:rgba(41,76,60,.10);--on-accent:#ffffff;--radius:20px}
[data-theme="sand"]{--bg:#faf8f3;--surface:#ffffff;--surface2:#f3eee4;--surface3:#ebe3d4;--text:#332d24;--muted:#776e62;--line:#e4dccf;--accent:#9a6a24;--accent2:#4f6e9a;--danger:#b74f5d;--warning:#946300;--top:rgba(255,255,255,.95);--shadow:rgba(76,60,36,.10);--on-accent:#ffffff;--radius:20px}
[data-theme="lilac"]{--bg:#f8f6fb;--surface:#ffffff;--surface2:#f0ebf7;--surface3:#e8e0f2;--text:#2d2940;--muted:#716b82;--line:#e0d9ea;--accent:#6b57a6;--accent2:#4c78a9;--danger:#bd5068;--warning:#936400;--top:rgba(255,255,255,.95);--shadow:rgba(70,50,96,.10);--on-accent:#ffffff;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:var(--top);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);font-weight:950}.brand b{display:block}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em}.nav nav{display:flex;align-items:center;gap:17px;font-size:14px}.nav nav>a:hover,.adminnav a:hover{color:var(--accent)}.inline{display:inline}.linkbtn{background:none;border:0;color:var(--text);cursor:pointer;font:inherit}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px}.adminbar{position:sticky;top:74px;z-index:25;background:var(--surface);border-bottom:1px solid var(--line);overflow:auto}.adminnav{display:flex;gap:18px;min-height:42px;align-items:center;font-size:12px;white-space:nowrap}.hero{padding:88px 0 68px;background:radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 36%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:center}.hero h1,.course-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;margin:18px 0 24px;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.hero p,.lead{color:var(--muted);font-size:18px;max-width:720px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,white));color:var(--on-accent);font-weight:850;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:white}.btn.warning{background:var(--warning);color:#2c2000}.btn.small{padding:8px 12px;font-size:12px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.hero-card,.panel,.course-card,.certificate-card,.stat-card{border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 60px var(--shadow)}.hero-card{border-radius:30px;padding:28px;background:linear-gradient(145deg,var(--surface),var(--surface2))}.mini-card{padding:18px;border-radius:16px;background:var(--surface2)}.mini-card span{display:block;color:var(--muted);font-size:13px}.score{font-size:54px;font-weight:900;margin:25px 0}.score span{font-size:20px;color:var(--muted)}.score small{display:block;font-size:12px;color:var(--muted)}.mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-row span{padding:11px 8px;text-align:center;border:1px solid var(--line);border-radius:11px;font-size:11px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stats-grid div{text-align:center;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid b{font-size:27px}.stats-grid span{display:block;color:var(--muted);font-size:13px}.section{padding:70px 0}.section.alt{background:var(--surface2)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section h1,.section h2{line-height:1.12;letter-spacing:-.03em}.section h1{font-size:40px}.section h2{font-size:33px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card,.certificate-card{overflow:hidden;border-radius:var(--radius)}.thumb{height:185px;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface2),color-mix(in srgb,var(--accent2) 28%,var(--surface2)));font-size:46px;font-weight:900;color:var(--accent)}.thumb img{width:100%;height:100%;object-fit:cover}.course-body{padding:20px}.course-body h3{font-size:20px;margin:10px 0}.course-body p,.course-body small{color:var(--muted)}.course-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.course-foot a{color:var(--accent)}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:11px;font-weight:850;text-transform:capitalize}.pill.warn{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.pill.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.features{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-grid>div{padding:20px;border-radius:17px;background:var(--surface);border:1px solid var(--line)}.feature-grid b,.feature-grid span{display:block}.feature-grid span{color:var(--muted);font-size:13px;margin-top:5px}.auth-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:55px 18px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 40%)}.auth-card{width:min(470px,100%);padding:32px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:0 30px 80px var(--shadow)}.auth-card h1{margin:10px 0}.auth-card>p,.muted{color:var(--muted)}label{display:block;font-size:13px;font-weight:750;margin:13px 0}input,select,textarea{width:100%;margin-top:6px;padding:12px 13px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--text);outline:none;font:inherit}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--surface);color:var(--text)}.center{text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric-grid>div{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:17px}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:12px}.metric-grid b{display:block;font-size:28px;margin-top:4px}.panel{padding:22px;border-radius:var(--radius);margin-top:20px}.panel h2,.panel h3{margin-top:0}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.nowrap{white-space:nowrap}.right{text-align:right}.compact .course-body{min-height:155px}.progress{height:8px;background:var(--bg);border-radius:99px;overflow:hidden;margin:12px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row div span{display:block;color:var(--muted);font-size:12px}.empty{padding:25px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);grid-column:1/-1}.search{display:flex;gap:8px}.search input{margin:0;width:260px}.course-hero{padding:65px 0;background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35%)}.course-detail-grid{display:grid;grid-template-columns:1.2fr .6fr;gap:55px;align-items:center}.course-hero h1{font-size:54px}.meta{display:flex;gap:18px;color:var(--muted);font-size:13px}.buy-card{padding:23px;border:1px solid var(--line);background:var(--surface);border-radius:22px}.preview{height:175px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--surface2),color-mix(in srgb,var(--accent2) 30%,var(--surface2)));font-size:40px}.buy-card h3{font-size:27px}.narrow{max-width:880px}.curriculum{border:1px solid var(--line);border-radius:17px;padding:18px;margin:12px 0;background:var(--surface)}.lesson-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}.learning{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 74px)}.lesson-sidebar{border-right:1px solid var(--line);padding:22px;background:var(--surface);position:sticky;top:116px;height:calc(100vh - 116px);overflow:auto}.back{color:var(--muted);font-size:13px}.lesson-list{margin-top:18px}.lesson-list a{display:flex;gap:11px;padding:12px;border-radius:12px;margin:4px 0}.lesson-list a.active{background:var(--surface2)}.lesson-list small,.lesson-list b{display:block}.lesson-list small{color:var(--muted);font-size:10px}.lesson-content{padding:46px;max-width:1050px}.video-wrap{aspect-ratio:16/9;background:black;border-radius:18px;overflow:hidden;margin:22px 0}.video-wrap iframe{width:100%;height:100%;border:0}.lesson-body{font-size:17px;line-height:1.85;color:color-mix(in srgb,var(--text) 84%,var(--muted));margin:23px 0}.certificate-card{padding:26px}.certificate-card span,.certificate-card small{display:block;color:var(--muted)}.certificate-card b{display:block;margin:16px 0}.certificate-card a{color:var(--accent)}.verify-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:34px}.verify-icon.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}dl{display:grid;grid-template-columns:130px 1fr;text-align:left;border-top:1px solid var(--line);margin-top:23px}dt,dd{padding:9px 0;border-bottom:1px solid var(--line);margin:0}dt{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form label.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.checkout-row,.checkout-total{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.checkout-row span{display:block;color:var(--muted);font-size:12px}.checkout-total{font-size:20px}.payment-box,.notice{margin-top:18px;padding:16px;border-radius:13px;background:var(--bg);border:1px solid var(--line)}.notice.good{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.notice.warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--line))}.question{padding:20px;border:1px solid var(--line);border-radius:16px;margin:14px 0;background:var(--surface)}.question h3{font-size:16px;margin-top:0}.option{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-weight:500}.option input{width:auto;margin:5px 0 0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.kpi-line{display:flex;align-items:center;gap:10px;margin:8px 0}.kpi-line>span:first-child{width:150px;color:var(--muted);font-size:12px}.kpi-line .bar{flex:1;height:9px;background:var(--bg);border-radius:99px;overflow:hidden}.kpi-line .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.toast{position:fixed;z-index:70;top:92px;right:20px;max-width:380px;padding:12px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);box-shadow:0 15px 60px var(--shadow);transition:.3s}.toast.success{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.toast.error{border-color:color-mix(in srgb,var(--danger) 50%,var(--line))}.toast.hide{opacity:0;transform:translateY(-8px);pointer-events:none}.assistant-fab{position:fixed;z-index:45;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);font-size:24px;font-weight:900;box-shadow:0 12px 40px var(--shadow);cursor:pointer}.assistant-box{position:fixed;z-index:60;right:22px;bottom:88px;width:min(370px,calc(100vw - 28px));height:480px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 25px 90px var(--shadow);display:none;overflow:hidden}.assistant-box.open{display:flex;flex-direction:column}.assistant-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.assistant-head small{display:block;color:var(--muted)}.assistant-head button{background:none;border:0;color:var(--text);font-size:23px}.assistant-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.bubble{padding:10px 12px;border-radius:13px;max-width:88%;font-size:13px}.bubble.bot{background:var(--surface2);align-self:flex-start}.bubble.me{background:var(--accent);color:var(--on-accent);align-self:flex-end}.assistant-form{display:grid;grid-template-columns:1fr 45px;gap:7px;padding:11px;border-top:1px solid var(--line)}.assistant-form input{margin:0}.assistant-form button{border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:18px}footer{border-top:1px solid var(--line);padding:40px 0 23px;color:var(--muted);background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1fr 1fr .5fr;gap:28px}.footer-grid b{color:var(--text)}.footer-grid select{margin:7px 0 0}.copyright{padding-top:18px;border-top:1px solid var(--line);font-size:12px}code{color:var(--accent)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.help{font-size:12px;color:var(--muted);margin-top:5px}.badge-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:var(--surface2);color:var(--accent);font-size:11px;font-weight:800}.text-success{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}

/* Light Edition refinements */
body{background-image:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 42%,transparent) 0,transparent 320px);background-attachment:fixed}
.topbar{box-shadow:0 1px 0 rgba(17,32,51,.03)}
.adminbar{box-shadow:0 8px 28px rgba(31,54,80,.04)}
.nav nav>a,.adminnav a{font-weight:650}
.hero{background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--accent2) 13%,transparent),transparent 34%),radial-gradient(circle at 10% 18%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 31%),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface2) 68%,var(--bg)))}
.hero-card,.panel,.course-card,.certificate-card,.stat-card,.auth-card,.buy-card,.curriculum,.question{box-shadow:0 12px 34px var(--shadow)}
.course-card,.panel,.metric-grid>div,.feature-grid>div,.buy-card,.auth-card,.curriculum,.question{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.course-card:hover,.feature-grid>div:hover{transform:translateY(-3px);box-shadow:0 18px 42px color-mix(in srgb,var(--shadow) 130%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.btn{box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 18%,transparent)}
.btn.ghost{box-shadow:none;background:color-mix(in srgb,var(--surface) 88%,transparent)}
input,select,textarea{background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent);border-color:color-mix(in srgb,var(--accent) 68%,var(--line))}
th{background:color-mix(in srgb,var(--surface2) 70%,var(--surface));position:sticky;top:0}
tbody tr:hover td{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.section.alt{background:linear-gradient(180deg,var(--surface2),color-mix(in srgb,var(--surface2) 66%,var(--bg)))}
.lesson-sidebar{box-shadow:8px 0 30px rgba(29,48,70,.035)}
.payment-box,.notice{background:color-mix(in srgb,var(--surface2) 68%,var(--surface))}
.assistant-box{box-shadow:0 24px 70px rgba(32,48,76,.18)}
.assistant-fab{box-shadow:0 12px 28px color-mix(in srgb,var(--accent2) 26%,transparent)}
footer{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface2) 46%,var(--surface)))}
@media(max-width:950px){.hero-grid,.course-detail-grid,.features,.two-col,.panel-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.learning{grid-template-columns:1fr}.lesson-sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}.lesson-content{padding:28px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;left:18px;right:18px;top:68px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav a,.nav nav form{display:block}.adminbar{top:74px}.lesson-sidebar{top:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:55px}.hero h1{font-size:42px}.cards,.feature-grid,.stats-grid,.metric-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.stats-grid div{border-right:0;border-bottom:1px solid var(--line);padding:11px}.section{padding:48px 0}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}.meta{flex-direction:column;gap:3px}.lesson-content{padding:20px 14px}.brand small{display:none}.panel{padding:16px}.assistant-fab{right:14px;bottom:14px}.assistant-box{right:14px;bottom:78px}.course-hero h1{font-size:42px}dl{grid-template-columns:1fr}dt{border-bottom:0;padding-bottom:0}.topbar{position:sticky}.adminnav{gap:14px}}