:root{color-scheme:dark;--bg:#06111f;--bg2:#081523;--card:#0c1b2e;--card2:#10233a;--line:#1e344e;--blue:#1595ff;--cyan:#25c3ff;--text:#f4f8fc;--muted:#8ea2b9;--green:#55d69b;--yellow:#f0c763;--red:#ef7180;--shadow:0 20px 55px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex:none}.shell{width:min(1230px,calc(100% - 36px));margin:0 auto;min-height:calc(100vh - 144px);padding:38px 0 70px}footer{border-top:1px solid #14263a;color:#60758e;text-align:center;padding:24px;font-size:12px}.muted{color:var(--muted)}em{font-style:normal;font-size:10px;letter-spacing:.14em;font-weight:900;color:#36aaff}.button,button{cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px 15px;background:linear-gradient(135deg,#0786f5,#26baff);color:#fff;font-weight:800;font-size:13px;box-shadow:0 8px 22px #0c8ce533}.button.secondary,.secondary{background:#10243b;border:1px solid #2a4665;color:#7ac4ff;box-shadow:none}.danger{background:#3a1720!important;border:1px solid #71303f!important;color:#ff9cab!important}.flash{position:relative;margin:0 0 18px;padding:13px 16px;border-radius:9px;border:1px solid}.flash.success{background:#0e3224;border-color:#256e4c;color:#6add9f}.flash.error{background:#37171f;border-color:#71303e;color:#ffacb8}.flash.warning{background:#32270d;border-color:#71591d;color:#f3d176}.topbar{height:82px;border-bottom:1px solid var(--line);background:#071321eF;backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1230px)/2));position:sticky;top:0;z-index:30}.brand{display:flex;gap:10px;align-items:center;margin-right:auto}.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 8px #1595ff55)}.brand b{font-size:14px;letter-spacing:.03em}.brand small{display:block;font-size:9px;color:#7388a2;letter-spacing:.12em;margin-top:3px}.topbar nav{display:flex;align-items:stretch;height:100%;gap:5px}.topbar nav a{display:flex;align-items:center;gap:7px;color:#879bb3;padding:0 16px;border-bottom:2px solid transparent;font-size:13px}.topbar nav a:hover{color:#fff;background:#10233a}.profile{display:flex;align-items:center;gap:9px;margin-left:26px}.profile>span{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#158cf8,#2ec3ff);display:grid;place-items:center;font-weight:900;font-size:10px}.profile b,.profile small{display:block}.profile b{font-size:11px;white-space:nowrap}.profile small{font-size:9px;color:#8094aa}.profile>a{color:#6f849d;margin-left:4px;padding:7px}.profile>a:hover{color:#fff}.mobile-menu{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:7px;padding:6px 9px;font-size:18px}.welcome{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:4px 0 28px}.welcome h1,.page-head h1,.admin-title h1{font-size:34px;line-height:1.15;margin:8px 0}.welcome p,.page-head p,.admin-title p{margin:0;color:var(--muted)}.welcome label{width:330px;border:1px solid var(--line);background:#0b1a2c;border-radius:9px;display:flex;align-items:center;padding:0 12px}.welcome label svg{color:#66819f}.welcome input{width:100%;padding:12px 10px;background:none;border:0;outline:0;color:#fff}.course-hero{height:390px;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.course-hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,15,.93) 0%,rgba(2,8,15,.72) 40%,rgba(2,8,15,.06) 76%)}.course-hero>div:last-child{position:absolute;left:45px;bottom:44px;width:min(560px,75%)}.course-hero h2{font-size:32px;line-height:1.15;margin:10px 0}.course-hero p{color:#c5d1dd}.section-title{margin:38px 0 17px}.section-title h2{margin:6px 0}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.course-card:hover{transform:translateY(-3px);border-color:#2c5b85;box-shadow:0 18px 38px #0005}.card-cover{height:180px;position:relative;background:#07111c;overflow:hidden}.card-cover>img{width:100%;height:100%;object-fit:cover}.card-cover>span{position:absolute;inset:auto auto 14px 14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1595ff;color:#fff;box-shadow:0 0 0 7px #1595ff35}.card-cover>span svg{width:17px}.card-body{padding:17px}.card-body h3{font-size:16px;margin:7px 0 13px}.card-body p{font-size:12px;color:var(--muted)}.card-body .button{margin-top:10px}.progress{height:6px;background:#1a2a3e;border-radius:6px;overflow:hidden}.progress i,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#078af7,#2ec6ff);border-radius:inherit}.empty{grid-column:1/-1;min-height:240px;border:1px dashed #29445f;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.empty>svg{width:46px;height:46px;color:#3facff}.empty h3,.empty h1{color:#fff;margin:13px 0 3px}.page-head{margin-bottom:26px}.preview-bar{margin-bottom:14px;border:1px solid #69581e;background:#2a220c;color:#f1ce70;padding:10px 14px;border-radius:8px;display:flex;justify-content:space-between}.preview-bar a{text-decoration:underline}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.lesson-main{min-width:0}.media-player{aspect-ratio:16/9;background:#02060b;border:1px solid #1f354f;border-radius:13px;overflow:hidden;display:grid;place-items:center;position:relative}.media-player iframe,.media-player video,.pdf-frame{width:100%;height:100%;border:0;background:#000}.media-placeholder{text-align:center;color:#8da2ba}.media-placeholder svg{width:70px;height:70px;color:#219dfc}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 3px 17px;border-bottom:1px solid var(--line)}.lesson-heading h1{font-size:29px;margin:7px 0}.complete-lesson{display:flex;align-items:center;gap:7px;background:#10243b;border:1px solid #2c4a6a;color:#7ec5ff;border-radius:8px;padding:10px 13px;white-space:nowrap}.complete-lesson.done{background:#103325;border-color:#286f4f;color:#65d89e}.lesson-copy{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:25px;color:#c7d2df;line-height:1.7}.material{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px;background:#10223a;border:1px solid #244461;border-radius:8px}.material svg{color:#50b5ff}.material span{display:block}.material b,.material small{display:block}.material small{color:#7e92a9;font-size:10px}.comments{margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}.comments h2{display:flex;align-items:center;gap:9px;color:#fff}.comments form{display:grid;justify-items:end;gap:9px;margin:15px 0 25px}.comments textarea,.moderation-card textarea{width:100%;background:#071421;border:1px solid #29415c;color:#fff;border-radius:8px;padding:12px;resize:vertical}.comments button{background:#158fe9;color:#fff;border:0;border-radius:7px;padding:9px 14px;font-weight:800}.comment-item{display:flex;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.comment-item>span,.moderation-card header>span,.stopped-list>div>span{width:40px;height:40px;border-radius:50%;background:#183351;color:#78c5ff;display:grid;place-items:center;font-weight:900;font-size:10px;flex:none}.comment-item>div{flex:1}.comment-item b,.comment-item small{display:block}.comment-item small{color:#6f839b;font-size:9px;margin-top:3px}.comment-item p{margin:7px 0}.teacher-answer{display:flex;gap:10px;background:#10233a;border-left:3px solid #1595ff;padding:12px;margin-top:12px;border-radius:6px}.teacher-answer img{width:36px;height:36px;object-fit:contain}.lesson-sidebar{position:sticky;top:102px;background:#091625;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-height:calc(100vh - 120px);overflow-y:auto}.sidebar-course{padding:19px;border-bottom:1px solid var(--line)}.sidebar-course h2{font-size:15px;margin:5px 0 14px}.sidebar-course p{font-size:10px;color:#7e93aa}.sidebar-module{border-bottom:1px solid var(--line)}.sidebar-module h3{font-size:12px;margin:0;padding:15px 16px;background:#0d1d30;text-transform:uppercase}.sidebar-module h3 small{display:block;color:#249cf2;font-size:8px;margin-bottom:5px}.sidebar-module>a{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid #15263a;color:#9aacbf;font-size:11px}.sidebar-module>a:hover,.sidebar-module>a.active{background:#102943;color:#fff}.sidebar-module>a>span{width:29px;height:29px;border-radius:6px;background:#122b47;display:grid;place-items:center;color:#48aeff}.sidebar-module>a svg{width:14px}.locked{padding:15px;color:#6f8399;display:flex;gap:8px;font-size:11px}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px}.admin-nav{position:sticky;top:105px;align-self:start;background:#091726;border:1px solid var(--line);border-radius:11px;padding:15px 9px}.admin-nav>b{display:block;color:#5e7692;font-size:9px;letter-spacing:.14em;padding:7px 12px 13px}.admin-nav a{display:flex;align-items:center;gap:9px;padding:10px 11px;margin:2px 0;border-radius:7px;color:#8fa2b8;font-size:12px}.admin-nav a:hover,.admin-nav a.active{background:#122944;color:#71c3ff}.admin-nav svg{width:17px}.admin-content{min-width:0}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.admin-title h1{font-size:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stats article{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:18px}.stats article>svg{width:38px;height:38px;padding:9px;border-radius:8px;background:#103359;color:#25a9ff}.stats small,.stats b{display:block}.stats small{color:#83a0bc;font-size:10px}.stats b{font-size:23px;margin-top:4px}.admin-panels{display:grid;grid-template-columns:1.7fr 1fr;gap:17px}.admin-panels>section,.editor-card,.content-manager{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:21px}.admin-panels h2{margin:7px 0 16px}.admin-panels>section:last-child>a{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:13px 0;color:#a8b7c8;font-size:12px}.admin-panels>section:last-child>a svg{width:18px}.badge{margin-left:auto;background:#bd3d51;color:#fff;border-radius:12px;padding:2px 7px;font-size:9px}.admin-course{display:grid;grid-template-columns:135px 1fr auto;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0}.admin-course>img{width:135px;height:78px;object-fit:cover;border-radius:7px}.admin-course h3{font-size:13px;margin:6px 0}.admin-course p{font-size:10px;color:#758aa2}.admin-course>a{border:1px solid #2d4c6a;padding:8px 10px;border-radius:6px;color:#72c2ff;font-size:11px}.status{display:inline-block;font-style:normal;font-size:8px;text-transform:uppercase;padding:5px 7px;border-radius:4px;background:#182b41;color:#91a6bd}.status.published,.status.approved,.status.active,.status.manual{background:#103526;color:#67d9a0}.status.draft,.status.pending{background:#35290d;color:#f1c961}.status.archived,.status.blocked,.status.refunded,.status.chargeback,.status.cancelled,.status.expired{background:#371820;color:#f397a4}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:11px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:#7188a0;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#0d1e31}td>small{display:block;color:#72879f;margin-top:3px}.table-course{display:flex;align-items:center;gap:10px;min-width:280px}.table-course img{width:75px;height:44px;object-fit:cover;border-radius:5px}.editor-card{margin-bottom:17px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title h2{margin:4px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.editor-card label,.module-settings label,.moderation-card label{display:grid;gap:6px;color:#93a6bd;font-size:10px;font-weight:800}.editor-card input,.editor-card select,.editor-card textarea,.module-box input,.module-box select,.new-module input,.student-tools input,.student-tools select{width:100%;background:#071522;border:1px solid #29425e;color:#fff;border-radius:7px;padding:10px;outline:0}.editor-card input:focus,.editor-card select:focus,.editor-card textarea:focus{border-color:#1595ff;box-shadow:0 0 0 3px #1595ff22}.editor-card label small{font-weight:400;color:#688098}.checkbox{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr;align-self:end;padding:10px}.checkbox input{width:17px}.content-manager{margin-top:18px}.module-box{border:1px solid #28415d;border-radius:10px;background:#091725;margin:14px 0;overflow:hidden}.module-head{display:grid;grid-template-columns:25px 1fr 120px auto;gap:9px;align-items:center;padding:13px}.module-title{font-weight:800;text-transform:uppercase}.module-head button{background:#163452;color:#72c4ff;border:1px solid #285378;border-radius:6px;padding:8px}.module-settings{display:grid;grid-template-columns:90px 1fr 110px 1fr;gap:9px;background:#0d2035;padding:11px 13px;border-top:1px solid var(--line)}.lesson-row{display:grid;grid-template-columns:20px 20px 1fr auto auto;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);font-size:11px}.lesson-row:hover{background:#10233a}.lesson-row>svg{width:16px;color:#44afff}.lesson-row b,.lesson-row small{display:block}.lesson-row small{font-size:8px;color:#6d839c}.lesson-row strong{color:#5eb9ff}.add-row{margin:11px 13px;padding:9px 11px;border:1px dashed #2e5272;border-radius:7px;color:#5cb6fc;display:flex;align-items:center;gap:7px;font-size:10px}.add-row svg{width:15px}.new-module{display:flex;gap:9px;margin-top:16px}.new-module input{flex:1}.moderation-list{display:grid;gap:14px}.big-badge{background:#392b0d;border:1px solid #69551c;color:#f0cb68;padding:8px 11px;border-radius:7px;font-size:10px}.moderation-card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:20px}.moderation-card header{display:flex;align-items:center;gap:10px}.moderation-card header>div{flex:1}.moderation-card header b,.moderation-card header small{display:block}.moderation-card header small{color:#758aa1;font-size:9px}.moderation-card header i{font-style:normal;background:#352a0d;color:#efca68;padding:6px 8px;border-radius:5px;font-size:9px}.moderation-card>p{color:#c8d4df}.moderation-card form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.moderation-card button{border:1px solid #29445f;border-radius:7px;padding:9px 11px}.student-tools{display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.search-form{display:flex;gap:8px;flex:1}.search-form button,.student-tools summary{background:#10243b;border:1px solid #294967;color:#6fc1ff;border-radius:7px;padding:9px 12px;display:flex;gap:6px;align-items:center;cursor:pointer}.student-tools details{position:relative}.student-tools details>form{position:absolute;right:0;top:46px;width:380px;z-index:10;background:#0e2035;border:1px solid #2b4662;border-radius:10px;padding:15px;display:grid;gap:9px;box-shadow:var(--shadow)}.mini-progress{width:100px;height:5px;border-radius:4px;background:#1d3147;overflow:hidden;margin-bottom:4px}.link-button{background:none;border:0;color:#6ebfff;text-decoration:underline}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ranking{padding:0;list-style:none}.ranking li{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 0}.ranking b,.ranking small{display:block}.ranking small{color:#7389a0;font-size:9px}.ranking span{color:#63bcff;font-size:10px}.stopped-list>div,.security-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 0}.stopped-list>div>div{flex:1}.stopped-list b,.stopped-list small{display:block}.stopped-list small{color:#748aa2;font-size:9px}.stopped-list strong{color:#63bdff}.security-row>svg{width:36px;height:36px;background:#123253;color:#52b6ff;padding:9px;border-radius:8px}.security-row b,.security-row p{display:block;margin:0}.security-row p{font-size:10px;color:#768aa2}.editor-card code,code{display:block;padding:12px;background:#071421;border:1px solid #2a425c;border-radius:7px;color:#70c1ff;overflow-wrap:anywhere}.certificate-page{background:#eef3f7;color:#11243a;padding:40px;display:grid;place-items:center;min-height:100vh}.certificate{width:min(1100px,100%);aspect-ratio:1.414/1;background:#fff;border:14px solid #0b2746;outline:3px solid #27a9ff;outline-offset:-25px;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 60px #0003}.certificate img{width:100px}.certificate em{margin-top:20px}.certificate h1{font-size:38px;margin:10px}.certificate h2{font-size:42px;color:#087bd0;border-bottom:2px solid #239dea;padding:0 30px 7px}.certificate h3{font-size:24px}.certificate>div{display:flex;gap:60px;margin-top:25px;font-size:12px}.certificate button{margin-top:28px;background:#0b75c4;color:#fff;border:0;border-radius:7px;padding:10px 14px}.auth-page{background:radial-gradient(circle at 70% 20%,#0e3157 0,transparent 35%),#06111f;min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(440px,100%);background:#0b1b2e;border:1px solid var(--line);border-radius:17px;padding:30px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.auth-brand img{width:62px;height:62px;object-fit:contain}.auth-brand b,.auth-brand small{display:block}.auth-brand small{font-size:10px;color:#7389a2}.auth-card h1{font-size:26px;margin:0}.auth-card>p{color:#8297ae}.auth-card form{display:grid;gap:14px;margin-top:22px}.auth-card label{display:grid;gap:6px;color:#a8b8c9;font-size:11px;font-weight:800}.auth-card input{background:#071421;border:1px solid #29435f;border-radius:8px;color:#fff;padding:12px}.auth-card button{border:0;border-radius:8px;background:linear-gradient(135deg,#0786f5,#26baff);color:#fff;padding:12px;font-weight:900}.auth-link{display:block;text-align:center;margin-top:17px;color:#63baff;font-size:11px}.secure-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:24px;color:#627a94;font-size:9px}.secure-note svg{width:15px}.auth-card .flash{font-size:11px;margin-top:15px}
@media(max-width:1050px){.course-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:minmax(0,1fr) 310px}.stats{grid-template-columns:repeat(2,1fr)}.admin-panels{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.topbar nav a{padding:0 10px}.profile>div{display:none}}
@media(max-width:800px){.topbar{height:70px;padding:0 14px}.brand img{width:43px;height:43px}.topbar nav{display:none;position:absolute;top:69px;left:0;right:0;height:auto;background:#081625;border-bottom:1px solid var(--line);padding:8px;flex-direction:column}.topbar.open nav{display:flex}.topbar nav a{padding:12px}.mobile-menu{display:block}.profile{margin-left:9px}.profile>span{display:none}.shell{width:min(100% - 22px,1230px);padding-top:24px}.welcome{display:block}.welcome form{margin-top:18px}.welcome label{width:100%}.course-hero{height:330px}.course-hero>div:last-child{left:25px;bottom:28px}.course-hero h2{font-size:25px}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;max-height:none;grid-row:1}.admin-layout{grid-template-columns:1fr}.admin-nav{position:static;display:flex;overflow-x:auto;white-space:nowrap}.admin-nav>b{display:none}.admin-title{align-items:start}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.module-settings{grid-template-columns:1fr 1fr}.student-tools{display:block}.student-tools details{margin-top:10px}.student-tools details>form{position:static;width:100%;margin-top:10px}.certificate{padding:35px}.certificate h2{font-size:30px}}
@media(max-width:560px){.brand b{display:none}.course-grid{grid-template-columns:1fr}.card-cover{height:190px}.welcome h1,.page-head h1,.admin-title h1{font-size:27px}.course-hero{height:390px}.hero-shade{background:linear-gradient(0deg,rgba(2,8,15,.96),rgba(2,8,15,.2))}.course-hero>div:last-child{width:calc(100% - 36px);left:18px;bottom:22px}.lesson-heading{display:block}.complete-lesson{margin-top:12px}.stats{grid-template-columns:1fr}.admin-title{display:block}.admin-title>.button{margin-top:14px}.admin-course{grid-template-columns:85px 1fr}.admin-course>img{width:85px;height:60px}.admin-course>a{grid-column:2}.module-head{grid-template-columns:20px 1fr}.module-head select,.module-head button{grid-column:2}.module-settings{grid-template-columns:1fr}.lesson-row{grid-template-columns:18px 18px 1fr}.lesson-row .status,.lesson-row strong{grid-column:3}.new-module{display:grid}.moderation-card header{flex-wrap:wrap}.moderation-card form>div{flex-direction:column}.certificate-page{padding:10px}.certificate{border-width:8px;padding:20px;aspect-ratio:auto;min-height:700px}.certificate h1{font-size:26px}.certificate h2{font-size:27px}.certificate h3{font-size:18px}.certificate>div{display:grid;gap:8px}.profile>a{margin:0}}
@media print{.certificate-page{padding:0;background:#fff}.certificate{box-shadow:none;width:100%;height:100vh}.certificate button{display:none}}