:root{--bg:#0D0D0E;--bg-pure:#000000;--surface:#1A1A1D;--surface-2:#212126;--surface-3:#2A2A30;--border:#2C2C32;--border-soft:#242429;--text:#FFFFFF;--soft:#B4B6C0;--dim:#7C7E88;--gold:#FFC52C;--amber:#FF9E1C;--good:#3FCF8E;--warn:#FF6B6B;--r:12px;--shadow:0 6px 24px rgba(0,0,0,.45);--shadow-lg:0 18px 50px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scrollbar-width:thin;scrollbar-color:#2a2a30 transparent}html::-webkit-scrollbar,body::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:99px;border:2px solid #0d0d0e}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(255,158,28,.05),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(255,197,44,.04),transparent 55%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}[data-lang=am] body,[data-lang=am]{font-family:Noto Sans Ethiopic,Inter,sans-serif}h1,h2,h3,h4,button,.mono{font-family:Montserrat,sans-serif}[data-lang=am] h1,[data-lang=am] h2,[data-lang=am] h3,[data-lang=am] h4,[data-lang=am] button{font-family:Noto Sans Ethiopic,Montserrat,sans-serif}.soft{color:var(--soft)}.dim{color:var(--dim)}.gold{color:var(--gold)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--gold);color:#000}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.brand{display:flex;align-items:center;gap:10px}.mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--amber));color:#000;font-weight:700;font-family:Montserrat;font-size:14px;box-shadow:0 0 16px #ffc52c59;flex-shrink:0}.brand b{font-family:Montserrat;font-weight:700;font-size:15px}.ico{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico.sm{width:17px;height:17px;stroke-width:1.7}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;font-family:Montserrat}.pill-gold{background:#ffc52c24;color:var(--gold)}.pill-good{background:#3fcf8e21;color:var(--good)}.pill-warn{background:#ff6b6b21;color:var(--warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat;font-weight:600;font-size:14px;padding:13px 18px;border-radius:var(--r);transition:.16s;width:100%}.btn-gold{background:var(--gold);color:#000}.btn-gold:hover{background:#ffd34f;box-shadow:0 6px 20px #ffc52c4d}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:#3d3d45}.btn-sm{padding:9px 14px;font-size:13px;width:auto}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.sec-h{font-family:Montserrat;font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);margin:22px 0 12px}.av{border-radius:50%;display:grid;place-items:center;font-weight:700;font-family:Montserrat;color:#000;flex-shrink:0}.demo{position:fixed;top:12px;right:14px;z-index:200;display:flex;align-items:center;gap:8px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:999px;padding:5px 6px 5px 12px}.demo small{color:var(--dim);font-size:10.5px;font-weight:600;font-family:Montserrat;letter-spacing:.4px;text-transform:uppercase}.demo .seg{display:flex;background:var(--surface);border-radius:999px;padding:3px;gap:2px}.demo .seg button{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--soft)}.demo .seg button.on{background:var(--gold);color:#000}.lang{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.lang button{padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--soft)}.lang button.on{background:var(--gold);color:#000}.shell{min-height:100%;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#0d0d0ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.iconbtn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--soft);border:1px solid transparent;transition:.16s}.iconbtn:hover{color:var(--gold);border-color:var(--border)}.topnav{display:none}.content{flex:1;padding:16px 16px 96px;max-width:1180px;width:100%;margin:0 auto}.bottomnav{position:fixed;bottom:0;left:0;right:0;height:66px;background:#0a0a0bf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-around;padding:0 6px;z-index:40}.bottomnav .tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--dim);font-size:10px;font-weight:500;font-family:Montserrat;flex:1;padding:8px 0;transition:.16s}.bottomnav .tab.on{color:var(--gold)}.fab{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--amber));display:grid;place-items:center;color:#000;box-shadow:0 0 0 5px var(--bg),0 8px 24px #ffc52c80;margin-top:-24px;transition:.2s;flex-shrink:0}.fab:hover{transform:translateY(-3px) scale(1.04)}.fab .ico{width:25px;height:25px;stroke-width:2.4}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--soft);font-size:12.5px;font-weight:500;white-space:nowrap;transition:.16s}.chip.on{background:var(--gold);color:#000;border-color:var(--gold);font-weight:600}@media (min-width:900px){.appbar,.bottomnav{display:none}.topnav{display:flex;align-items:center;gap:16px;padding:14px 22px;position:sticky;top:0;z-index:30;background:#0d0d0eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);max-width:1180px;margin:0 auto;width:100%}.content{padding:26px 22px 40px}.searchbar{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--dim)}.searchbar input{flex:1;background:none;border:none;color:#fff;font-size:13.5px;outline:none}.navlinks{display:flex;align-items:center;gap:4px;margin-left:auto}.navlink{padding:9px 13px;border-radius:10px;color:var(--soft);font-family:Montserrat;font-weight:500;font-size:13.5px;transition:.15s}.navlink:hover{color:#fff;background:var(--surface)}.navlink.on{color:var(--gold)}.create-btn{background:var(--gold);color:#000;font-family:Montserrat;font-weight:600;font-size:13.5px;padding:10px 15px;border-radius:11px;display:flex;align-items:center;gap:7px}.create-btn:hover{background:#ffd34f}}.searchbar{display:none}.grid{display:flex;flex-direction:column;gap:16px}@media (min-width:900px){.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:20px}}.ccard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:.18s;cursor:pointer;text-align:left}.ccard:hover{transform:translateY(-2px);border-color:#3a3a42}.thumb{height:150px;position:relative;display:flex;align-items:flex-end;padding:12px}.thumb .tag{position:absolute;top:10px;left:10px;background:#0000008c;color:#fff;font-size:10.5px;font-weight:600;font-family:Montserrat;padding:5px 9px;border-radius:7px}.thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#00000073;border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center}.thumb .badge-top{position:absolute;top:10px;right:10px;background:linear-gradient(145deg,var(--gold),var(--amber));color:#000;font-size:10px;font-weight:700;font-family:Montserrat;padding:4px 8px;border-radius:7px;display:flex;gap:4px;align-items:center}.cbody{padding:13px 14px 15px}.cbody h3{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:9px}.inst{display:flex;align-items:center;gap:8px;margin-bottom:11px}.inst .av{width:24px;height:24px;font-size:10px}.inst small{color:var(--soft);font-size:12px}.cmeta{display:flex;align-items:center;justify-content:space-between}.cmeta .stat{display:flex;gap:13px;color:var(--dim);font-size:11.5px;align-items:center}.cmeta .stat span{display:flex;gap:4px;align-items:center}.price{font-family:Montserrat;font-weight:700;font-size:16px;color:var(--gold)}.rating{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:600;font-size:13px;font-family:Montserrat}.hero{border-radius:16px;padding:30px 26px;margin-bottom:24px;position:relative;overflow:hidden;border:1px solid #2d2614;background:radial-gradient(120% 150% at 100% 0,rgba(255,197,44,.2),transparent 52%),linear-gradient(120deg,#1c1407,#0d0d0e 58%)}.hero h1{font-size:24px;font-weight:700;line-height:1.18;margin-bottom:10px;max-width:560px}@media (min-width:900px){.hero{padding:38px 34px}.hero h1{font-size:30px}}.hero p{color:var(--soft);font-size:14px;max-width:520px;margin-bottom:20px;line-height:1.5}.backlink{display:inline-flex;align-items:center;gap:7px;color:var(--soft);font-family:Montserrat;font-weight:500;font-size:13.5px;margin-bottom:16px}.backlink:hover{color:var(--gold)}.vid{height:230px;border-radius:14px;position:relative;display:grid;place-items:center;margin-bottom:16px}@media (min-width:900px){.vid{height:400px}}.play-lg{width:66px;height:66px;border-radius:50%;background:#0006;border:2px solid #fff;display:grid;place-items:center}.detail{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width:900px){.detail{grid-template-columns:1fr 350px;gap:30px}}.buybox{position:static}@media (min-width:900px){.buybox{position:sticky;top:88px}}.lesson{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-soft);max-width:640px}.lnum{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--soft);font-size:12px;font-weight:600;font-family:Montserrat;flex-shrink:0}.lesson.locked .lnum{color:var(--dim)}.lesson .lmeta{flex:1}.lesson .lmeta b{font-weight:500;font-size:13.5px;display:block}.lesson .lmeta small{color:var(--dim);font-size:11.5px}.learnwrap{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:900px){.learnwrap{grid-template-columns:1fr 330px}}.prog{height:9px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin:6px 0 8px;max-width:640px}.prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--amber),var(--gold));box-shadow:0 0 12px #ffc52c80;transition:width 1s ease}.ptab{display:flex;gap:6px;margin:14px 0 4px;max-width:380px}.ptab button{flex:1;padding:9px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-family:Montserrat;font-weight:600;font-size:12.5px;color:var(--soft)}.ptab button.on{background:var(--gold);color:#000;border-color:var(--gold)}.rank-card{background:radial-gradient(140% 120% at 100% 0%,rgba(255,197,44,.14),transparent 55%),var(--surface);border:1px solid #3a341f;border-radius:16px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.rank-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}.rank-emblem{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--gold),var(--amber));display:grid;place-items:center;color:#000;flex-shrink:0;box-shadow:0 0 20px #ffc52c66}.rank-emblem .ico{stroke:#000;width:26px;height:26px;stroke-width:1.8}.rank-top h3{font-size:18px;font-weight:700}.rank-top .sub{color:var(--soft);font-size:12.5px;margin-top:2px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stat-box{background:#0000004d;border:1px solid var(--border-soft);border-radius:11px;padding:12px}.stat-box .k{color:var(--dim);font-size:10.5px;font-weight:600;font-family:Montserrat;letter-spacing:.4px;text-transform:uppercase}.stat-box .v{font-family:Montserrat;font-weight:700;font-size:18px;margin-top:5px}.studiogrid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}@media (min-width:900px){.studiogrid{grid-template-columns:1.5fr 1fr;gap:20px}}.col{display:flex;flex-direction:column;gap:18px}.colmax{max-width:640px}.led{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.led:last-child{border-bottom:none}.led .ic{width:38px;height:38px;border-radius:11px;background:#3fcf8e1f;color:var(--good);display:grid;place-items:center;flex-shrink:0}.led .lmeta{flex:1}.led .lmeta b{font-weight:600;font-size:13.5px;font-family:Montserrat}.led .lmeta small{color:var(--dim);font-size:11.5px}.led .amt{font-family:Montserrat;font-weight:700;font-size:14px}.fee-row{display:flex;justify-content:space-between;padding:9px 0;font-size:13px;border-bottom:1px solid var(--border-soft)}.fee-row.tot{border-bottom:none;border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-family:Montserrat;font-weight:700;font-size:15px}.fee-row .neg{color:var(--warn)}.fee-row .pos{color:var(--good)}.reassure{display:flex;gap:10px;padding:13px;background:#3fcf8e14;border:1px solid rgba(63,207,142,.2);border-radius:12px;margin:14px 0}.reassure .ico{color:var(--good);flex-shrink:0;margin-top:1px}.reassure p{font-size:12.5px;color:#cfe9dc;line-height:1.5}.reassure b{color:#fff}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;font-family:Montserrat;color:var(--soft);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:var(--bg-pure);border:1px solid var(--border);border-radius:11px;padding:13px 14px;color:#fff;font-size:14px;transition:.16s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}.field .hint{color:var(--dim);font-size:11.5px;margin-top:6px;line-height:1.4}.auth{min-height:100%;display:grid;place-items:center;padding:24px}.authcard{width:100%;max-width:400px}.authcard .mark{width:46px;height:46px;border-radius:13px;font-size:20px;margin-bottom:18px}.authcard h1{font-size:24px;margin-bottom:6px}.authcard p.lead{color:var(--soft);font-size:13.5px;margin-bottom:22px}.authsep{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:12px;margin:16px 0}.authsep:before,.authsep:after{content:"";flex:1;height:1px;background:var(--border)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:grid;place-items:center;padding:18px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;scrollbar-width:none;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg)}.sheet::-webkit-scrollbar{display:none}.sheet h2{font-size:19px;font-weight:700;margin-bottom:4px}.sheet .lead{color:var(--soft);font-size:13.5px;line-height:1.5;margin-bottom:18px}.steps{display:flex;gap:6px;margin-bottom:18px}.steps i{flex:1;height:4px;border-radius:9px;background:var(--surface-3)}.steps i.on{background:var(--gold)}.opt{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--border);border-radius:14px;margin-bottom:10px;transition:.16s;background:var(--surface-2);width:100%;text-align:left}.opt:hover{border-color:var(--gold);background:#26261c}.opt .oi{width:42px;height:42px;border-radius:12px;background:#ffc52c21;color:var(--gold);display:grid;place-items:center;flex-shrink:0}.opt b{font-family:Montserrat;font-weight:600;font-size:14.5px;display:block}.opt small{color:var(--dim);font-size:12px}.success{text-align:center;padding:6px 4px}.success .ring{width:74px;height:74px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--amber));display:grid;place-items:center;margin:0 auto 16px;color:#000;box-shadow:0 0 36px #ffc52c80}.success .ring .ico{width:36px;height:36px;stroke-width:2.4}.success h2{font-size:21px;margin-bottom:8px}.success p{color:var(--soft);font-size:13.5px;line-height:1.55;margin-bottom:20px}.empty{text-align:center;padding:50px 20px;color:var(--dim)}.empty .ic{width:58px;height:58px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;margin:0 auto 16px;color:var(--soft)}.empty h3{color:var(--text);font-size:16px;margin-bottom:6px}.empty p{font-size:13px;max-width:300px;margin:0 auto 18px;line-height:1.5}.kpis{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:24px}@media (min-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.kpi .k{color:var(--dim);font-size:11px;font-weight:600;font-family:Montserrat;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.kpi .v{font-family:Montserrat;font-weight:700;font-size:24px;margin-top:9px}.kpi .d{font-size:12px;margin-top:5px}.kpi .d.up{color:var(--good)}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.panel-h{padding:16px 20px;border-bottom:1px solid var(--border-soft)}.panel-h h2{font-size:15px;font-weight:700}.panel-h .sub{color:var(--dim);font-size:12px;margin-top:2px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}thead th{text-align:left;padding:12px 20px;font-family:Montserrat;font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--border-soft)}tbody td{padding:14px 20px;border-bottom:1px solid var(--border-soft);font-size:13.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}.tname{display:flex;align-items:center;gap:11px}.tname .av{width:34px;height:34px}.tname b{font-weight:600;font-family:Montserrat;font-size:13.5px;display:block}.tname small{color:var(--dim);font-size:11.5px}.money{font-family:Montserrat;font-weight:700}.dest{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:12.5px}.destic{width:26px;height:26px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--soft)}.approve{background:var(--gold);color:#000;font-family:Montserrat;font-weight:600;font-size:12.5px;padding:8px 15px;border-radius:9px;transition:.16s;white-space:nowrap}.approve:hover{background:#ffd34f}.approve.done{background:#3fcf8e26;color:var(--good);pointer-events:none}.approve.held{background:var(--surface-2);color:var(--dim);pointer-events:none;border:1px solid var(--border)}.two{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width:1000px){.two{grid-template-columns:1.5fr 1fr}}.lb-row{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border-soft)}.lb-row:last-child{border-bottom:none}.lb-rank{width:26px;font-family:Montserrat;font-weight:700;color:var(--dim);font-size:14px;text-align:center}.lb-rank.top{color:var(--gold)}.bar{height:7px;border-radius:9px;background:var(--surface-3);overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--gold));border-radius:9px}.ownernav{display:flex;gap:6px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.ownernav::-webkit-scrollbar{display:none}.ownernav button{flex:0 0 auto;padding:9px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--soft);font-family:Montserrat;font-weight:500;font-size:13px}.ownernav button.on{background:#ffc52c1f;color:var(--gold);border-color:#3a341f}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,40px);background:var(--surface-3);border:1px solid var(--border);color:#fff;padding:13px 18px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);z-index:120;opacity:0;transition:.25s;display:flex;align-items:center;gap:9px;max-width:90%;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.toast .ico{color:var(--good)}@media (min-width:900px){.toast{bottom:26px}}.demo{top:auto;bottom:76px;right:auto;left:50%;transform:translate(-50%)}@media (min-width:900px){.demo{top:12px;right:14px;left:auto;bottom:auto;transform:none}}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.editor-head h1{font-size:21px}.savestate{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--dim);font-family:Montserrat;font-weight:600}.savestate .dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.savestate.saving .dot{background:var(--amber);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.cover-pick{display:flex;gap:10px;flex-wrap:wrap}.cover-opt{width:64px;height:44px;border-radius:10px;border:2px solid transparent;cursor:pointer;flex-shrink:0}.cover-opt.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffc52c40}.segpick{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}.segpick button{flex:1;min-width:64px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:8px;font-family:Montserrat;font-weight:600;font-size:12px;color:var(--soft)}.segpick button.on{background:var(--gold);color:#000}.segpick button .ico{width:15px;height:15px}.sectionblock{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;overflow:hidden}.sectionblock.dragover{border-color:var(--gold);box-shadow:0 0 0 2px #ffc52c33}.sectionblock.dragging{opacity:.5}.section-head{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 8px;background:var(--surface-2);border-bottom:1px solid var(--border-soft)}.grip{color:var(--dim);cursor:grab;display:grid;place-items:center;width:26px;height:30px;flex-shrink:0;touch-action:none}.grip:active{cursor:grabbing}.sec-title-in{flex:1;background:transparent;border:none;color:#fff;font-family:Montserrat;font-weight:600;font-size:14.5px;padding:6px 4px;border-radius:7px}.sec-title-in:focus{outline:none;background:var(--bg-pure)}.iconbtn-sm{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--dim);border:1px solid transparent;flex-shrink:0;transition:.15s}.iconbtn-sm:hover{color:var(--gold);border-color:var(--border);background:var(--surface)}.iconbtn-sm.danger:hover{color:var(--warn)}.iconbtn-sm:disabled{opacity:.3;pointer-events:none}.section-body{padding:8px 12px 12px}.lesson-row{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);margin-bottom:8px}.lesson-row.dragover{border-color:var(--gold)}.lesson-row.dragging{opacity:.5}.lesson-row .ltype{width:32px;height:32px;border-radius:9px;background:#ffc52c1f;color:var(--gold);display:grid;place-items:center;flex-shrink:0}.lesson-row .ltitle{flex:1;background:transparent;border:none;color:#fff;font-size:13.5px;padding:5px 4px;border-radius:7px;min-width:0}.lesson-row .ltitle:focus{outline:none;background:var(--bg-pure)}.lesson-detail{margin:0 0 8px;padding:12px;border:1px dashed var(--border);border-radius:11px;background:#0000002e}.miniup{display:flex;align-items:center;gap:10px;padding:11px;border:1.5px dashed var(--border);border-radius:11px;color:var(--dim);font-size:12.5px;cursor:pointer;transition:.15s}.miniup:hover{border-color:var(--gold);color:var(--soft)}.miniup.done{border-style:solid;border-color:#3fcf8e59;color:var(--good);background:#3fcf8e12}.chkrow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.chk{width:18px;height:18px;border-radius:5px;border:1.6px solid var(--border);display:grid;place-items:center;flex-shrink:0;transition:.15s}.chk.on{background:var(--gold);border-color:var(--gold);color:#000}.chk .ico{width:13px;height:13px;stroke-width:2.6}.qitem{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:10px}.qitem .qhead{display:flex;align-items:center;gap:8px;margin-bottom:10px}.qitem .qhead .qn{font-family:Montserrat;font-weight:700;font-size:12px;color:var(--dim)}.opt-edit{display:flex;align-items:center;gap:9px;margin-bottom:7px}.radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:grid;place-items:center;cursor:pointer;transition:.15s}.radio.on{border-color:var(--good)}.radio.on:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--good)}.opt-edit input{flex:1;background:var(--bg-pure);border:1px solid var(--border);border-radius:9px;padding:9px 11px;color:#fff;font-size:13px}.opt-edit input:focus{outline:none;border-color:var(--gold)}.q-in{width:100%;background:var(--bg-pure);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:#fff;font-size:13.5px;margin-bottom:10px;font-family:inherit}.q-in:focus{outline:none;border-color:var(--gold)}.quiz-card{max-width:620px}.qprog{display:flex;gap:5px;margin-bottom:16px}.qprog i{flex:1;height:4px;border-radius:9px;background:var(--surface-3)}.qprog i.on{background:var(--gold)}.qopt{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1.5px solid var(--border);border-radius:12px;margin-bottom:10px;width:100%;text-align:left;transition:.15s;background:var(--surface-2)}.qopt:hover{border-color:#3d3d45}.qopt.sel{border-color:var(--gold);background:#26261c}.qopt.correct{border-color:var(--good);background:#3fcf8e1a}.qopt.wrong{border-color:var(--warn);background:#ff6b6b1a}.qopt .qletter{width:28px;height:28px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;font-family:Montserrat;font-weight:700;font-size:12.5px;flex-shrink:0;color:var(--soft)}.qopt.sel .qletter{background:var(--gold);color:#000}.qresult{text-align:center;padding:10px 4px}.qresult .big{font-family:Montserrat;font-weight:800;font-size:40px;line-height:1}.qresult .ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}.qresult .ring.pass{background:linear-gradient(145deg,var(--good),#1f7a6e)}.qresult .ring.fail{background:linear-gradient(145deg,var(--warn),#a8324a)}.qresult .ring .ico{width:36px;height:36px;stroke:#fff;stroke-width:2.6}.section-card{border:1px solid var(--border-soft);border-radius:12px;margin-bottom:12px;overflow:hidden;background:var(--surface)}.section-card>.sc-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:var(--surface-2);cursor:pointer}.section-card>.sc-head b{font-family:Montserrat;font-size:13.5px;font-weight:600}.section-card>.sc-head small{color:var(--dim);font-size:11.5px}.section-card .sc-head .ico{transition:.2s}.section-card.closed .sc-head .ico{transform:rotate(-90deg)}.lrow{display:flex;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--border-soft);width:100%;text-align:left;transition:.14s}button.lrow:hover{background:var(--surface-2)}.lrow.active{background:#ffc52c14}.lrow .lnum{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--soft)}.lrow.active .lnum{background:var(--gold);color:#000}.lrow .lnum.done{background:#3fcf8e29;color:var(--good)}.lrow .lmeta{flex:1;min-width:0}.lrow .lmeta b{font-weight:500;font-size:13.5px;display:block}.lrow .lmeta small{color:var(--dim);font-size:11.5px}.lrow .lock-ic{color:var(--dim);flex-shrink:0}.cert-wrap{max-width:760px;margin:0 auto}.cert{position:relative;border-radius:18px;padding:38px 30px;text-align:center;overflow:hidden;background:radial-gradient(120% 130% at 50% -10%,rgba(255,197,44,.18),transparent 55%),linear-gradient(160deg,#15140d,#0d0d0e 70%);border:1.5px solid #3a341f;box-shadow:var(--shadow-lg)}.cert:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,197,44,.25);border-radius:12px;pointer-events:none}.cert .seal{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,var(--gold),var(--amber));display:grid;place-items:center;color:#000;margin:0 auto 16px;box-shadow:0 0 30px #ffc52c73}.cert .seal .ico{width:34px;height:34px;stroke-width:1.8}.cert .kic{font-family:Montserrat;font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.cert h1{font-size:26px;margin:6px 0 22px}@media (min-width:900px){.cert{padding:50px 44px}.cert h1{font-size:32px}}.cert .who{font-family:Montserrat;font-weight:800;font-size:28px;color:#fff;margin:6px 0}.cert .crs{font-size:17px;color:var(--gold);font-family:Montserrat;font-weight:600;max-width:540px;margin:6px auto 0;line-height:1.3}.cert .certfoot{display:flex;justify-content:space-between;gap:16px;margin-top:30px;flex-wrap:wrap;text-align:left}.cert .certfoot .k{font-size:10px;color:var(--dim);font-family:Montserrat;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cert .certfoot .v{font-size:13px;color:#fff;font-family:Montserrat;font-weight:600;margin-top:3px}.cert-soft{color:var(--soft)}.ccard-wrap{position:relative}.wish-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;cursor:pointer;z-index:2;transition:.15s;border:1px solid rgba(255,255,255,.12)}.wish-btn:hover{background:#000000b3}.wish-btn.on{color:var(--warn)}.ccard-wrap .ccard .badge-top{right:52px}.stars{display:inline-flex;gap:2px;color:var(--gold)}.stars.dim{color:var(--surface-3)}.starbtn{display:inline-flex;color:var(--surface-3);transition:.12s}.starbtn.on{color:var(--gold)}.starbtn:hover{transform:scale(1.1)}.starbtn .ico{width:26px;height:26px}.review{padding:14px 0;border-bottom:1px solid var(--border-soft)}.review:last-child{border-bottom:none}.review .rhead{display:flex;align-items:center;gap:10px;margin-bottom:7px}.review .rav{width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-family:Montserrat;font-weight:700;font-size:12px;flex-shrink:0}.review b{font-family:Montserrat;font-size:13px;font-weight:600}.review p{font-size:13.5px;color:var(--soft);line-height:1.55}.ordercard{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.ordercard .ohead{display:flex;align-items:center;gap:12px}.ordercard .othumb{width:56px;height:42px;border-radius:9px;flex-shrink:0}.receipt-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.statpill{font-size:11px;font-weight:600;font-family:Montserrat;padding:4px 9px;border-radius:999px;white-space:nowrap}.statpill.paid{background:#3fcf8e21;color:var(--good)}.statpill.ref{background:#ff9e1c24;color:var(--amber)}.statpill.refd{background:#7c7e8826;color:var(--dim)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filterbar select{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;color:#fff;font-size:13px;font-family:inherit}.filterbar select:focus{outline:none;border-color:var(--gold)}.searchhero{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 15px;margin-bottom:16px}.searchhero input{flex:1;background:none;border:none;color:#fff;font-size:15px;outline:none}.otp-in{width:100%;text-align:center;font-family:Montserrat;font-weight:700;font-size:26px;letter-spacing:14px;padding:14px;background:var(--bg-pure);border:1px solid var(--border);border-radius:12px;color:#fff;text-indent:14px}.otp-in:focus{outline:none;border-color:var(--gold)}.landing{max-width:1100px;margin:0 auto;padding:0 4px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 4px}.landing-cta{display:flex;gap:10px;flex-wrap:wrap}.vp-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:8px 0 28px}@media (min-width:760px){.vp-grid{grid-template-columns:repeat(3,1fr)}}.vp{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.vp .vpic{width:44px;height:44px;border-radius:12px;background:#ffc52c21;color:var(--gold);display:grid;place-items:center;margin-bottom:13px}.vp h3{font-size:15.5px;margin-bottom:6px}.vp p{font-size:13px;color:var(--soft);line-height:1.55}@keyframes shimmer{to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:8px}.skel-card{border:1px solid var(--border-soft);border-radius:var(--r);overflow:hidden;background:var(--surface)}.skel-thumb{height:150px}.skel-line{height:12px;margin:10px 14px;border-radius:6px}.skel-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;margin-bottom:12px;background:var(--surface)}.skel-row .skel-av{width:56px;height:42px;border-radius:9px;flex-shrink:0}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--warn);color:#3a0d0d;text-align:center;font-size:12.5px;font-weight:600;font-family:Montserrat;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:8px}.offline-banner .ico{width:15px;height:15px}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--gold);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.payresult{text-align:center;padding:18px 4px}.payresult .ring{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}.payresult .ring.fail{background:linear-gradient(145deg,var(--warn),#a8324a)}.payresult .ring .ico{width:34px;height:34px;stroke:#fff;stroke-width:2.6}.topnav.show{display:flex}.owner-title{font-size:23px;margin-bottom:3px}.owner-meta{font-size:13px;margin-bottom:18px}.unit{font-size:11px;font-weight:400;color:var(--dim)}.kpi .v .unit{font-size:14px}.stat-box .v .unit{font-size:12px}.unit-lg{font-size:14px}.kpis-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cell-actions{display:flex;align-items:center;gap:6px}.cell-title{font-family:Montserrat;font-weight:600;font-size:13px}.trunc{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.reassure.flush{margin:0}.approve.fail{background:var(--warn);color:#fff}.lb-row .av{width:30px;height:30px}.lb-main{flex:1}.lb-name{font-family:Montserrat;font-size:13px;font-weight:600}.mix{padding:18px 20px}.mix-line{margin-bottom:8px;font-size:13px}.mix-amt{font-family:Montserrat;font-weight:700}.mix .bar{margin-bottom:16px}.mod-thumb{width:40px;height:30px;border-radius:7px;background:var(--surface-3);flex-shrink:0}.chart{display:flex;align-items:flex-end;gap:14px;padding:24px 22px 16px;height:220px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.chart-k{font-family:Montserrat;font-weight:700;font-size:11px;color:var(--soft)}.chart-bar{width:100%;max-width:54px;border-radius:8px 8px 0 0;background:var(--surface-3);transition:height .3s}.chart-bar.on{background:linear-gradient(180deg,var(--gold),var(--amber))}.chart-m{font-size:11px;color:var(--dim);white-space:nowrap}.set-panel{padding:4px 20px 16px}.set-panel .panel-h{margin:0 -20px 4px;padding:16px 20px}.set-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border-bottom:1px solid var(--border-soft)}.set-toggle-label{font-size:13px;color:var(--soft);text-align:left}.switch{width:42px;height:24px;border-radius:99px;background:var(--surface-3);position:relative;flex-shrink:0;transition:.15s}.switch.on{background:var(--gold)}.switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.switch.on .switch-knob{left:21px;background:#000}.flex1{flex:1}.mx-auto{margin-left:auto;margin-right:auto}.btn-auto{width:auto}.clickable{cursor:pointer}.mt0{margin-top:0}.page-h1{font-size:22px;margin-bottom:18px}.auth-foot{margin-top:20px;text-align:center}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.reassure.warn{background:#ff9e1c14;border-color:#ff9e1c40}.reassure.warn .ico{color:var(--amber)}.reassure.warn p{color:#ead9c2}