.signed-user{color:#fff;align-items:center;gap:7px;display:flex}.signed-user small{white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.header-actions .logout{color:#bfcadd;border-left:1px solid #fff2;padding-left:10px;font-size:10px}.auth-page{background:#f8f5ee;grid-template-columns:1.1fr .9fr;min-height:calc(100vh - 76px);display:grid}.auth-visual{color:#fff;background:linear-gradient(90deg,#07162fdd,#07162f66),url(/hero-mountain.png) 50%/cover;align-items:flex-end;padding:8vw;display:flex}.auth-visual span{letter-spacing:2px;color:#ffc83d;font-size:11px;font-weight:800}.auth-visual h1{margin:14px 0;font-size:clamp(42px,5vw,72px);line-height:1.04}.auth-visual p{color:#d3dcea;max-width:500px;line-height:1.7}.auth-form-wrap{place-items:center;padding:50px 30px;display:grid}.auth-form-wrap form{gap:16px;width:min(440px,100%);display:grid}.auth-form-wrap h2{margin:7px 0 0;font-size:38px}.auth-form-wrap>form>p{color:#667085;margin:0 0 12px;line-height:1.6}.auth-form-wrap label{gap:7px;display:grid}.auth-form-wrap label span{align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.auth-form-wrap label svg{width:15px}.auth-form-wrap input{background:#fff;border:1px solid #d5dae3;border-radius:11px;outline:0;padding:13px}.auth-form-wrap input:focus{border-color:#0b1d4d;box-shadow:0 0 0 3px #0b1d4d18}.auth-form-wrap .gold-button{margin-top:5px}.auth-form-wrap .gold-button:disabled{opacity:.6}.auth-switch{color:#17498e;background:0 0;border:0;font-weight:700}.auth-error{color:#a12f25;background:#fff0ef;border:1px solid #eebcb7;border-radius:9px;padding:10px;font-size:11px}.demo-credentials{color:#667085;border-top:1px solid #e2e5ea;flex-direction:column;gap:5px;margin-top:10px;padding-top:14px;font-size:10px;display:flex}.demo-credentials code{color:#344054;background:#eef1f5;border-radius:6px;padding:7px}.verification-method{grid-template-columns:1fr 1fr;gap:8px;display:grid}.verification-method button{color:#344054;background:#fff;border:1px solid #d4dae4;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:11px;font-weight:800;display:flex}.verification-method button svg{width:16px}.verification-method button.active{color:#0b1d4d;background:#eaf1fb;border-color:#0b1d4d;box-shadow:inset 0 0 0 1px #0b1d4d}.field-help{color:#667085;font-size:9px}.sms-cost-note,.sms-cost-warning{color:#704f00;background:#fff8df;border:1px solid #efcc7c;border-radius:9px;padding:10px;font-size:10px;line-height:1.5}.signup-verification{background:#fff;border:1px solid #dbe1ea;border-radius:15px;gap:14px;padding:20px;display:grid}.signup-verification>svg{color:#0f9c83;width:42px;height:42px}.signup-verification p{margin:0;line-height:1.6}.signup-verification>small{color:#667085}.signup-verification>strong{background:#f4f7fb;border-radius:9px;padding:12px;font-size:13px;line-height:1.65}.signup-verification .sms-open{color:#15213d}.signup-verification .sms-open svg{width:16px}.verification-wait{color:#0d7d67;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.verification-resend-card{background:#f7f9fc;border:1px solid #d7dfeb;border-radius:12px;gap:12px;padding:14px;display:grid}.verification-resend-card>b{font-size:12px}.verification-resend-card>input{width:100%}.dashboard-state{background:#f5f6f8;justify-content:center;align-items:center;gap:10px;min-height:calc(100vh - 76px);display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.student-dashboard{background:#f3f5f7;min-height:calc(100vh - 76px);padding-bottom:70px}.student-dashboard>header{color:#fff;background:linear-gradient(120deg,#07162f,#0b3470);justify-content:space-between;align-items:center;padding:60px max(30px,50% - 620px);display:flex}.student-dashboard>header h1{margin:12px 0;font-size:42px}.student-dashboard>header p{color:#c3cee0}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1240px;margin:-28px auto 25px;padding:0 30px;display:grid}.dashboard-metrics article{background:#fff;border:1px solid #e2e5ea;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 10px 30px #07162f0c}.dashboard-metrics svg{color:#1d65bc;background:#eef4ff;border-radius:10px;width:38px;height:38px;padding:9px}.dashboard-metrics span{flex-direction:column;display:flex}.dashboard-metrics b{font-size:20px}.dashboard-metrics small{color:#667085}.dashboard-columns{grid-template-columns:1.5fr .8fr;gap:20px;max-width:1240px;margin:auto;padding:0 30px;display:grid}.teacher-access-banner{background:#fff8e7;border:1px solid #ecd28e;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:1180px;margin:0 auto 24px;padding:18px 22px;display:grid}.teacher-access-banner>svg{color:#0b1d4d;background:#ffc83d;border-radius:11px;width:42px;height:42px;padding:9px}.teacher-access-banner p{color:#667085;margin:5px 0 0;font-size:11px}.teacher-access-banner>a{color:#fff;background:#0b1d4d;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.teacher-access-page{background:#f4f6f8;min-height:calc(100vh - 76px);padding:60px max(24px,50% - 560px)}.teacher-access-page>header{max-width:700px;margin-bottom:28px}.teacher-access-page h1{margin:10px 0;font-size:clamp(32px,4vw,50px)}.teacher-access-page header p,.team-package-card>p,.team-package-card>small{color:#667085;line-height:1.7}.teacher-access-grid{grid-template-columns:1.3fr .8fr;gap:22px;display:grid}.teacher-request-card,.team-package-card{background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:28px;box-shadow:0 15px 35px #07162f0d}.teacher-request-card>svg,.team-package-card>svg{color:#0b1d4d;background:#ffc83d;border-radius:12px;width:46px;height:46px;padding:10px}.teacher-request-card form,.teacher-request-card label{gap:9px;display:grid}.teacher-request-card form{gap:16px;margin-top:20px}.teacher-request-card textarea{resize:vertical;min-height:110px}.teacher-request-card :is(input,textarea){color:#0a1d3b;background:#fff;border:1px solid #d5dce6;border-radius:10px;outline:0;width:100%;padding:12px}.teacher-request-card :is(input,textarea):focus{border-color:#1d65bc;box-shadow:0 0 0 3px #1d65bc1a}.teacher-request-card label>span{align-items:center;gap:7px;display:flex}.teacher-request-card label>span svg{width:16px}.teacher-form-row,.applicant-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.applicant-summary{background:#f6f8fb;border:1px solid #dce3ec;border-radius:12px;padding:14px}.applicant-summary>span{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-width:0;display:grid}.applicant-summary svg{color:#17498e;background:#e8f1ff;border-radius:8px;grid-row:1/3;width:28px;height:28px;padding:6px}.applicant-summary small{color:#667085;font-size:9px}.applicant-summary b{text-overflow:ellipsis;font-size:11px;overflow:hidden}.teacher-terms{color:#526176;background:#f6f8fb;border-radius:10px;align-items:start;padding:12px;font-size:10px;line-height:1.6;grid-template-columns:auto 1fr!important;gap:9px!important}.teacher-terms input{height:17px;margin-top:1px;width:17px!important}.application-status{background:#f6f8fb;border-radius:12px;gap:12px;padding:15px;display:flex}.application-status.pending svg{color:#ad7200}.application-status.approved svg{color:#078365}.application-status.rejected svg{color:#c1442e}.application-status p{color:#667085;margin:5px 0 0;font-size:11px}.team-package-card>b{margin:16px 0;font-size:26px;display:block}.team-package-card ul{padding:0;line-height:2;list-style:none}.team-package-card .gold-button{margin:12px 0 18px}.team-package-card>small{font-size:10px;display:block}.dashboard-columns>section,.dashboard-columns>aside{background:#fff;border:1px solid #e2e5ea;border-radius:16px;padding:22px}.dash-title{justify-content:space-between;align-items:center;display:flex}.dash-title h2,.dashboard-columns>aside h2{font-size:18px}.dash-title a{color:#c1442e;font-size:11px;font-weight:800}.enrollment-card{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.enrollment-card small{color:#c1442e;font-weight:800}.enrollment-card h3{margin:5px 0}.enrollment-card p{color:#667085;font-size:11px}.enrollment-card>a{color:#fff;background:#0b1d4d;border-radius:8px;align-items:center;gap:5px;padding:9px 11px;font-size:10px;display:flex}.enrollment-card svg{width:14px}.empty-dash{text-align:center;color:#667085;padding:50px}.empty-dash svg{color:#d9a441;width:42px;height:42px}.empty-dash a{color:#17498e;font-weight:800}.dashboard-columns>aside article{border-top:1px solid #edf0f3;padding:14px 0}.dashboard-columns>aside article p{color:#667085;font-size:11px;line-height:1.6}.muted{color:#667085;font-size:12px}@media (max-width:800px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:340px;padding:45px 25px}.auth-form-wrap{padding:45px 20px}.student-dashboard>header{padding:45px 20px;display:block}.student-dashboard>header a{margin-top:15px}.student-dashboard>header h1{font-size:34px}.dashboard-metrics{grid-template-columns:1fr 1fr;padding:0 15px}.dashboard-columns{grid-template-columns:1fr;padding:0 15px}.teacher-access-banner,.teacher-access-grid,.teacher-form-row,.applicant-summary{grid-template-columns:1fr}.signed-user small,.header-actions .logout{display:none}}
.course-select{gap:7px;margin:24px 0 10px;font-size:11px;font-weight:800;display:grid}.course-select select{background:#fff;border:1px solid #d9dfe7;border-radius:10px;padding:12px}.checkout-actions button:disabled{opacity:.55;cursor:not-allowed}.checkout-actions button{justify-content:center;align-items:center;gap:7px;display:flex}.pricing-head{text-align:center;max-width:1050px;margin:0 auto 28px}.pricing-head h1{color:#071a3b;margin:10px 0;font-size:42px}.pricing-head p{color:#66738a;margin:0}.package-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin:0 auto 34px;display:grid}.package-card{text-align:left;color:#14213a;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:18px;padding:24px;transition:transform .2s,border-color .2s;position:relative;box-shadow:0 12px 35px #091b3a12}.package-card:hover{transform:translateY(-3px)}.package-card.selected{background:linear-gradient(160deg,#fff,#fff9e9);border:3px solid #d9a621;padding:22px}.package-card.featured{margin-top:-10px}.package-card>svg{color:#12aa9b;width:34px;height:34px}.package-card h2{margin:12px 0 6px;font-size:22px}.package-card>p{color:#6c7789;min-height:42px;font-size:11px;line-height:1.55}.package-card strong{color:#071a3b;margin:18px 0;font-size:28px;display:block}.package-card strong small{color:#778296;font-size:10px;font-weight:500}.package-card ul{margin:0 0 20px;padding:0;list-style:none}.package-card li{align-items:center;gap:7px;margin:8px 0;font-size:10px;display:flex}.package-card li svg{color:#16a576;width:14px}.choose-package{color:#fff;text-align:center;background:#0b2348;border-radius:9px;padding:10px;font-size:10px;font-weight:800;display:block}.package-card.selected .choose-package{color:#071a3b;background:#d9a621}.popular{color:#071a3b;letter-spacing:.6px;background:#d9a621;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:18px;right:18px}.package-loading{background:#fff;border-radius:18px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.gateway-row button:disabled{opacity:.45;cursor:not-allowed;background:#f1f3f6}.checkout-page>.checkout-wrap{align-items:start}.package-action-bar{background:#fff;border:1px solid #dce2e9;border-radius:15px;align-items:center;gap:18px;max-width:1050px;margin:0 auto;padding:16px 18px;display:flex;box-shadow:0 12px 35px #091b3a12}.package-action-bar>div{gap:3px;margin-right:auto;display:grid}.package-action-bar small{letter-spacing:.8px;color:#778296;font-size:8px}.package-action-bar strong{color:#071a3b;font-size:17px}.package-action-bar label{align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.package-action-bar select{background:#fff;border:1px solid #d9dfe7;border-radius:9px;min-width:220px;padding:10px}.package-action-bar>button{color:#fff;cursor:pointer;background:#12aa9b;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:12px 20px;font-weight:800;display:flex}.package-action-bar>button:disabled{opacity:.55;cursor:not-allowed}.checkout-message{border-radius:10px;max-width:1050px;margin:12px auto 0;padding:12px 15px;font-size:12px}.checkout-message.error{color:#a22e25;background:#fff0ef}.checkout-message.success{color:#14705c;background:#e8fbf5}@media (max-width:800px){.pricing-head h1{font-size:32px}.package-grid{grid-template-columns:1fr}.package-card.featured{margin-top:0}.package-action-bar{flex-direction:column;align-items:stretch}.package-action-bar>div{margin-right:0}.package-action-bar label{flex-direction:column;align-items:stretch}.package-action-bar select{width:100%;min-width:0}}
.admin-v2{--side:264px;grid-template-columns:var(--side) 1fr;color:#14213a;background:#eef2f7;min-height:calc(100vh - 76px);display:grid}.admin-v2.is-collapsed{--side:78px}.admin-v2-side{color:#fff;z-index:20;background:linear-gradient(#071a38,#07152c);flex-direction:column;height:calc(100vh - 76px);padding:18px 12px;transition:all .25s;display:flex;position:sticky;top:76px}.admin-brand{border-bottom:1px solid #ffffff18;align-items:center;gap:11px;height:58px;padding:0 6px 15px;display:flex}.admin-brand>span{color:#07162f;background:linear-gradient(145deg,#ffc83d,#d59100);border-radius:11px;place-items:center;width:40px;height:40px;font:900 22px Montserrat;display:grid}.admin-brand>div{flex-direction:column;display:flex;overflow:hidden}.admin-brand b{font-size:17px}.admin-brand small{letter-spacing:1.8px;color:#f7cd5e;white-space:nowrap;font-size:7px}.admin-brand button{color:#fff;background:#ffffff0c;border:1px solid #ffffff28;border-radius:7px;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.admin-brand button svg{width:14px}.admin-v2-side nav{gap:4px;padding-top:18px;display:grid}.admin-v2-side nav button{color:#bfcce0;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;height:43px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.admin-v2-side nav button svg{width:18px}.admin-v2-side nav button.active{color:#fff;background:linear-gradient(110deg,#c94a32,#e15f3d);box-shadow:0 8px 22px #0003}.admin-v2-side nav button:hover{color:#fff;background:#ffffff10}.admin-side-foot{border-top:1px solid #ffffff16;align-items:center;gap:9px;margin-top:auto;padding:16px 8px 0;display:flex;overflow:hidden}.admin-side-foot>span{background:#22c987;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #22c98720}.admin-side-foot div{white-space:nowrap;flex-direction:column;display:flex}.admin-side-foot small{color:#8194b0;font-size:8px}.is-collapsed .admin-brand>div,.is-collapsed .admin-side-foot>div,.is-collapsed .admin-v2-side nav span{display:none}.is-collapsed .admin-v2-side nav button{justify-content:center;padding:0}.is-collapsed .admin-brand button{background:#c94a32;position:absolute;top:32px;right:-13px}.admin-v2-main{min-width:0;padding:0 30px 50px}.admin-v2-top{border-bottom:1px solid #dce2ea;align-items:center;gap:18px;height:88px;margin-bottom:24px;display:flex}.admin-v2-top>div:first-of-type small{color:#c1442e;letter-spacing:1.3px;font-size:8px;font-weight:800}.admin-v2-top h1{margin:4px 0 0;font-size:24px}.admin-top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.admin-search{background:#fff;border:1px solid #dce2e9;border-radius:10px;align-items:center;width:210px;height:38px;padding:0 11px;display:flex}.admin-search svg{color:#7b879a;width:15px}.admin-search input{border:0;outline:0;min-width:0;margin-left:7px;font-size:10px}.admin-top-actions>a{background:#fff;border:1px solid #dce2e9;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.admin-top-actions>a svg{width:16px}.admin-avatar{color:#fff;background:#0b1d4d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.mobile-admin-menu{display:none}.admin-alert{color:#a63122;background:#fff1ee;border:1px solid #f0bbb1;border-radius:10px;justify-content:space-between;align-items:center;margin:-10px 0 18px;padding:10px 13px;font-size:10px;display:flex}.admin-alert button{color:inherit;background:0 0;border:0}.admin-alert svg{width:15px}.admin-welcome{color:#fff;background:linear-gradient(110deg,#0a2347,#0e4278);border-radius:18px;justify-content:space-between;align-items:center;min-height:155px;padding:26px 30px;display:flex;box-shadow:0 16px 36px #07162f1a}.admin-welcome>div:first-child>span{color:#ffd05a;font-size:10px;font-weight:800}.admin-welcome h2{margin:9px 0;font-size:26px}.admin-welcome p{color:#b9c9df;margin:0;font-size:11px}.role-preview{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.role-preview small{color:#97abc6;letter-spacing:1px;grid-column:1/-1;font-size:7px}.role-preview a{background:#ffffff0d;border:1px solid #ffffff25;border-radius:9px;align-items:center;gap:6px;padding:10px;font-size:9px;display:flex}.role-preview a:hover{color:#07162f;background:#f4c44f}.role-preview svg{width:15px}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0;display:grid}.admin-kpis article{background:#fff;border:1px solid #e0e5ec;border-radius:14px;align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.admin-kpis article>span{color:#2671c6;background:#edf5ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.admin-kpis article:nth-child(2)>span{color:#0d9b73;background:#e8fbf5}.admin-kpis article:nth-child(3)>span{color:#d28b12;background:#fff2dc}.admin-kpis article:nth-child(4)>span{color:#8f51ba;background:#f7edff}.admin-kpis svg{width:21px}.admin-kpis article>div{flex-direction:column;display:flex}.admin-kpis small{color:#6d798a;font-size:9px}.admin-kpis em{color:#0c9c72;margin-left:auto;font-size:8px;font-style:normal}.admin-overview-grid{grid-template-columns:1.55fr .75fr;gap:16px;display:grid}.analytics-card,.quick-card,.admin-panel{background:#fff;border:1px solid #dfe5ec;border-radius:17px}.analytics-card{padding:20px}.analytics-card header{justify-content:space-between;display:flex}.analytics-card h3,.quick-card h3{margin:0;font-size:15px}.analytics-card small{color:#7c8796;font-size:8px}.analytics-card header svg{color:#0fb5a5}.real-chart{background:repeating-linear-gradient(0deg,#fff 0 37px,#edf1f5 38px);align-items:flex-end;gap:6%;height:190px;padding:25px 6% 0;display:flex}.real-chart i{background:linear-gradient(#12b8a5,#0d76b6);border-radius:6px 6px 0 0;flex:1;min-width:16px}.analytics-card footer{color:#8792a0;justify-content:space-between;font-size:8px;display:flex}.quick-card{padding:20px}.quick-card>button{text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;align-items:center;gap:11px;width:100%;padding:14px 2px;display:flex}.quick-card>button>svg:first-child{color:#194e8c;background:#eff4fb;border-radius:9px;width:34px;height:34px;padding:8px}.quick-card button span{flex-direction:column;flex:1;display:flex}.quick-card button small{color:#7c8796;margin-top:3px;font-size:8px}.quick-card button>svg:last-child{color:#8c96a4;width:15px}.admin-panel{min-height:610px;padding:22px}.panel-head{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:19px}.panel-head p{color:#6e7a8c;margin:6px 0 0;font-size:10px}.panel-head>button,.content-builder aside>button,.builder-stage button{color:#fff;background:#0b1d4d;border:0;border-radius:9px;align-items:center;gap:6px;padding:10px 14px;font-size:10px;font-weight:700;display:flex}.panel-head button svg,.content-builder aside>button svg{width:15px}.course-admin-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding-top:18px;display:grid}.course-admin-grid>article{border:1px solid #e0e5eb;border-radius:14px;overflow:hidden}.course-admin-cover{background:linear-gradient(135deg,#082347,#1265a0);justify-content:center;align-items:center;height:105px;display:flex;position:relative}.course-admin-cover>span{color:#082044;background:#f4c33f;border-radius:15px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.course-admin-cover em{background:#fffd;border-radius:20px;padding:5px 8px;font-size:7px;font-style:normal;position:absolute;top:9px;right:9px}.course-admin-body{padding:14px}.course-admin-body>small{color:#c1442e;font-size:8px;font-weight:800}.course-admin-body h3{margin:6px 0;font-size:14px}.course-admin-body p{color:#748093;font-size:8px}.course-admin-body>div{align-items:center;gap:6px;margin-top:13px;display:flex}.course-admin-body>div>b{margin-right:auto;font-size:11px}.course-admin-body select,.course-admin-body button{background:#fff;border:1px solid #dce2e9;border-radius:7px;padding:6px;font-size:8px}.course-admin-body button{color:#fff;background:#0b1d4d}.content-builder{grid-template-columns:330px 1fr;gap:18px;margin-top:18px;display:grid}.combined-course-bar{background:#f8fafc;border:1px solid #dbe3ec;border-radius:13px;align-items:center;gap:12px;min-height:82px;margin-top:16px;padding:12px 14px;display:flex}.combined-course-cover{color:#f2c33d;background:#0b2c57 50%/cover;border-radius:10px;flex:none;place-items:center;width:62px;height:58px;font-weight:900;display:grid}.combined-course-bar>div:nth-child(2){min-width:180px;margin-right:auto}.combined-course-bar small{color:#bd432e;letter-spacing:1px;font-size:8px;font-weight:900}.combined-course-bar h3{margin:2px 0;font-size:15px}.combined-course-bar p{color:#748094;margin:0;font-size:10px}.combined-course-bar select,.combined-course-bar button{background:#fff;border:1px solid #ccd7e3;border-radius:8px;height:38px;padding:0 11px;font-size:10px;font-weight:800}.combined-course-bar button{color:#fff;background:#0b1d4d;align-items:center;gap:6px;display:flex}.combined-course-bar button.secondary{color:#0b1d4d;background:#fff}.combined-course-bar button svg{width:15px}.content-builder>aside{background:#f8fafc;border:1px solid #dce3eb;border-radius:13px;max-height:660px;padding:13px;overflow:auto}.content-builder aside>label{gap:6px;font-size:9px;font-weight:800;display:grid}.content-builder select{background:#fff;border:1px solid #d5dde7;border-radius:8px;padding:10px}.content-builder aside>button{background:#c1442e;justify-content:center;width:100%;margin:10px 0}.section-tree{background:#fff;border:1px solid #dce2ea;border-radius:9px;margin-top:11px;overflow:hidden}.section-tree>b{color:#fff;background:#0b2344;padding:11px;font-size:10px;display:block}.section-tree>span{border-top:1px solid #edf0f4;align-items:center;gap:6px;padding:9px;font-size:8px;display:flex}.section-tree em svg{width:13px}.section-tree small{color:#8691a1;margin-left:auto}.builder-preview{border:1px solid #dce3eb;border-radius:13px;overflow:hidden}.preview-top{background:#fbfaf6;align-items:center;gap:10px;padding:14px;display:flex}.python-badge{color:#0b2647;background:#f1bd28;border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.preview-top small{color:#758196;font-size:8px}.preview-top h2{margin:3px 0;font-size:16px}.published-pill{color:#07895d;background:#def8ed;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:8px}.builder-stage{color:#fff;background:#07162f;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px;min-height:450px;padding:30px;display:grid}.builder-stage>div>svg{color:#07162f;background:#f0bd2d;border-radius:12px;width:45px;height:45px;padding:10px}.builder-stage h3{font-size:22px}.builder-stage p{color:#aebdd1;font-size:10px;line-height:1.7}.builder-stage pre{color:#f3d760;background:#0e2647;border:1px solid #345173;border-radius:13px;padding:22px;font-size:11px;line-height:1.8;overflow:auto}.admin-table{margin-top:15px}.teacher-application-admin{background:#f8fafc;border:1px solid #dfe5ec;border-radius:13px;margin-top:18px;padding:16px}.teacher-application-admin h3{margin:0 0 12px}.teacher-application-admin article{background:#fff;border:1px solid #e1e6ed;border-radius:11px;grid-template-columns:1fr auto;gap:18px;padding:15px;display:grid}.teacher-application-admin article small{color:#667085;margin-top:4px;display:block}.teacher-application-admin article p{margin:8px 0 0;font-size:11px;line-height:1.6}.application-actions{align-items:center;gap:8px;display:flex}.application-actions button{align-items:center;gap:6px;display:inline-flex}.application-actions svg{width:15px}.admin-table>div{border-bottom:1px solid #edf0f4;grid-template-columns:1.6fr .7fr .8fr .7fr;align-items:center;gap:15px;min-height:57px;padding:7px 10px;font-size:9px;display:grid}.admin-table .table-head{color:#758094;background:#f5f7fa;border-radius:8px;min-height:38px;font-weight:800}.user-cell{align-items:center;gap:10px;display:flex}.user-cell i{color:#fff;background:#0b1d4d;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:800;display:grid}.user-cell b,.admin-table span{flex-direction:column;display:flex}.admin-table small{color:#7a8797;margin-top:3px;font-size:8px}.admin-table select{background:#fff;border:1px solid #dce2e9;border-radius:7px;padding:7px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.setting-card{border:1px solid #dfe5ec;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.setting-card>span{color:#2266ac;background:#eaf2fd;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.setting-card>span svg{width:20px}.setting-card>div{flex-direction:column;display:flex}.setting-card>div small{color:#758093;margin-top:4px;font-size:8px}.setting-card .ios-switch{margin-left:auto}.setting-card.danger>span{color:#c1442e;background:#ffebe8}.ios-switch{align-items:center;gap:7px;display:flex}.ios-switch input{display:none}.ios-switch>span{background:#bbc4cf;border-radius:20px;width:42px;height:24px;transition:all .2s;position:relative}.ios-switch>span:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0003}.ios-switch input:checked+span{background:#27c46b}.ios-switch input:checked+span:after{transform:translate(18px)}.ios-switch em{color:#697587;font-size:8px;font-style:normal}.subheading{margin:28px 0 0;font-size:15px}.status{background:#edf1f5;border-radius:20px;width:max-content;padding:6px 9px;font-style:normal}.status.success{color:#07825a;background:#dff7ec}.empty-admin{color:#8490a1;place-items:center!important;padding:50px!important;display:grid!important}.pricing-admin{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.pricing-admin article{border:1px solid #dce3eb;border-radius:15px;padding:22px;position:relative}.pricing-admin article.highlighted{background:#fffaf0;border:2px solid #e1a91c}.popular{color:#382b00;background:#f1bd2a;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:800;position:absolute;top:12px;right:12px}.pricing-admin article>small{color:#c1442e;font-size:8px}.pricing-admin h2{margin:8px 0;font-size:20px}.pricing-admin article>b{font-size:24px}.pricing-admin p,.pricing-admin li{color:#6e7989;font-size:9px;line-height:1.7}.pricing-admin ul{min-height:100px;padding:0;list-style:none}.news-admin{grid-template-columns:1fr 1fr;gap:13px;margin-top:18px;display:grid}.news-admin article{border:1px solid #dfe5ec;border-radius:13px;grid-template-columns:110px 1fr;display:grid;overflow:hidden}.news-art{color:#f1be2d;background:linear-gradient(135deg,#0b2143,#17619b);place-items:center;display:grid}.news-art svg{width:36px}.news-admin article>div:last-child{padding:14px}.news-admin span{color:#c1442e;font-size:7px;font-weight:800}.news-admin h3{margin:6px 0;font-size:13px}.news-admin p{color:#6f7b8c;font-size:8px}.news-admin small{color:#8a94a3;font-size:7px}.analytics-large{border:1px solid #e0e5eb;border-radius:13px;margin-top:18px;padding:20px}.analytics-large>div{grid-template-columns:170px 1fr 70px;align-items:center;gap:12px;margin:14px 0;font-size:9px;display:grid}.analytics-large i{background:#edf0f4;border-radius:10px;height:8px;overflow:hidden}.analytics-large i b{background:linear-gradient(90deg,#0fb5a5,#267bd0);height:100%;display:block}.analytics-large em{color:#758092;font-style:normal}.permission-matrix{border:1px solid #dfe5ec;border-radius:13px;margin-top:18px;overflow:hidden}.permission-matrix>div{border-bottom:1px solid #edf0f4;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;min-height:48px;padding:0 16px;font-size:10px;display:grid}.permission-head{color:#fff;background:#0b1d4d}.permission-matrix label{justify-content:center;display:flex}.permission-matrix label input{display:none}.permission-matrix label span{background:#ccd3dc;border-radius:20px;width:38px;height:22px;position:relative}.permission-matrix label span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.permission-matrix label input:checked+span{background:#24be68}.permission-matrix label input:checked+span:after{transform:translate(16px)}.permission-matrix label input:disabled+span{opacity:.7}.admin-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;background:#061329c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal form{background:#fff;border-radius:19px;gap:12px;width:min(780px,96vw);max-height:92vh;padding:27px;display:grid;position:relative;overflow:auto}.modal-x{background:#eef1f5;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.modal-x svg{width:16px}.modal-icon{color:#f2c138;background:#0b1d4d;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.modal-icon svg{width:21px}.admin-modal h2{margin:0 0 5px;font-size:21px}.admin-modal label{gap:5px;font-size:9px;font-weight:700;display:grid}.admin-modal input,.admin-modal select,.admin-modal textarea{background:#fff;border:1px solid #d8dfe8;border-radius:8px;outline:0;padding:10px}.admin-modal textarea{resize:vertical;min-height:82px}.admin-modal .code-input{color:#e8f0fa;background:#07162f;min-height:120px;font-family:JetBrains Mono,monospace}.form-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.form-row:has(>label:nth-child(2):last-child){grid-template-columns:1fr 1fr}.checkline{grid-auto-flow:column;justify-content:start;align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.modal-help{background:#f2f5f9;border-radius:8px;padding:10px;font-size:10px}.modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.modal-actions button{border:0;border-radius:8px;padding:10px 18px}.modal-actions .primary{color:#fff;background:#c1442e;font-weight:800}.modal-actions button:disabled{opacity:.5}@media (max-width:1100px){.admin-v2{--side:78px}.admin-v2-side nav span,.admin-brand>div,.admin-side-foot>div{display:none}.admin-v2-side nav button{justify-content:center;padding:0}.course-admin-grid{grid-template-columns:1fr 1fr}.content-builder{grid-template-columns:280px 1fr}.admin-kpis{grid-template-columns:1fr 1fr}.role-preview{grid-template-columns:1fr}.role-preview small{grid-column:auto}.admin-overview-grid{grid-template-columns:1fr}}@media (max-width:720px){.site-header{display:none}.admin-v2{display:block}.admin-v2-side{width:260px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-v2:not(.is-collapsed) .admin-v2-side{transform:translate(0)}.admin-v2-main{padding:0 14px 40px}.admin-v2-top{height:74px}.mobile-admin-menu{color:#fff;background:#0b1d4d;border:0;border-radius:8px;padding:8px;display:grid}.admin-v2-top>div:first-of-type small,.admin-search,.admin-top-actions>a{display:none}.admin-v2-top h1{font-size:18px}.admin-welcome{padding:20px;display:block}.role-preview{margin-top:18px}.admin-kpis,.settings-grid,.course-admin-grid,.pricing-admin,.news-admin,.admin-overview-grid{grid-template-columns:1fr}.admin-panel{padding:14px}.content-builder,.builder-stage{grid-template-columns:1fr}.admin-table{overflow:auto}.admin-table>div{min-width:650px}.permission-matrix{overflow:auto}.permission-matrix>div{min-width:600px}.form-row{grid-template-columns:1fr!important}.admin-top-actions{margin-left:auto}.admin-avatar{display:grid}}.runtime-environment{background:#eefbf5;border:1px solid #bfe5d3;border-radius:13px;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.runtime-environment.disabled{background:#fff2ef;border-color:#efc5bd}.runtime-environment>svg:first-child{color:#fff;background:#0c9c72;border-radius:9px;width:35px;height:35px;padding:8px}.runtime-environment.disabled>svg:first-child{background:#c1442e}.runtime-environment div{flex-direction:column;display:flex}.runtime-environment small{color:#627185;margin-top:4px;font-size:8px}.runtime-environment>svg:last-child{color:#168c69;width:18px;margin-left:auto}.runtime-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.runtime-grid article{background:#fff;border:1px solid #dfe5ec;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:start;gap:12px;min-height:145px;padding:16px;display:grid}.runtime-grid article.installed{background:linear-gradient(135deg,#fff,#f3fcf7);border-color:#bce4d0}.runtime-status{color:#c1442e;background:#ffebe8;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.installed .runtime-status{color:#07865d;background:#def8eb}.runtime-status svg{width:21px}.runtime-copy{flex-direction:column;min-width:0;display:flex}.runtime-copy>small{color:#c1442e;letter-spacing:1px;font-size:7px;font-weight:900}.runtime-copy h3{margin:4px 0;font-size:13px}.runtime-copy p{color:#748094;margin:0 0 8px;font-size:8px}.runtime-copy code{text-overflow:ellipsis;color:#354359;background:#edf1f5;border-radius:5px;width:max-content;max-width:100%;padding:5px 7px;font-size:8px;overflow:hidden}.runtime-copy em{color:#756019;margin-top:8px;font-size:8px;font-style:normal}.runtime-copy em.job-failed{color:#b33828}.runtime-copy em.job-succeeded{color:#07865d}.runtime-grid article>button{color:#fff;white-space:nowrap;background:#0b1d4d;border:0;border-radius:8px;align-self:center;align-items:center;gap:5px;padding:9px 11px;font-size:8px;font-weight:800;display:flex}.runtime-grid article>button svg{width:14px}.runtime-grid article>button:disabled{opacity:.55;cursor:not-allowed}.runtime-grid article.installed>button:not(:disabled){background:#137e61}.runtime-note{background:#f7f9fc;border:1px solid #dfe5ec;border-radius:12px;gap:10px;margin-top:15px;padding:13px;display:flex}.runtime-note>svg{color:#1c68b3;width:22px}.runtime-note p{color:#6f7b8c;margin:4px 0 0;font-size:8px;line-height:1.6}.runtime-loading{color:#718096;justify-content:center;align-items:center;gap:8px;height:300px;font-size:10px;display:flex}@media (max-width:900px){.runtime-grid{grid-template-columns:1fr}}@media (max-width:720px){.runtime-grid article{grid-template-columns:38px 1fr}.runtime-grid article>button{grid-column:1/-1;justify-content:center}.runtime-environment{align-items:flex-start}.runtime-environment>svg:last-child{display:none}}.growth-card{background:#fff;border:1px solid #dfe5ec;border-radius:17px;min-width:0;padding:20px;box-shadow:0 12px 34px #0c23430a}.growth-card>header{justify-content:space-between;align-items:center;display:flex}.growth-card>header>div{align-items:center;gap:10px;display:flex}.growth-icon{color:#0b927c;background:linear-gradient(135deg,#dcfbf4,#e5f1ff);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.growth-icon svg{width:20px}.growth-card h3{margin:0;font-size:15px}.growth-card header small{color:#7c8796;margin-top:3px;font-size:9px;display:block}.growth-rate{color:#647184;background:#eef3f8;border-radius:20px;align-items:center;gap:4px;padding:7px 10px;font-size:10px;font-weight:900;display:flex}.growth-rate svg{width:14px}.growth-rate.positive{color:#07835e;background:#e4f8ef}.growth-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 6px;display:grid}.growth-metrics>div{background:#fafbfd;border:1px solid #e5eaf0;border-radius:11px;align-items:center;gap:9px;min-height:60px;padding:10px 12px;display:flex}.growth-metrics>div>svg{color:#1f72bd;width:18px}.growth-metrics>div:nth-child(2)>svg{color:#0b9c79}.growth-metrics>div:nth-child(3)>svg{color:#b37a08}.growth-metrics span{flex-direction:column;display:flex}.growth-metrics small{color:#7b8796;font-size:8px}.growth-metrics b{color:#14213a;margin-top:2px;font-size:16px}.growth-chart-wrap{height:245px;margin-top:4px;position:relative}.growth-tooltip{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffe;border:1px solid #dfe6ed;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:8px;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 8px 24px #10264a12}.growth-tooltip b{color:#14213a}.growth-tooltip span{color:#748094}.growth-tooltip strong{color:#1e6fb6}.growth-tooltip em{color:#07845f;font-style:normal;font-weight:900}.growth-svg{width:100%;height:100%;overflow:visible}.growth-svg text{fill:#8995a5;font-size:9px}.growth-grid-line{stroke:#e8edf2;stroke-width:1px;stroke-dasharray:4 5}.growth-svg g{cursor:pointer;outline:none}.growth-svg circle:last-child{fill:#fff;stroke:#0fa68d;stroke-width:2px;transition:r .15s}.growth-svg circle.active{fill:#0fa68d;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 2px 4px #087d6955)}.growth-card>footer{color:#758194;border-top:1px solid #edf0f4;align-items:center;gap:14px;padding-top:10px;font-size:8px;display:flex}.growth-card>footer span{align-items:center;gap:5px;display:flex}.growth-card>footer i{display:block}.line-legend{background:linear-gradient(90deg,#0fb5a5,#2478cf);border-radius:5px;width:18px;height:3px}.dot-legend{background:#0fa68d;border-radius:50%;width:7px;height:7px}.growth-card>footer>b{color:#4c5c72;margin-left:auto;font-size:8px}.growth-loading,.growth-error{color:#748094;justify-content:center;align-items:center;gap:8px;min-height:380px;font-size:10px;display:flex}.growth-error>svg{color:#c1442e;width:28px}.growth-error h3{color:#14213a}.growth-error p{color:#b0392d;margin:5px 0;font-size:9px}@media (max-width:720px){.growth-metrics{grid-template-columns:1fr}.growth-chart-wrap{height:220px}.growth-tooltip{width:max-content;margin:8px 0 -10px;position:static}.growth-card>footer{flex-wrap:wrap;align-items:flex-start}.growth-card>footer>b{width:100%;margin-left:0}}.admin-v2{font-size:14px;line-height:1.45}.admin-brand small{font-size:9px}.admin-v2-side nav button{height:46px;font-size:13px}.admin-side-foot b{font-size:12px}.admin-side-foot small,.admin-v2-top>div:first-of-type small{font-size:10px}.admin-v2-top h1{font-size:26px}.admin-search{width:230px;height:42px}.admin-search input{font-size:13px}.admin-top-actions>a{height:42px;font-size:12px}.admin-avatar{width:42px;height:42px;font-size:12px}.admin-alert,.admin-welcome>div:first-child>span{font-size:12px}.admin-welcome h2{font-size:29px}.admin-welcome p{font-size:13px}.role-preview small{font-size:9px}.role-preview a{padding:12px;font-size:12px}.admin-kpis b{font-size:22px}.admin-kpis small{font-size:12px}.admin-kpis em{font-size:10px}.analytics-card h3,.quick-card h3,.growth-card h3{font-size:18px}.analytics-card small,.growth-card header small{font-size:11px}.analytics-card footer,.growth-card>footer{font-size:10px}.quick-card button b{font-size:13px}.quick-card button small{font-size:11px}.panel-head h2{font-size:22px}.panel-head p{font-size:13px}.panel-head>button,.content-builder aside>button,.builder-stage button{padding:11px 15px;font-size:12px}.course-admin-cover em,.popular{font-size:9px}.course-admin-body>small{font-size:10px}.course-admin-body h3{font-size:17px}.course-admin-body p{font-size:11px}.course-admin-body>div>b{font-size:14px}.course-admin-body select,.course-admin-body button{padding:8px;font-size:11px}.content-builder aside>label,.content-builder select,.section-tree>b{font-size:12px}.section-tree>span{padding:10px;font-size:11px}.preview-top small{font-size:10px}.preview-top h2{font-size:19px}.published-pill{font-size:10px}.builder-stage p{font-size:12px}.builder-stage pre{font-size:13px}.admin-table>div{min-height:62px;font-size:12px}.admin-table .table-head{font-size:11px}.admin-table small{font-size:10px}.admin-table select{font-size:12px}.setting-card>div b{font-size:14px}.setting-card>div small,.ios-switch em{font-size:11px}.subheading{font-size:18px}.pricing-admin article>small{font-size:10px}.pricing-admin p,.pricing-admin li{font-size:12px}.news-admin span{font-size:9px}.news-admin h3{font-size:16px}.news-admin p{font-size:12px}.news-admin small{font-size:10px}.analytics-large h3{font-size:18px}.analytics-large>div{font-size:12px}.permission-matrix>div{min-height:54px;font-size:12px}.admin-modal h2{font-size:24px}.admin-modal label{font-size:12px}.admin-modal input,.admin-modal select,.admin-modal textarea{font-size:13px}.modal-help{font-size:12px}.modal-actions button{font-size:13px}.runtime-environment b{font-size:14px}.runtime-environment small{font-size:11px}.runtime-copy>small{font-size:9px}.runtime-copy h3{font-size:16px}.runtime-copy p{font-size:11px}.runtime-copy code,.runtime-copy em{font-size:10px}.runtime-grid article>button{font-size:11px}.runtime-note b{font-size:13px}.runtime-note p{font-size:11px}.runtime-loading{font-size:12px}.growth-rate{font-size:11px}.growth-metrics small{font-size:10px}.growth-metrics b{font-size:18px}.growth-tooltip{font-size:10px}.growth-svg text{font-size:11px}.growth-card>footer>b{font-size:10px}.growth-loading,.growth-error{font-size:12px}.growth-error p{font-size:11px}.admin-image-upload{gap:7px;margin:10px 0;display:grid}.admin-image-upload>label{color:#334155;font-size:11px;font-weight:800}.admin-image-upload-row{align-items:stretch!important;gap:7px!important;margin:0!important;display:flex!important}.admin-image-upload-row>input{border:1px solid #d7e0e9;border-radius:8px;flex:1;min-width:0;padding:9px;font-size:11px}.admin-image-upload-row>button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex;color:#fff!important;background:#0b1d4d!important;border:0!important;border-radius:8px!important;padding:8px 11px!important}.admin-image-upload-row>button.remove,.course-admin-body .danger-icon,.section-tree .danger-icon{color:#b63728!important;background:#fff0ed!important;border:1px solid #efc5be!important}.admin-image-upload-row svg{width:15px;height:15px}.admin-image-upload>img{object-fit:cover;border:1px solid #dce3eb;border-radius:9px;width:100%;height:105px}.admin-image-upload>small{color:#b63728;font-size:10px}.home-image-settings .admin-image-upload{grid-template-columns:170px 1fr;align-items:center}.home-image-settings .admin-image-upload>label{grid-column:1}.home-image-settings .admin-image-upload-row,.home-image-settings .admin-image-upload>img,.home-image-settings .admin-image-upload>small{grid-column:2}.course-admin-body .danger-icon svg{width:14px;height:14px}.section-tree>span>i{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.section-tree>span>button{color:#52657b;background:#f5f8fb;border:1px solid #dce3eb;border-radius:6px;place-items:center;width:27px;height:27px;padding:0;display:grid}.section-tree>span>button svg{width:13px}.section-tree>span.lesson-inactive{color:#8b6500;background:#fff7e8}.section-tree>span.lesson-inactive>i{opacity:.65;text-decoration:line-through}@media (max-width:800px){.home-image-settings .admin-image-upload{grid-template-columns:1fr}.home-image-settings .admin-image-upload>label,.home-image-settings .admin-image-upload-row,.home-image-settings .admin-image-upload>img,.home-image-settings .admin-image-upload>small{grid-column:1}.admin-image-upload-row{flex-wrap:wrap}.admin-image-upload-row>input{flex-basis:100%}}.admin-v2-main .payment-integrations :is(p,small,label,button,input,textarea,select),.admin-v2-main .certificate-admin :is(p,small,label,button,input,textarea,select){font-size:12px}.admin-v2-main .payment-integrations h3,.admin-v2-main .certificate-admin h3{font-size:17px}.admin-v2-main .payment-integrations input,.admin-v2-main .payment-integrations select,.admin-v2-main .certificate-admin input,.admin-v2-main .certificate-admin select,.admin-v2-main .certificate-admin textarea{min-height:40px}.admin-notification-wrap{z-index:92;position:relative}.admin-notification-trigger{color:#26364d;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:11px;place-items:center;width:42px;height:42px;transition:all .18s;display:grid;position:relative}.admin-notification-trigger:hover,.admin-notification-trigger.active{color:#fff;background:#0b1d4d;border-color:#0b1d4d}.admin-notification-trigger>svg{width:19px}.admin-notification-trigger>b{color:#fff;background:#d94930;border:2px solid #eef2f7;border-radius:12px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;line-height:1;display:grid;position:absolute;top:-6px;right:-5px}.admin-notification-popover{z-index:94;background:#fff;border:1px solid #dce3eb;border-radius:15px;width:min(390px,100vw - 28px);max-height:560px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 22px 55px #07162f2e}.admin-notification-popover>header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:14px 16px;display:flex}.admin-notification-popover>header>div{flex-direction:column;display:flex}.admin-notification-popover>header strong{font-size:16px}.admin-notification-popover>header small{color:#718096;margin-top:2px;font-size:11px}.admin-notification-popover>header>button{color:#145c9f;cursor:pointer;background:#edf5ff;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.admin-notification-popover>header>button svg{width:15px}.admin-notification-list{max-height:480px;overflow:auto}.admin-notification-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:38px 1fr 8px;align-items:start;gap:10px;width:100%;padding:13px 15px;display:grid}.admin-notification-list>button:hover{background:#f7f9fc}.admin-notification-list>button.unread{background:#f2f8ff}.admin-notification-icon{color:#1f6eb4;background:#e9f2ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.admin-notification-icon.payment{color:#07845f;background:#e1f8ef}.admin-notification-icon.user{color:#b87505;background:#fff1dc}.admin-notification-icon.success{color:#07845f;background:#e1f8ef}.admin-notification-icon svg{width:17px}.admin-notification-list>button>span:nth-child(2){min-width:0;display:block}.admin-notification-list strong{color:#14213a;font-size:13px;display:block}.admin-notification-list p{color:#5e6b7d;margin:4px 0;font-size:12px;line-height:1.45}.admin-notification-list small{color:#8a95a4;font-size:10px}.admin-notification-list i{background:#d94930;border-radius:50%;width:7px;height:7px;margin-top:5px}.admin-notification-empty{text-align:center;color:#768396;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:24px;font-size:12px;display:flex}.admin-notification-empty>svg{color:#a5afbc;width:30px;margin-bottom:10px}.admin-notification-empty strong{color:#344258;font-size:14px}.admin-notification-empty span{max-width:260px;margin-top:5px}.admin-notification-backdrop{z-index:70;background:0 0;border:0;position:fixed;inset:0}@media (max-width:720px){.admin-notification-popover{position:fixed;top:66px;right:10px}.admin-notification-trigger{width:40px;height:40px}.admin-v2-top h1{font-size:20px}.admin-top-actions{gap:7px}.admin-v2-main{font-size:13px}.panel-head{align-items:flex-start;gap:10px}.panel-head h2{font-size:20px}.panel-head p{font-size:12px}}.panel-head-actions{align-items:center;gap:8px;display:flex}.panel-head .panel-head-actions>button{color:#fff;white-space:nowrap;background:#0b1d4d;border:0;border-radius:9px;align-items:center;gap:6px;padding:11px 15px;font-size:12px;font-weight:800;display:flex}.panel-head .panel-head-actions>button.secondary{color:#0b1d4d;background:#fff;border:1px solid #cbd6e2}.panel-head-actions button svg{width:16px}.json-import-modal{z-index:520;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061329d4;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.json-import-modal>section{color:#14213a;background:#f4f7fa;border-radius:20px;flex-direction:column;width:min(1120px,96vw);height:min(800px,94vh);display:flex;overflow:hidden;box-shadow:0 28px 80px #0007}.json-import-modal>section>header{background:#fff;border-bottom:1px solid #dce4ec;align-items:center;gap:14px;min-height:104px;padding:18px 22px;display:flex}.json-import-modal>section>header>span{color:#1e67ae;background:#e7f1ff;border-radius:13px;place-items:center;width:50px;height:50px;display:grid}.json-import-modal>section>header>span svg{width:25px}.json-import-modal>section>header>div{flex:1}.json-import-modal>section>header small{color:#c1442e;letter-spacing:1px;font-size:10px;font-weight:900}.json-import-modal h2{margin:3px 0;font-size:23px}.json-import-modal>section>header p{color:#66758a;margin:0;font-size:12px}.json-import-modal>section>header>button{color:#526176;background:#f6f8fa;border:1px solid #d9e1e9;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.json-import-modal>section>header>button svg{width:18px}.json-import-modal>section>nav{background:#fff;border-bottom:1px solid #dce4ec;align-items:end;gap:5px;height:54px;padding:0 22px;display:flex}.json-import-modal>section>nav button{color:#657388;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;height:45px;padding:0 16px;font-size:12px;font-weight:800;display:flex}.json-import-modal>section>nav button.active{color:#0b1d4d;border-bottom-color:#e7ad1c}.json-import-modal>section>nav svg{width:16px}.json-import-body,.json-example-body{flex:1;min-height:0;padding:18px 22px}.json-import-body{flex-direction:column;gap:12px;display:flex}.json-import-tools{align-items:center;gap:10px;display:flex}.json-import-tools>button,.json-example-body>div>button{color:#163b65;background:#fff;border:1px solid #cbd7e3;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:800;display:flex}.json-import-tools>button svg,.json-example-body>div>button svg{width:15px}.json-import-tools>span{color:#7b8797;font-size:11px}.json-import-tools>b{color:#087a59;background:#e4f7ef;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:10px}.json-import-body>textarea{resize:none;color:#dce9fa;tab-size:2;background:#081a32;border:1px solid #263e5f;border-radius:12px;outline:0;flex:1;min-height:280px;padding:17px;font:12px/1.62 JetBrains Mono,Consolas,monospace}.json-import-body>textarea:focus{border-color:#e7b42f;box-shadow:0 0 0 3px #e7b42f2e}.json-import-safety{color:#087a59;background:#effaf5;border:1px solid #bfe3d3;border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.json-import-safety>svg{flex:none;width:19px}.json-import-safety p{flex-direction:column;margin:0;display:flex}.json-import-safety b{font-size:11px}.json-import-safety span{color:#557969;margin-top:2px;font-size:10px}.json-example-body{flex-direction:column;gap:10px;display:flex}.json-example-body>div{align-items:center;gap:8px;display:flex}.json-example-body>div>p{color:#66758a;margin:0 auto 0 0;font-size:11px}.json-example-body>pre{color:#dce9fa;white-space:pre-wrap;background:#081a32;border-radius:12px;flex:1;min-height:0;margin:0;padding:17px;font:12px/1.62 JetBrains Mono,Consolas,monospace;overflow:auto}.json-import-message{border-radius:9px;align-items:center;gap:8px;margin:0 22px 10px;padding:10px 12px;font-size:11px;display:flex}.json-import-message svg{flex:none;width:18px}.json-import-message.error{color:#a93527;background:#fff0ee;border:1px solid #f0c3bc}.json-import-message.success{color:#087a59;background:#eaf9f2;border:1px solid #bce2d0}.json-import-modal>section>footer{background:#fff;border-top:1px solid #dce4ec;justify-content:flex-end;align-items:center;gap:8px;min-height:68px;padding:12px 22px;display:flex}.json-import-modal>section>footer button{color:#33445b;background:#fff;border:1px solid #cfdae5;border-radius:9px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:800;display:flex}.json-import-modal>section>footer button.primary{color:#fff;background:#0b1d4d;border-color:#0b1d4d}.json-import-modal>section>footer button.secondary{color:#165d9f;background:#e9f2ff;border-color:#c8dcf1}.json-import-modal>section>footer button:disabled{opacity:.5}.json-import-modal>section>footer svg{width:16px}@media (max-width:720px){.panel-head{flex-direction:column}.panel-head-actions{flex-wrap:wrap;width:100%}.panel-head .panel-head-actions>button{flex:1;justify-content:center}.json-import-modal{padding:0}.json-import-modal>section{border-radius:0;width:100vw;height:100vh}.json-import-modal>section>header{padding:13px}.json-import-modal>section>header>span{display:none}.json-import-modal h2{font-size:18px}.json-import-modal>section>header p{font-size:10px}.json-import-modal>section>nav,.json-import-body,.json-example-body,.json-import-modal>section>footer{padding-left:13px;padding-right:13px}.json-import-tools{flex-wrap:wrap;align-items:stretch}.json-import-tools>b{margin-left:0}.json-example-body>div{flex-wrap:wrap;align-items:stretch}.json-example-body>div>p{width:100%}.json-import-body>textarea,.json-example-body>pre{font-size:11px}}.admin-content-lists{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.admin-content-lists>section{background:#fff;border:1px solid #dce5ef;border-radius:14px;min-width:0;padding:14px}.admin-content-lists header h3{margin:0}.admin-content-lists header small{color:#718096}.admin-list-table{gap:7px;max-height:270px;margin-top:12px;display:grid;overflow:auto}.admin-list-table>button{text-align:left;color:#0b2041;background:#f8fafc;border:1px solid #e0e7ef;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.courses-list>button{grid-template-columns:38px 1fr auto auto 34px 34px}.courses-list>button>span{color:#fff;background:#0c2b58;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-list-table button div{gap:3px;display:grid}.admin-list-table button small{color:#6d7b90}.admin-list-table button em{color:#a26a00;font-size:10px;font-style:normal;font-weight:800}.admin-list-table button i{font-style:normal;font-weight:800}.admin-list-table button strong{color:#c23d31;place-items:center;display:grid}.admin-list-table button strong.edit-course{color:#0c5cad;background:#eaf3ff;border-radius:7px;width:30px;height:30px}.admin-check{align-items:center;gap:10px;padding-top:26px;display:flex!important}.admin-check input{height:18px;width:18px!important}.admin-list-table button svg{width:17px}.admin-list-table button.active{background:#fff9e8;border-color:#e3a917}.lessons-list>button{grid-template-columns:24px 1fr auto 24px}@media (max-width:1100px){.admin-content-lists{grid-template-columns:1fr}}
.header-actions{z-index:82;position:relative}.head-icon{place-items:center;width:36px;height:36px;display:grid;position:relative;border-radius:9px!important}.head-icon:hover,.head-icon.active{color:#ffd25d!important;background:#ffffff14!important}.notification-badge{color:#fff;background:#e34e35;border:2px solid #07162f;border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 4px;font:700 7px Inter;display:grid;position:absolute;top:0;right:1px}.admin-entry{color:#ffd15b;background:#e4b53715;border:1px solid #e4b53766;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.admin-entry:hover{color:#07162f;background:#e8b934}.admin-entry svg{width:15px}.profile-wrap{position:relative}.profile-trigger{background:0 0;border:0}.profile-trigger>svg{color:#9eb0c8;width:13px}.avatar.large{width:44px;height:44px}.header-popover{color:#15213a;z-index:85;background:#fff;border:1px solid #dfe5ed;border-radius:15px;animation:.15s ease-out popover-in;position:absolute;top:51px;right:0;overflow:hidden;box-shadow:0 24px 70px #06142d40}.search-popover{width:min(520px,100vw - 24px);right:150px}.notice-popover{width:min(430px,100vw - 24px);right:55px}.profile-menu{width:285px;right:0}.header-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:70!important;background:#06132928!important;border-radius:0!important;width:auto!important;height:auto!important;position:fixed!important;inset:76px 0 0!important}.popover-search{border-bottom:1px solid #e8ecf1;align-items:center;height:60px;padding:0 13px;display:flex}.popover-search>svg{color:#7a8698;width:19px}.popover-search input{border:0;outline:0;flex:1;padding:0 10px;font-size:12px}.popover-search button{color:#536176;background:#eef1f5;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.popover-search button svg{width:14px}.search-results{max-height:430px;padding:7px;overflow:auto}.search-results>a{border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.search-results>a:hover{background:#f3f6fa}.search-results>a>span{color:#2269b1;background:#eaf2fc;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.search-results>a>span svg{width:17px}.search-results>a>div{flex-direction:column;flex:1;min-width:0;display:flex}.search-results b{font-size:10px}.search-results small{color:#748093;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.search-results em{text-transform:uppercase;color:#c1442e;background:#fff0ed;border-radius:20px;padding:4px 6px;font-size:7px;font-style:normal}.popover-empty{text-align:center;color:#7b8797;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:25px;display:flex}.popover-empty>svg{color:#306da9;background:#eef3f9;border-radius:10px;width:34px;height:34px;padding:8px}.popover-empty b{color:#26334a;font-size:11px}.popover-empty span{font-size:9px}.popover-empty a{color:#fff;background:#0b1d4d;border-radius:8px;margin-top:5px;padding:8px 13px;font-size:9px}.popover-loading{text-align:center;color:#7a8698;padding:50px;font-size:10px}.notice-popover>header{border-bottom:1px solid #e7ebf1;justify-content:space-between;align-items:center;height:61px;padding:0 15px;display:flex}.notice-popover>header>div{flex-direction:column;display:flex}.notice-popover header b{font-size:13px}.notice-popover header small{color:#778394;margin-top:3px;font-size:8px}.notice-popover header button{color:#2164aa;background:#edf5ff;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 8px;font-size:8px;display:flex}.notice-popover header button svg{width:14px}.notice-list{max-height:440px;overflow:auto}.notice-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:flex-start;gap:10px;width:100%;padding:13px;display:flex;position:relative}.notice-list>button.unread{background:#f6faff}.notice-list>button:hover{background:#f0f5fb}.notice-type{color:#246aaf;background:#eaf2fc;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.notice-type.success{color:#0a9869;background:#e2f8ed}.notice-type.payment{color:#c88300;background:#fff2d9}.notice-type.warning{color:#c1442e;background:#ffebe7}.notice-type svg{width:16px}.notice-list button>div{flex-direction:column;flex:1;display:flex}.notice-list button b{font-size:10px}.notice-list button p{color:#6e7b8d;margin:4px 0;font-size:8px;line-height:1.45}.notice-list button small{color:#99a2af;font-size:7px}.notice-list button>i{background:#287ad2;border-radius:50%;width:7px;height:7px;margin-top:5px}.profile-menu>header{color:#fff;background:linear-gradient(120deg,#081a37,#123d6d);align-items:center;gap:11px;padding:16px;display:flex}.profile-menu header>div{flex-direction:column;min-width:0;display:flex}.profile-menu header b{font-size:11px}.profile-menu header small{color:#bdc9da;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:8px;overflow:hidden}.profile-menu header em{color:#ffd25a;border:1px solid #ffd25a55;border-radius:10px;width:max-content;padding:3px 6px;font-size:7px;font-style:normal}.profile-menu>a,.profile-menu>button{color:#233149;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:9px;width:100%;height:43px;padding:0 14px;font-size:9px;display:flex}.profile-menu>a:hover,.profile-menu>button:hover{background:#f3f6f9}.profile-menu>a:first-of-type{color:#b13c29;font-weight:800}.profile-menu svg{width:16px}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (max-width:1100px){.search-popover{right:85px}.signed-user small,.profile-trigger>svg,.admin-entry span{display:none}.admin-entry{justify-content:center;width:36px;padding:0}}@media (max-width:1000px){.header-actions>.head-icon{display:grid!important}.header-actions>.admin-entry{display:flex}.header-actions>.profile-wrap{display:block}.header-actions>.profile-wrap .signed-user{display:flex}.notice-popover,.search-popover{position:fixed;top:72px;right:12px}.header-backdrop{top:66px!important}}@media (max-width:700px){.header-inner{gap:8px}.header-actions{gap:3px;margin-left:auto}.head-icon,.admin-entry{width:32px;height:32px}.profile-trigger{padding:0!important}.profile-trigger .avatar{width:32px;height:32px}.header-actions>.menu{margin-left:2px}.search-popover,.notice-popover{top:62px;right:8px}.profile-menu{position:fixed;top:62px;right:8px}.notification-badge{right:-2px}}.theme-picker{border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1;padding:12px 14px}.theme-picker>small{color:#637087;margin-bottom:8px;font-weight:700;display:block}.theme-picker>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.theme-picker button{flex-direction:column;justify-content:center;color:#33415c!important;background:#fff!important;border:1px solid #d6e0ec!important;border-radius:8px!important;align-items:center!important;gap:4px!important;padding:8px 5px!important;font-size:10px!important;display:flex!important}.theme-picker button svg{width:15px;height:15px}.theme-picker button.active{color:#fff!important;background:#071b3b!important;border-color:#071b3b!important}
.developer-workspace{color:#dfe8f5;background:#07162f;border:1px solid #294160;grid-template-columns:210px 1fr 230px;height:calc(100% - 54px);display:grid}.dev-explorer{background:#0a1c35;border-right:1px solid #294160;padding:10px}.dev-explorer header{color:#9eb0c7;align-items:center;gap:7px;height:35px;font-size:9px;display:flex}.dev-explorer header svg{width:15px}.dev-explorer>b{color:#aebdd1;margin:10px 4px;font-size:9px;display:block}.dev-explorer>button{color:#aebdd1;text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;height:35px;padding:0 9px;font-size:9px;display:flex}.dev-explorer>button.active{color:#fff;background:#183555}.dev-explorer>button svg{color:#f0c443;width:14px}.dev-outline{border-top:1px solid #294160;flex-direction:column;gap:10px;margin-top:14px;padding:14px 7px;display:flex}.dev-outline small{color:#7f94af}.dev-outline span{color:#9eb1c9;font:9px JetBrains Mono}.dev-center{grid-template-rows:43px minmax(280px,1fr) 230px;min-width:0;display:grid}.dev-toolbar{background:#0d2444;border-bottom:1px solid #294160;justify-content:space-between;align-items:center;display:flex}.dev-toolbar>div{align-items:center;height:100%;display:flex}.dev-toolbar span,.dev-toolbar button{color:#b9c7da;background:0 0;border:0;align-items:center;gap:6px;height:100%;padding:0 13px;font-size:9px;display:flex}.dev-toolbar span.active{color:#fff;background:#173555;border-top:2px solid #efbb2d}.dev-toolbar svg{width:14px}.dev-toolbar .run{color:#fff;background:#c9472f;border-radius:7px;height:31px;margin-right:8px}.dev-editor{min-height:0}.dev-bottom{border-top:5px solid #213957;grid-template-columns:1fr 1.1fr;display:grid}.dev-bottom>article{background:#07162f;border-right:1px solid #294160;min-width:0}.dev-bottom article>header{background:#0d2444;border-bottom:1px solid #294160;align-items:center;gap:7px;height:39px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.dev-bottom header svg{width:14px}.dev-bottom header button{color:#9fb0c7;background:0 0;border:0;margin-left:auto;font-size:8px}.dev-bottom header .run-tests{color:#fff;background:#26945f;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;display:flex}.dev-bottom pre{color:#7ef58e;white-space:pre-wrap;margin:0;padding:14px;font:10px/1.7 JetBrains Mono}.test-row{border-bottom:1px solid #1e3653;grid-template-columns:20px 1fr 1fr 40px;align-items:center;height:38px;padding:0 11px;font-size:8px;display:grid}.test-row svg{color:#2fd07a;width:14px}.test-row em{color:#55e695;font-style:normal}.dev-right{background:#0a1c35;padding:9px;overflow:auto}.dev-right section{border:1px solid #2b4565;border-radius:10px;margin-bottom:9px;padding:13px}.dev-right h3{margin:0 0 11px;font-size:11px}.dev-progress{background:conic-gradient(#36bf73 0 68%, #243d59 68%);border-radius:50%;place-items:center;width:85px;height:85px;margin:8px auto 14px;display:grid}.dev-progress:before{content:"";background:#0a1c35;border-radius:50%;width:62px;height:62px;position:absolute}.dev-progress b{z-index:1;font-size:18px}.dev-right p{color:#aab9cc;align-items:center;gap:6px;font-size:8px;display:flex}.dev-right p svg{color:#3ed27e;width:13px}.dev-right p b{color:#fff;margin-left:auto}.dev-right section>button{color:#c2cee0;background:0 0;border:0;border-bottom:1px solid #294160;align-items:center;gap:7px;width:100%;height:34px;font-size:8px;display:flex}.dev-right button svg{color:#f2c33d;width:14px}.dev-right kbd{background:#243b58;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px}.role-loading{color:#26344c;background:#f1f4f7;justify-content:center;align-items:center;gap:8px;height:calc(100% - 54px);display:flex}.teacher-workspace{color:#14213a;background:#eef2f6;height:calc(100% - 54px);padding:14px;overflow:auto}.teacher-summary{color:#fff;background:linear-gradient(120deg,#0a2346,#115084);border:1px solid #41698f;border-radius:14px;justify-content:space-between;align-items:center;min-height:110px;padding:18px 22px;display:flex}.teacher-summary small{letter-spacing:1.3px;color:#f2c74f;font-size:8px}.teacher-summary h2{margin:6px 0;font-size:21px}.teacher-summary p{color:#bed0e3;margin:0;font-size:9px}.teacher-summary a{color:#14213a;background:#f0c243;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.teacher-summary a svg{width:15px}.teacher-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin:11px 0;display:grid}.teacher-kpis article{background:#fff;border:1px solid #dce3eb;border-radius:11px;align-items:center;gap:10px;padding:13px;display:flex}.teacher-kpis article>svg{color:#2670b9;background:#eaf3fd;border-radius:9px;width:36px;height:36px;padding:9px}.teacher-kpis span{flex-direction:column;display:flex}.teacher-kpis b{font-size:17px}.teacher-kpis small{color:#738094;font-size:8px}.teacher-course-bar{background:#fff;border:1px solid #dce3eb;border-radius:11px;align-items:center;gap:15px;min-height:58px;padding:10px 14px;display:flex}.teacher-course-bar label{align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.teacher-course-bar select{background:#fff;border:1px solid #d8e0e8;border-radius:7px;min-width:260px;padding:8px}.teacher-course-bar>span{color:#087b57;background:#e1f8ec;border-radius:20px;margin-left:auto;padding:5px 8px;font-size:7px}.teacher-course-bar>b{font-size:9px}.teacher-tabs{background:#0c2343;border-radius:10px 10px 0 0;margin-top:11px;padding:0 8px;display:flex}.teacher-tabs button{color:#b6c5d8;background:0 0;border:0;align-items:center;gap:6px;height:43px;padding:0 16px;font-size:9px;display:flex}.teacher-tabs button.active{color:#14213a;background:#f2c74f}.teacher-tabs svg{width:15px}.teacher-body{background:#fff;border:1px solid #dce3eb;border-top:0;border-radius:0 0 12px 12px;min-height:330px;padding:18px}.teacher-section-title{justify-content:space-between;align-items:center;display:flex}.teacher-section-title h3{margin:0;font-size:14px}.teacher-section-title p{color:#758195;font-size:8px}.teacher-section-title>span{color:#b35e00;background:#fff0dd;border-radius:20px;padding:6px 9px;font-size:8px}.teacher-table>div{border-bottom:1px solid #edf0f4;grid-template-columns:1.2fr 1.4fr 1fr .6fr .4fr;align-items:center;gap:10px;min-height:45px;padding:6px 8px;font-size:8px;display:grid}.teacher-table>div:first-child{background:#f5f7fa;border-radius:7px;min-height:34px}.teacher-table span{align-items:center;gap:6px;display:flex}.teacher-table span i{color:#fff;background:#0c2343;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.teacher-table span small{color:#7b8796}.teacher-table em{color:#07805b;background:#e2f7ed;border-radius:20px;width:max-content;padding:5px 7px;font-style:normal}.teacher-empty{color:#7c8797;flex-direction:column;justify-content:center;align-items:center;gap:8px;grid-column:1/-1!important;min-height:180px!important;display:flex!important}.teacher-empty svg{color:#2ca973;width:35px}.student-roster{grid-template-columns:1fr 1fr;gap:8px;display:grid}.student-roster article{border:1px solid #e0e5eb;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.student-roster i{color:#fff;background:#0b2243;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.student-roster div{flex-direction:column;display:flex}.student-roster b{font-size:9px}.student-roster small{color:#758195;font-size:7px}.student-roster span{color:#0a9867;margin-left:auto;font-size:8px}.teacher-content-tree{grid-template-columns:1fr 1fr;gap:10px;display:grid}.teacher-content-tree article{border:1px solid #dfe5ec;border-radius:9px;overflow:hidden}.teacher-content-tree h4{color:#fff;background:#0c2343;margin:0;padding:10px;font-size:9px}.teacher-content-tree span{border-top:1px solid #edf0f4;align-items:center;gap:6px;padding:8px;font-size:8px;display:flex}.teacher-content-tree svg{color:#c1442e;width:13px}.teacher-content-tree em{color:#788494;margin-left:auto;font-style:normal}.teacher-analytics{grid-template-columns:180px 1fr;align-items:center;gap:25px;display:grid}.teacher-analytics .ring{background:conic-gradient(#31b76e 0 87%, #e5eaf0 87%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.teacher-analytics .ring:before{content:"";background:#fff;border-radius:50%;width:100px;height:100px;position:absolute}.teacher-analytics .ring>*{z-index:1}.teacher-analytics .ring b{font-size:25px}.teacher-analytics .ring small{font-size:8px}.teacher-analytics>div:last-child p{background:#edf0f4;border-radius:10px;padding:8px;font-size:8px;position:relative;overflow:hidden}.teacher-analytics p span{background:#25ad68;height:3px;position:absolute;bottom:0;left:0}@media (max-width:1000px){.developer-workspace{grid-template-columns:170px 1fr}.dev-right{display:none}.teacher-kpis{grid-template-columns:1fr 1fr}}@media (max-width:700px){.developer-workspace{height:auto;display:block}.dev-explorer,.dev-right{display:none}.dev-center{grid-template-rows:43px 430px auto}.dev-bottom{grid-template-columns:1fr}.teacher-workspace{height:auto;padding:8px}.teacher-summary{display:block}.teacher-summary a{width:max-content;margin-top:12px}.teacher-kpis{grid-template-columns:1fr 1fr}.teacher-course-bar{flex-direction:column;align-items:flex-start}.teacher-course-bar label{width:100%;display:grid}.teacher-course-bar select{width:100%;min-width:0}.teacher-course-bar>span{margin-left:0}.teacher-tabs{overflow:auto}.teacher-tabs button{flex:none}.teacher-table{overflow:auto}.teacher-table>div{min-width:650px}.student-roster,.teacher-content-tree,.teacher-analytics{grid-template-columns:1fr}.teacher-analytics .ring{margin:auto}}.teacher-workspace{flex-direction:column;display:flex;overflow:hidden}.teacher-summary{flex:none;gap:18px;min-height:92px;padding:13px 18px}.teacher-summary-copy{flex:1;min-width:260px}.teacher-summary-copy h2{margin:4px 0;font-size:19px}.teacher-summary-copy p{font-size:9px}.teacher-summary-side{justify-content:flex-end;align-items:center;gap:8px;display:flex}.teacher-summary-side>.teacher-kpis{align-items:center;gap:6px;margin:0;display:flex}.teacher-summary-side>.teacher-kpis article{min-width:96px;height:50px;box-shadow:none;border-radius:9px;gap:7px;padding:6px 8px}.teacher-summary-side>.teacher-kpis article>svg{border-radius:8px;flex:none;width:29px;height:29px;padding:7px}.teacher-summary-side>.teacher-kpis b{font-size:14px;line-height:1}.teacher-summary-side>.teacher-kpis small{white-space:nowrap;margin-top:3px;font-size:7px}.teacher-summary-side>a{white-space:nowrap;height:50px;padding:0 11px}.teacher-course-bar{flex:none;margin-top:9px}.teacher-tabs{flex:none;margin-top:8px}.teacher-body{flex:1;min-height:0;overflow:auto}@media (max-width:1250px){.teacher-summary{align-items:flex-start}.teacher-summary-side{flex-direction:column;align-items:flex-end}.teacher-summary-side>.teacher-kpis article{min-width:82px}.teacher-summary-side>a{height:32px}}@media (max-width:950px){.teacher-workspace{overflow:auto}.teacher-summary{display:block}.teacher-summary-side{align-items:stretch;margin-top:10px}.teacher-summary-side>.teacher-kpis{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.teacher-summary-side>.teacher-kpis article{min-width:0}.teacher-summary-side>a{width:max-content}.teacher-body{min-height:380px;overflow:visible}}@media (max-width:700px){.teacher-summary-side>.teacher-kpis{grid-template-columns:1fr 1fr}.teacher-summary-side>.teacher-kpis article{height:46px}.teacher-summary-side>a{margin-top:0}.teacher-body{min-height:420px}}.guest-workspace{color:#fff;background:radial-gradient(circle at 85% 10%,#174b7c 0,#0000 33%),#07162f;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);gap:18px;height:calc(100% - 54px);padding:28px;display:grid}.guest-intro,.guest-demo-code{background:#0a1e39f0;border:1px solid #2c4c70;border-radius:18px;box-shadow:0 18px 60px #00000038}.guest-intro{flex-direction:column;justify-content:center;padding:34px;display:flex}.guest-intro>span{color:#f2c443;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.guest-intro>span svg{width:18px}.guest-intro h1{margin:16px 0;font-size:34px;line-height:1.08}.guest-intro>p{color:#bbcadc;font-size:12px;line-height:1.7}.guest-intro ul{margin:15px 0 25px;padding:0;list-style:none}.guest-intro li{align-items:center;gap:8px;margin:10px 0;font-size:10px;display:flex}.guest-intro li svg{color:#37d18b;width:15px}.guest-actions{gap:9px;display:flex}.guest-actions a{color:#07162f;background:#f2c443;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:900}.guest-actions a.secondary{color:#fff;background:0 0;border:1px solid #55728f}.guest-intro>small{color:#8fa4bd;gap:7px;margin-top:22px;font-size:8px;line-height:1.5;display:flex}.guest-intro>small svg{flex:none;width:14px}.guest-demo-code{grid-template-rows:48px minmax(300px,1fr) 48px 125px;display:grid;overflow:hidden}.guest-demo-code>header,.guest-demo-code>footer{background:#0d2749;border-bottom:1px solid #2b4666;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;display:flex}.guest-demo-code>header div,.guest-demo-code>footer div{align-items:center;gap:7px;font-weight:900;display:flex}.guest-demo-code svg{width:15px}.guest-demo-code>header span{color:#8ea4bc}.guest-editor{min-height:0}.guest-demo-code>footer{border-top:1px solid #2b4666;border-bottom:0}.guest-demo-code>footer button{color:#fff;background:#d04932;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.guest-demo-code>footer button:disabled{background:#267656}.guest-demo-code>pre{color:#7ef58e;white-space:pre-wrap;background:#051225;margin:0;padding:15px;font:10px/1.7 JetBrains Mono,monospace}.progress-pill.demo{color:#07162f;background:#f2c443}.workspace-auth-loading{color:#cbd7e6;background:#07162f;place-items:center;height:calc(100% - 54px);display:grid}@media (max-width:900px){.guest-workspace{grid-template-columns:1fr;height:auto}.guest-demo-code{min-height:560px}}@media (max-width:600px){.guest-workspace{padding:10px}.guest-intro{padding:24px}.guest-intro h1{font-size:28px}.guest-actions{flex-direction:column}.guest-actions a{text-align:center}.guest-demo-code{grid-template-rows:48px 330px 48px 145px}}.teacher-summary.compact{grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.teacher-kpis.compact{gap:8px;display:flex}.teacher-kpis.compact article{min-width:108px;padding:10px 12px}.teacher-admin-link,.teacher-primary,.teacher-actions button{color:#071b3b;background:#fff;border:1px solid #cbd8e7;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:inline-flex}.teacher-primary{background:#f7b928!important;border-color:#f7b928!important}.teacher-primary svg,.teacher-actions svg,.teacher-content-tree button svg{width:16px;height:16px}.teacher-actions{gap:8px;display:flex}.teacher-message{color:#087a55;background:#e6fff6;border-radius:9px;margin-bottom:12px;padding:10px 14px;font-weight:700}.teacher-message.error{color:#b42b1e;background:#fff0ee}.teacher-table-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #e5ebf2;grid-template-columns:1.2fr 1.2fr 1fr .65fr .5fr;width:100%;display:grid!important}.teacher-table-row:hover{background:#f5f9ff}.teacher-content-tree h4{align-items:center;gap:10px;display:flex}.teacher-content-tree h4 button{margin-left:auto}.teacher-content-tree span{align-items:center;display:flex}.teacher-content-tree span>button{background:#eef3f9;border:0;border-radius:7px;margin-left:6px;padding:6px;display:inline-flex}.teacher-content-tree span>em+button{margin-left:auto}.teacher-content-tree .muted{opacity:.5}.teacher-modal-backdrop{z-index:250;background:#03122fc9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.teacher-modal{color:#071b3b;background:#fff;border-radius:18px;width:min(760px,96vw);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #0006}.teacher-modal>header{border-bottom:1px solid #e2e9f2;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.teacher-modal>header h3{margin:3px 0 0;font-size:24px}.teacher-modal>header small{color:#bd7900;font-weight:800}.teacher-modal>header>button{background:#edf2f8;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.teacher-form{gap:14px;display:grid}.teacher-form.grid{grid-template-columns:1fr 1fr}.teacher-form label{gap:7px;font-weight:800;display:grid}.teacher-form input,.teacher-form select,.teacher-form textarea{color:#071b3b;width:100%;font:inherit;background:#fff;border:1px solid #cbd8e7;border-radius:9px;padding:11px 12px}.teacher-form textarea{resize:vertical;min-height:112px}.teacher-form .full{grid-column:1/-1}.teacher-form .check{align-items:center;gap:9px;display:flex}.teacher-form .check input{width:auto}.submission-detail{gap:16px;display:grid}.submission-meta{background:#f4f7fb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.submission-meta small{margin-left:auto}.submission-detail article h4{margin:0 0 8px}.submission-detail pre{white-space:pre-wrap;color:#dff7ef;background:#071b3b;border-radius:12px;max-height:300px;padding:16px;overflow:auto}.teacher-empty div p{margin:4px 0 0}@media (max-width:1000px){.teacher-summary.compact{grid-template-columns:1fr}.teacher-kpis.compact{flex-wrap:wrap}.teacher-form.grid{grid-template-columns:1fr}.teacher-form .full{grid-column:auto}}
@media (max-width:720px){body:not(:has(.admin-v2)) .site-header{display:block!important}}
.media-player{resize:both;min-width:270px;max-width:calc(100vw - 16px);min-height:185px;max-height:calc(100vh - 16px);overflow:auto}.media-player.expanded{resize:none;overflow:auto}.media-top{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.media-top>div{align-items:center;gap:2px;display:flex}.media-top span svg{color:#8ea2bf;width:12px}.media-player.compact{width:285px;height:190px;min-height:190px}.media-player.compact video{aspect-ratio:auto;height:105px;margin-top:7px}.media-player.compact .media-info,.media-player.compact>input{display:none}.inline-lesson-video{object-fit:contain;background:#000;border-radius:11px;width:100%;height:100%;display:block}.workspace-actions select,.dev-toolbar select{color:#14213a;background:#fff;border:1px solid #cbd2dc;border-radius:8px;padding:8px 9px;font-size:10px}.dev-toolbar select{height:30px;margin-left:8px;padding:4px 7px}.dev-outline{overflow:auto}.dev-outline button{color:#9eb1c9;text-align:left;background:0 0;border:0;border-radius:5px;padding:5px 7px;font-size:9px}.dev-outline button.active{color:#10213f;background:#efbb2d;font-weight:800}.code-preview iframe,.console-pane iframe{background:#fff;border:0;width:100%;height:calc(100% - 39px)}.runtime-info{color:#9eb1c9;padding:22px}.runtime-info p{font-size:10px;line-height:1.6}.auth-required{z-index:200;background:#030b1bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-required>div{color:#14213a;text-align:center;background:#fff;border-radius:18px;width:min(430px,100%);padding:32px;position:relative;box-shadow:0 25px 70px #0008}.auth-required>div>svg{color:#a66e00;background:#fff1c8;border-radius:13px;width:46px;height:46px;padding:11px}.auth-required h2{margin:14px 0 7px;font-size:22px}.auth-required p{color:#687386;font-size:12px;line-height:1.6}.auth-required a{color:#fff;background:#0b1d4d;border-radius:9px;margin-top:9px;padding:11px;font-size:11px;font-weight:800;display:block}.auth-required a.secondary{color:#14213a;background:#f0c243}.auth-close{color:#667085;background:0 0;border:0;font-size:25px;position:absolute;top:10px;right:12px}@media (max-width:700px){.media-player{resize:none}.workspace-actions select{display:none}.inline-lesson-video{height:250px}.media-player.compact{width:270px;right:10px}.auth-required>div{padding:26px 20px}}.workspace-main{background:#eef3f8}.workspace{color:#14213a;background:#f3f6fa}.workspace-top{color:#14213a;background:#fff;border-color:#d9e2ec;box-shadow:0 8px 24px #0f27490f}.mode-switch{background:#f3f6fa;border-color:#cad6e3}.mode-switch button{color:#34445d}.mode-switch button:hover{background:#e8eef6}.progress-pill{color:#245b8e;background:#e8f1fb}.workspace-auth-loading{color:#34445d;background:#f3f6fa}.desktop-panels{border-color:#d8e1eb}.resize-handle{background:#d8e1eb}.guest-workspace{color:#14213a;background:radial-gradient(circle at 88% 8%,#dcecfb 0,#0000 34%),#f3f6fa}.guest-intro,.guest-demo-code{background:#fff;border-color:#d9e3ed;box-shadow:0 18px 50px #18325217}.guest-intro>span{color:#a66e00}.guest-intro>p{color:#607087}.guest-intro>small{color:#74849a}.guest-actions a.secondary{color:#17375f;background:#f4f7fb;border-color:#c8d5e4}.guest-demo-code>header,.guest-demo-code>footer{color:#20324d;background:#f7f9fc;border-color:#d9e3ed}.guest-demo-code>header span{color:#6f8198}.guest-demo-code>pre{color:#087b57;background:#f8fafc;border-top:1px solid #e1e7ee}.guest-demo-code>footer button{background:#c9472f}.guest-demo-code>footer button:disabled{background:#279468}.developer-workspace{color:#1b2c45;background:#eef3f8;border-color:#d8e1eb}.dev-explorer,.dev-right{background:#fff;border-color:#d8e1eb}.dev-explorer header,.dev-explorer>b,.dev-outline small,.dev-outline span{color:#65758b}.dev-explorer>button{color:#34445d}.dev-explorer>button.active{color:#123b69;background:#e9f1fb}.dev-outline{border-color:#e0e7ef}.dev-outline button{color:#4a5b72}.dev-toolbar{background:#fff;border-color:#d8e1eb}.dev-toolbar span,.dev-toolbar button{color:#34445d}.dev-toolbar span.active{color:#123b69;background:#eef3f8}.dev-bottom{border-color:#d8e1eb}.dev-bottom>article{background:#fff;border-color:#d8e1eb}.dev-bottom article>header{color:#20324d;background:#f6f8fb;border-color:#d8e1eb}.dev-bottom header button{color:#607087}.dev-bottom pre{color:#087b57;background:#f8fafc}.test-row{border-color:#e4eaf1}.test-row em{color:#087b57}.dev-right section{background:#fbfcfe;border-color:#d9e3ed}.dev-right p{color:#607087}.dev-right p b{color:#14213a}.dev-right section>button{color:#34445d;border-color:#e0e7ef}.dev-right kbd{color:#34445d;background:#e7edf4}.dev-progress{background:conic-gradient(#31b76e 0 68%, #dfe6ee 68%)}.dev-progress:before{background:#fff}.runtime-info{color:#607087}.runtime-info b{color:#14213a}.lesson-panel{color:#20324d;background:#fff}.panel-heading{color:#20324d;background:#f5f8fb;border-color:#d8e1eb}.panel-heading button{color:#607087}.lesson-panel>button{color:#34445d;border-color:#e2e8ef}.lesson-panel>button span{background:#e8eef6}.lesson-panel>button.active{color:#553d00;background:#fff0c4;border-left:4px solid #d9a621}.course-progress{background:#f7f9fc;border-color:#d9e3ed}.course-progress>i{background:#e1e7ee}.video-lesson{background:#eaf0f6}.editor-pane,.console-pane{background:#fff}.editor-tabs{color:#20324d;background:#f5f8fb;border-color:#d8e1eb}.editor-tabs>span{background:#fff;border:1px solid #d8e1eb;border-bottom:0}.editor-tabs button{color:#34445d}.editor-tabs em{color:#8a6100}.console-pane pre{color:#087b57;background:#fff}.console-pane pre.error{color:#bd2c24}.test-status{color:#176c50;background:#eef9f4;border-color:#cfe9dc}.test-status span{color:#087b57}.mobile-console{color:#087b57;background:#fff;border-color:#d8e1eb}.teacher-summary{color:#14213a;background:#fff;border-color:#d9e3ed;box-shadow:0 10px 28px #1832520f}.teacher-summary small{color:#9a6800}.teacher-summary p{color:#607087}.teacher-tabs{background:#fff;border:1px solid #d9e3ed}.teacher-tabs button{color:#34445d}.teacher-tabs button.active{color:#553d00;background:#fff0c4}body .workspace-main{background:#eef3f8}body .workspace{color:#14213a;background:#f3f6fa}.workspace .workspace-top{color:#14213a;background:#fff;border-color:#d9e2ec}.workspace .desktop-panels{border-color:#d8e1eb}.workspace .resize-handle{background:#d8e1eb}.workspace .lesson-panel{color:#20324d;background:#fff}.workspace .panel-heading{color:#20324d;background:#f5f8fb;border-color:#d8e1eb}.workspace .lesson-panel>button{color:#34445d;border-color:#e2e8ef}.workspace .lesson-panel>button span{background:#e8eef6}.workspace .lesson-panel>button.active{color:#553d00;background:#fff0c4;border-left:4px solid #d9a621}.workspace .course-progress{background:#f7f9fc;border-color:#d9e3ed}.workspace .course-progress>i{background:#e1e7ee}.workspace .video-lesson{background:#eaf0f6}.workspace .editor-pane,.workspace .console-pane{background:#fff}.workspace .editor-tabs{color:#20324d;background:#f5f8fb;border-color:#d8e1eb}.workspace .editor-tabs>span{background:#fff;border:1px solid #d8e1eb;border-bottom:0}.workspace .editor-tabs button{color:#34445d}.workspace .console-pane pre{color:#087b57;background:#fff}.workspace .test-status{color:#176c50;background:#eef9f4;border-color:#cfe9dc}.workspace .mobile-console{color:#087b57;background:#fff;border-color:#d8e1eb}.workspace .workspace-top b{font-size:14px}.workspace .mode-switch{background:#f3f6fa;border-color:#7f91a8}.workspace .mode-switch button{color:#2d405b;padding:9px 18px;font-size:12px;font-weight:700}.workspace .mode-switch button svg{width:17px}.workspace .mode-switch button.active{color:#10213f}.workspace .progress-pill{padding:9px 14px;font-size:11px;font-weight:800}.workspace .guest-workspace{grid-template-columns:minmax(360px,.85fr) minmax(560px,1.3fr);align-items:start;gap:16px;height:auto;min-height:calc(100% - 54px);padding:20px}.workspace .guest-intro,.workspace .guest-demo-code{align-self:start}.workspace .guest-intro{justify-content:flex-start;padding:32px}.workspace .guest-intro>span{font-size:11px}.workspace .guest-intro>span svg{width:20px}.workspace .guest-intro h1{margin:18px 0;font-size:38px;line-height:1.12}.workspace .guest-intro>p{margin:0;font-size:14px;line-height:1.75}.workspace .guest-intro ul{margin:22px 0}.workspace .guest-intro li{margin:13px 0;font-size:13px}.workspace .guest-intro li svg{width:17px}.workspace .guest-actions{align-items:stretch;gap:10px}.workspace .guest-actions a{justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:12px;display:flex}.workspace .guest-intro>small{margin-top:18px;font-size:10px;line-height:1.6}.workspace .guest-intro>small svg{width:16px}.workspace .guest-demo-code{grid-template-rows:54px 330px 54px minmax(118px,auto)}.workspace .guest-demo-code>header,.workspace .guest-demo-code>footer{padding:0 18px;font-size:11px}.workspace .guest-demo-code>header span{font-size:10px}.workspace .guest-demo-code svg{width:17px}.workspace .guest-demo-code>footer button{padding:10px 14px;font-size:11px}.workspace .guest-demo-code>pre{padding:16px 18px;font-size:12px;line-height:1.8;overflow:auto}@media (max-width:1100px){.workspace .guest-workspace{grid-template-columns:minmax(300px,.85fr) minmax(460px,1.15fr)}.workspace .guest-intro h1{font-size:32px}}@media (max-width:900px){.workspace .guest-workspace{grid-template-columns:1fr}.workspace .guest-intro,.workspace .guest-demo-code{width:100%}.workspace .guest-demo-code{min-height:0}}@media (max-width:600px){.workspace .guest-workspace{padding:10px}.workspace .guest-intro{padding:24px}.workspace .guest-intro h1{font-size:28px}.workspace .guest-actions{flex-direction:column}.workspace .mode-switch button{padding:9px 10px;font-size:10px}.workspace .guest-demo-code{grid-template-rows:50px 300px 50px minmax(125px,auto)}}.lesson-section>b{color:#8ea5c2;letter-spacing:.4px;text-transform:uppercase;padding:10px 11px 6px;font-size:9px;display:block}.lesson-section>button{color:#c7d3e3;text-align:left;background:0 0;border:0;border-bottom:1px solid #29415f;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;font-size:10px;display:flex}.lesson-section>button span{background:#152f52;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.lesson-section>button svg{width:11px}.lesson-section>button.active{background:var(--terracotta);color:#fff}.lesson-section>button.done span{background:var(--mint);color:#fff}.lesson-section>button>svg:last-child{margin-left:auto}.lesson-content{color:#172033;background:#fffdf8;height:calc(100% - 38px);padding:28px;overflow:auto}.lesson-content h2{margin:0 0 16px;font-size:24px}.lesson-content p{white-space:pre-wrap;color:#475467;line-height:1.75}.workspace-no-course{text-align:center;color:#172033;background:#f8fafc;place-content:center;justify-items:center;height:calc(100% - 54px);padding:30px;display:grid}.workspace-no-course>svg{width:54px;height:54px;color:var(--gold)}.workspace-no-course h2{margin:15px 0 5px;font-size:28px}.workspace-no-course p{color:#667085;max-width:520px;line-height:1.6}.workspace-no-course a{background:var(--navy);color:#fff;border-radius:9px;margin-top:12px;padding:11px 17px;font-size:11px;font-weight:800}.workspace .workspace-title small{color:#52637a;font-size:10px}.workspace .workspace-title b{color:#10213f;font-size:18px}.workspace .panel-heading{color:#172b47;font-size:12px}.workspace .panel-heading button{color:#52637a;font-size:10px}.workspace .lesson-section>b{color:#52657d;font-size:10px;font-weight:800}.workspace .lesson-section>button{color:#263a55;border-color:#dfe6ee;min-height:44px;font-size:11px;font-weight:600}.workspace .lesson-section>button span{color:#294463;background:#e6edf5;font-size:9px}.workspace .lesson-section>button.active{color:#553d00}.workspace .completion-step{font-weight:700;font-size:11px!important}.workspace .course-progress>span{color:#213550;font-size:11px}.workspace .course-progress button{min-height:34px;font-size:10px}.workspace .video-poster:after{content:"";pointer-events:none;background:linear-gradient(90deg,#040e22b8 0%,#040e2240 58%,#040e221f);position:absolute;inset:0}.workspace .video-poster>div{z-index:2;max-width:430px}.workspace .video-poster small{color:#ffd45e;text-shadow:0 1px 3px #000;font-size:10px}.workspace .video-poster h2{text-shadow:0 2px 8px #000;margin:10px 0;font-size:clamp(28px,3vw,44px);line-height:1.08;color:#fff!important}.workspace .video-poster p{color:#f0f5fb;text-shadow:0 1px 4px #000;font-size:12px;line-height:1.6}.workspace .poster-tag{z-index:3;letter-spacing:.5px;background:#041026e0;border-color:#fff6;font-size:10px;font-weight:800;color:#fff!important}.workspace .editor-tabs{align-items:center}.workspace .editor-tabs>span{color:#263a55;height:32px;padding:9px 12px;font-size:10px;font-weight:700}.workspace .editor-tabs button{color:#233b5c;font-size:16px}.workspace .editor-tabs em{color:#805b00;font-size:10px;font-weight:700}.workspace .lesson-content{color:#172033;background:#fff;padding:28px}.workspace .lesson-content h2{margin:0 0 14px;font-size:25px;line-height:1.25;display:block;color:#10213f!important}.workspace .lesson-content p{font-size:14px;line-height:1.75;display:block;color:#3e4f66!important}.workspace .console-pane pre{font-size:13px}.workspace .test-status{font-size:10px}.workspace .tabbar button{color:#26384f;font-size:11px;font-weight:600}.workspace .tabbar button.active{color:#332600;font-weight:800}.workspace .notes-pane textarea{color:#172033;background:#fff;font-size:14px}.workspace .assignment b{color:#172033;font-size:13px}.workspace .assignment p{color:#3e4f66;font-size:12px;line-height:1.65}.workspace-layout-control{position:relative}.workspace-layout-control>button{color:#102746;background:#fff;border:1px solid #b9c9dd;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-weight:800;display:flex}.workspace-layout-control svg{width:16px}.layout-popover{z-index:40;color:#102746;background:#fff;border:1px solid #cdd8e6;border-radius:13px;gap:6px;width:230px;padding:12px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 18px 45px #07162f30}.layout-popover>b{padding:5px}.layout-popover button{text-align:left;background:#f3f6fa;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.layout-popover button.active{background:#e7fff7;border-color:#67cbb0}.layout-popover hr{border:0;border-top:1px solid #e1e8f0;width:100%}.panel-hidden{display:none!important}.panel-order-first{order:1}.panel-order-last{order:3}.panel-order-first+.resize-handle,.panel-order-last+.resize-handle{order:2}html[data-theme=dark] .workspace{color:#eaf2ff;background:#081427}html[data-theme=dark] .workspace-top,html[data-theme=dark] .workspace-title,html[data-theme=dark] .lesson-panel,html[data-theme=dark] .notes-pane{color:#eaf2ff;background:#101f34;border-color:#304661}html[data-theme=dark] .layout-popover{color:#fff;background:#12233a;border-color:#40536c}html[data-theme=dark] .layout-popover button{color:#fff;background:#1a304c}
.certificate-admin-loading{justify-content:center;align-items:center;gap:10px;min-height:400px;display:flex}.certificate-admin{gap:16px;display:grid}.certificate-admin>header{color:#fff;background:linear-gradient(120deg,#0b2348,#154c78);border-radius:16px;justify-content:space-between;align-items:end;padding:24px;display:flex}.certificate-admin>header span{color:#ffd35d;letter-spacing:1px;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.certificate-admin>header span svg{width:18px}.certificate-admin>header h2{margin:9px 0 5px;font-size:24px}.certificate-admin>header p{color:#c8d8e9;margin:0;font-size:11px}.certificate-admin>header label{gap:7px;font-size:10px;font-weight:800;display:grid}.certificate-admin select,.certificate-admin input,.certificate-admin textarea{color:#14213a;background:#fff;border:1px solid #d7e0e9;border-radius:9px;outline:0;padding:10px}.certificate-admin select:focus,.certificate-admin input:focus,.certificate-admin textarea:focus{border-color:#d9a621;box-shadow:0 0 0 3px #d9a62122}.certificate-admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.certificate-editor-card,.exam-editor-card{background:#fff;border:1px solid #dce3eb;border-radius:14px;padding:20px}.certificate-admin h3{margin:0 0 15px}.certificate-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.certificate-form-grid label,.exam-editor-card>label{gap:6px;font-size:10px;font-weight:800;display:grid}.certificate-form-grid .wide{grid-column:1/-1}.certificate-form-grid textarea,.exam-editor-card textarea{resize:vertical;min-height:76px}.certificate-preview{--certificate-accent:#d9a621;border:7px double var(--certificate-accent);text-align:center;background:linear-gradient(135deg,#fff,#fffaf0);flex-direction:column;justify-content:center;align-items:center;min-height:330px;margin-top:18px;padding:28px;display:flex;position:relative}.certificate-preview:before,.certificate-preview:after{content:"";border-color:var(--certificate-accent);border-style:solid;width:55px;height:55px;position:absolute}.certificate-preview:before{border-width:2px 0 0 2px;top:10px;left:10px}.certificate-preview:after{border-width:0 2px 2px 0;bottom:10px;right:10px}.certificate-mark{color:#fff;background:#0b2348;border-radius:12px;place-items:center;width:42px;height:42px;font:900 22px Montserrat;display:grid}.certificate-preview>small{letter-spacing:2px;color:#718096;margin-top:10px}.certificate-preview h2{margin:7px;font-size:25px}.certificate-preview h3{color:#0b2348;border-bottom:2px solid var(--certificate-accent);margin:9px;padding:0 22px 6px;font-size:22px}.certificate-preview p{color:#617086;margin:5px;font-size:10px}.certificate-preview>div{justify-content:space-between;width:100%;margin-top:24px;display:flex}.certificate-preview>div span{gap:4px;font-size:9px;display:grid}.certificate-preview>div small{color:#788596}.exam-card-head{justify-content:space-between;display:flex}.exam-card-head p{color:#718096;font-size:10px}.publish-check{align-items:center;gap:7px;display:flex!important}.exam-editor-card>label{margin-top:11px}.exam-questions{gap:10px;margin-top:16px;display:grid}.exam-questions article{background:#fafbfd;border:1px solid #e0e6ed;border-radius:11px;padding:13px}.exam-questions article>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.exam-questions article>header button{color:#b53930;background:#fff0ef;border:0;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.exam-questions article>header svg{width:13px}.exam-questions article>input{width:100%;margin-bottom:8px}.answer-option{grid-template-columns:18px 1fr 18px;align-items:center;gap:6px;margin-top:6px;display:grid}.answer-option>input[type=radio]{padding:0}.answer-option svg{color:#199462;width:15px}.add-question{color:#254467;background:#f5f8fb;border:1px dashed #9baabd;border-radius:9px;align-items:center;gap:6px;margin-top:12px;padding:9px 12px;display:flex}.add-question svg{width:15px}.certificate-admin>footer{background:#fff;border:1px solid #dce3eb;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;font-size:10px;display:flex}.certificate-admin>footer em{color:#087b57;margin-left:auto;font-style:normal}.certificate-admin>footer button{color:#fff;background:#0fb5a5;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:flex}.certificate-admin>footer button svg{width:16px}@media (max-width:1000px){.certificate-admin-grid{grid-template-columns:1fr}}@media (max-width:650px){.certificate-admin>header{flex-direction:column;align-items:stretch;gap:16px}.certificate-form-grid{grid-template-columns:1fr}.certificate-form-grid .wide{grid-column:auto}.certificate-admin>footer{flex-direction:column;align-items:stretch}.certificate-admin>footer em{margin-left:0}}.workspace{position:relative}.completion-overlay{z-index:20;background:#eef3f8;padding:18px;position:absolute;inset:54px 0 0;overflow:auto}.completion-panel{background:#fff;border:1px solid #d8e1eb;border-radius:16px;max-width:1180px;margin:auto;overflow:hidden;box-shadow:0 18px 50px #17355716}.completion-panel>header{border-bottom:1px solid #dce3eb;justify-content:space-between;align-items:center;min-height:58px;padding:8px 14px;display:flex}.completion-panel>header button,.completion-panel>header nav{align-items:center;gap:7px;display:flex}.completion-panel>header button{color:#30435e;background:0 0;border:0;border-radius:8px;padding:9px 12px}.completion-panel>header button svg{width:16px}.completion-panel>header nav button.active{color:#674b00;background:#fff0c4;font-weight:800}.completion-loading{place-items:center;min-height:430px;display:grid}.final-exam{padding:22px}.exam-intro{color:#fff;background:linear-gradient(120deg,#0b2348,#155180);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:20px;display:grid}.exam-intro>svg{background:#ffffff18;border-radius:10px;width:42px;height:42px;padding:10px}.exam-intro small{color:#ffd35d;letter-spacing:1px;font-size:8px}.exam-intro h2{margin:5px 0}.exam-intro p{color:#c8d8e9;margin:0;font-size:10px}.exam-intro>span{font:800 25px Montserrat}.exam-intro>span small{display:block}.completion-locked,.certificate-locked{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.completion-locked>svg,.certificate-locked>svg{color:#9a6800;background:#fff1c8;border-radius:14px;width:52px;height:52px;padding:13px}.completion-locked h3,.certificate-locked h2{margin:14px 0 6px}.completion-locked p,.certificate-locked p{color:#68778c;max-width:520px;line-height:1.7}.completion-locked i{background:#e1e7ee;border-radius:10px;width:min(420px,100%);height:8px;overflow:hidden}.completion-locked i b{background:#0fb5a5;height:100%;display:block}.certificate-locked button{color:#fff;background:#0b2348;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 15px;display:flex}.student-exam-questions{gap:12px;margin-top:16px;display:grid}.student-exam-questions article{border:1px solid #dce3eb;border-radius:11px;padding:16px}.student-exam-questions article>b{margin-bottom:10px;display:block}.student-exam-questions label{cursor:pointer;border:1px solid #e2e7ed;border-radius:8px;align-items:center;gap:9px;margin-top:7px;padding:10px;display:flex}.student-exam-questions label.selected{background:#fff9e8;border-color:#d9a621}.student-exam-questions label span{background:#eef3f8;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.exam-submit-row{justify-content:flex-end;align-items:center;gap:15px;margin-top:15px;display:flex}.exam-submit-row span{color:#68778c;margin-right:auto;font-size:11px}.exam-submit-row button{color:#fff;background:#0fb5a5;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:flex}.exam-submit-row button svg{width:16px}.completion-message{color:#087b57;background:#edf9f4;border-radius:8px;margin-top:12px;padding:10px}.student-certificate-wrap{text-align:center;padding:28px}.student-certificate{--certificate-accent:#d9a621;border:10px double var(--certificate-accent);background:linear-gradient(135deg,#fff,#fff9e8);flex-direction:column;justify-content:center;align-items:center;max-width:900px;min-height:520px;margin:auto;padding:45px;display:flex;position:relative}.student-certificate>small{letter-spacing:3px;color:#718096;margin-top:12px}.student-certificate h1{margin:10px;font-size:38px}.student-certificate h2{color:#0b2348;border-bottom:2px solid var(--certificate-accent);padding:0 35px 8px;font-size:30px}.student-certificate p{color:#617086}.student-certificate>div{justify-content:space-between;width:100%;margin-top:55px;display:flex}.student-certificate>div span{gap:5px;font-size:11px;display:grid}.student-certificate>div small{color:#718096}.student-certificate-wrap>button{color:#fff;background:#0b2348;border:0;border-radius:9px;align-items:center;gap:7px;margin-top:15px;padding:11px 16px;display:inline-flex}@media (max-width:700px){.completion-overlay{padding:8px}.completion-panel>header{flex-direction:column;align-items:stretch}.completion-panel>header nav{overflow:auto}.exam-intro{grid-template-columns:1fr}.exam-intro>span{justify-self:start}.student-certificate{min-height:480px;padding:25px}.student-certificate h1{font-size:28px}.student-certificate>div{flex-direction:column;gap:16px;margin-top:30px}}@media print{body *{visibility:hidden}.student-certificate,.student-certificate *{visibility:visible}.student-certificate{border-width:12px;width:100%;max-width:none;height:100%;position:fixed;inset:0}}
.workspace .lesson-panel{overflow:auto}.workspace .lesson-panel>button.completion-step{background:#f7f9fc;font-weight:800}.workspace .lesson-panel>button.completion-step>svg:last-child{margin-left:auto}.workspace .lesson-panel>button.certificate-step{color:#765300;background:#fff9e8}.workspace .lesson-panel>button.certificate-step span{color:#8a6100;background:#fff0c4}
.certificate-modal-open{overflow:hidden}.certificate-card-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.certificate-card-title h3{margin:0}.certificate-card-title p{color:#6c778a;margin:5px 0 0;font-size:11px}.certificate-card-title>button{color:#fff;white-space:nowrap;background:#0b1d4d;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-weight:800;display:flex}.certificate-card-title>button svg{width:16px}.certificate-preview-canvas{max-width:720px;margin:20px auto 0}.certificate-canvas{aspect-ratio:1.414;isolation:isolate;background:#fffdf8 50%/cover no-repeat;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 35px #07162f24}.certificate-canvas:before,.certificate-canvas:after{content:"";pointer-events:none;z-index:0;position:absolute}.certificate-canvas:before{border:2px solid var(--certificate-accent,#d9a621);inset:3.2%}.certificate-canvas:after{border:1px solid color-mix(in srgb, var(--certificate-accent,#d9a621) 55%, transparent);inset:4.2%}.certificate-canvas-frame{background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--certificate-accent,#d9a621) 14%, transparent), transparent 27%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--certificate-accent,#d9a621) 12%, transparent), transparent 27%);z-index:-1;position:absolute;inset:0}.certificate-layer{z-index:2;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.18;position:absolute;transform:translate(-50%,-50%)}.certificate-layer-image{place-items:center;display:grid}.certificate-layer-image img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.certificate-canvas.is-editable .certificate-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px dashed #0000;border-radius:3px}.certificate-canvas.is-editable .certificate-layer:hover{border-color:#4f92ff99}.certificate-canvas.is-editable .certificate-layer.selected{cursor:grabbing;border:2px solid #2583ff;box-shadow:0 0 0 3px #2583ff28}.certificate-canvas.is-editable .certificate-layer.selected:after{content:"";background:#fff;border:2px solid #2583ff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-5px;right:-5px}.certificate-editor-modal{color:#eef4ff;z-index:500;background:#111927;flex-direction:column;display:flex;position:fixed;inset:0}.certificate-editor-toolbar{background:#07162f;border-bottom:1px solid #294463;flex:none;justify-content:space-between;align-items:center;gap:16px;height:66px;padding:0 18px;display:flex}.certificate-editor-toolbar>div:first-child{align-items:center;gap:10px;display:flex}.certificate-editor-toolbar>div:first-child>svg{color:#ffc83d;width:25px}.certificate-editor-toolbar span{flex-direction:column;display:flex}.certificate-editor-toolbar small{color:#9baac2;margin-top:2px;font-size:10px}.certificate-editor-actions{align-items:center;gap:8px;display:flex}.certificate-editor-actions button{color:#e8effa;background:#122b50;border:1px solid #3a516f;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.certificate-editor-actions button svg{width:15px}.certificate-editor-actions .primary{color:#1a2741;background:#ffc83d;border-color:#ffc83d}.certificate-editor-actions .icon{background:0 0;justify-content:center;width:38px;padding:0}.certificate-editor-body{flex:1;grid-template-columns:230px minmax(560px,1fr) 280px;min-height:0;display:grid}.certificate-layer-panel,.certificate-property-panel{background:#0b1d35;padding:18px;overflow:auto}.certificate-layer-panel{border-right:1px solid #2a405e}.certificate-property-panel{border-left:1px solid #2a405e}.certificate-layer-panel h3,.certificate-property-panel h3{justify-content:space-between;margin:0 0 16px;font-size:13px;display:flex}.certificate-layer-panel h3 span{color:#a9bbd4;background:#213a5c;border-radius:30px;padding:2px 8px;font-size:10px}.certificate-layer-panel>div{gap:5px;display:grid}.certificate-layer-panel>div>button{color:#bfcce0;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:9px;font-size:11px;display:flex}.certificate-layer-panel>div>button svg{width:15px}.certificate-layer-panel>div>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.certificate-layer-panel>div>button.active{color:#fff;background:#17365f;border-color:#376294}.text-layer-icon{text-align:center;width:15px;font:800 13px Georgia}.certificate-layer-panel>p{color:#7f91ab;margin-top:18px;font-size:10px;line-height:1.5}.certificate-stage{background-color:#202b3c;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;place-items:center;min-width:0;min-height:0;padding:34px;display:grid;position:relative}.certificate-stage-inner{width:min(1080px,100%);max-height:calc(100vh - 110px)}.certificate-editor-toast{color:#8ff0cc;background:#133e33;border-radius:8px;padding:9px 14px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0005}.certificate-editor-toast.error{color:#ffc4c9;background:#5a2429}.certificate-property-panel>b{color:#ffc83d;margin-bottom:16px;font-size:12px;display:block}.certificate-property-panel label{color:#aebcd1;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:14px 0;font-size:10px;display:grid}.certificate-property-panel label input[type=range]{accent-color:#ffc83d;grid-column:1/-1;width:100%}.certificate-property-panel label input[type=color]{background:#102744;border:1px solid #405875;border-radius:6px;width:48px;height:32px;padding:2px}.property-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.property-grid label{flex-direction:column;align-items:stretch;gap:5px;display:flex}.property-grid input{color:#fff;background:#102744;border:1px solid #405875;border-radius:6px;width:100%;padding:8px}.property-empty{text-align:center;color:#71839e;align-content:center;place-items:center;min-height:180px;display:grid}.property-empty svg{width:28px}.property-empty p{font-size:11px}.alignment-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.alignment-buttons button{color:#9fb0c7;background:#102744;border:1px solid #405875;border-radius:6px;height:35px}.alignment-buttons button.active{color:#142139;background:#ffc83d;border-color:#ffc83d}.alignment-buttons svg{width:16px}.remove-layer,.remove-background{color:#ffb3bc;background:#351f2a;border:1px solid #8d3d47;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px;font-size:10px;display:flex}.remove-layer svg,.remove-background svg{width:14px}.remove-background{margin-top:24px}.student-certificate{aspect-ratio:auto!important;width:min(1120px,92vw)!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.student-certificate>.certificate-canvas{width:100%}.student-certificate-wrap>.student-certificate:before,.student-certificate-wrap>.student-certificate:after{display:none!important}@media (max-width:1050px){.certificate-editor-body{grid-template-columns:190px minmax(440px,1fr) 240px}.certificate-stage{padding:20px}.certificate-editor-actions button{justify-content:center;width:38px;padding:0;font-size:0}.certificate-editor-actions .primary{width:auto;padding:0 12px;font-size:11px}}@media (max-width:760px){.certificate-editor-toolbar{height:auto;min-height:62px;padding:10px}.certificate-editor-toolbar>div:first-child span small{display:none}.certificate-editor-body{display:block;overflow:auto}.certificate-layer-panel{display:none}.certificate-stage{min-height:54vw;padding:12px}.certificate-property-panel{border:0;border-top:1px solid #2a405e}.certificate-card-title{display:block}.certificate-card-title>button{margin-top:12px}.certificate-canvas .certificate-layer{line-height:1.05}}@media print{body *{visibility:hidden!important}.student-certificate,.student-certificate *{visibility:visible!important}.student-certificate{width:100vw!important;margin:0!important;position:fixed!important;inset:0!important}.student-certificate-wrap>button{display:none!important}}.certificate-property-panel .property-textarea{grid-template-columns:1fr;display:grid}.property-textarea textarea{resize:vertical;color:#fff;min-height:74px;font:inherit;background:#102744;border:1px solid #405875;border-radius:6px;margin-top:6px;padding:9px}.alignment-buttons{margin-bottom:12px}.certificate-editor-actions button:disabled{opacity:.38;cursor:not-allowed}.certificate-editor-actions .shortcut-button.active{color:#142139;background:#ffc83d;border-color:#ffc83d}.certificate-shortcuts{z-index:520;color:#eef4ff;background:#0b1d35;border:1px solid #35506f;border-radius:13px;width:330px;position:fixed;top:74px;right:18px;overflow:hidden;box-shadow:0 20px 60px #0008}.certificate-shortcuts>header{background:#102b4e;border-bottom:1px solid #294463;align-items:center;gap:9px;min-height:62px;padding:11px 13px;display:flex}.certificate-shortcuts>header>svg{color:#ffc83d;width:22px}.certificate-shortcuts>header>div{flex-direction:column;display:flex}.certificate-shortcuts>header small{color:#92a7c1;font-size:10px}.certificate-shortcuts>header button{color:#fff;background:0 0;border:1px solid #3a516f;border-radius:7px;place-items:center;width:31px;height:31px;margin-left:auto;display:grid}.certificate-shortcuts>header button svg{width:15px}.certificate-shortcuts dl{margin:0;padding:8px 13px 13px}.certificate-shortcuts dl>div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.certificate-shortcuts dl>div:last-child{border-bottom:0}.certificate-shortcuts dt{color:#b8c6d9;font-size:11px}.certificate-shortcuts dd{align-items:center;gap:4px;margin:0;display:flex}.certificate-shortcuts kbd,.duplicate-layer kbd{color:#fff;background:#162e4c;border:1px solid #526984;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:24px;height:24px;padding:0 6px;font:700 10px JetBrains Mono,monospace;display:grid}.certificate-shortcuts dd span{color:#7187a3;font-size:9px}.duplicate-layer{color:#dce8f8;background:#102744;border:1px solid #405875;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;padding:9px;font-size:10px;display:flex}.duplicate-layer svg{width:14px}.duplicate-layer kbd{height:20px;margin-left:auto;font-size:8px}@media (max-width:760px){.certificate-shortcuts{width:min(330px,100vw - 20px);top:70px;right:10px}}.certificate-property-panel .property-field-select{grid-template-columns:1fr;gap:6px;display:grid}.property-field-select select{color:#eef4ff;background:#102744;border:1px solid #405875;border-radius:7px;outline:0;width:100%;padding:9px;font-size:10px}.property-field-select optgroup{background:#102744}.property-textarea small{color:#7f91ab;margin-top:7px;font-size:9px;line-height:1.45}.dynamic-preview-note{color:#b9c8dc;background:#102744;border:1px solid #405875;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.dynamic-preview-note>svg{color:#ffc83d;width:18px}.dynamic-preview-note span{flex-direction:column;gap:3px;display:flex}.dynamic-preview-note b{color:#fff;font-size:10px}.dynamic-preview-note small{font-size:8px;line-height:1.4}
.payment-integrations{background:#f8fafc;border:1px solid #dfe5ec;border-radius:15px;margin-top:18px;padding:16px}.payment-integrations>header{justify-content:space-between;align-items:center;padding:0 2px 14px;display:flex}.payment-integrations>header>div{align-items:center;gap:10px;display:flex}.payment-integrations>header>div>svg{color:#ffc83d;background:#0b1d4d;border-radius:9px;width:34px;height:34px;padding:8px}.payment-integrations>header span{flex-direction:column;display:flex}.payment-integrations>header b{font-size:12px}.payment-integrations>header small{color:#6e7a8b;margin-top:3px;font-size:8px}.payment-security{color:#087b59;background:#ddf7ec;border-radius:20px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;flex-direction:row!important;display:flex!important}.payment-security svg{width:13px}.payment-provider-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.payment-provider-card{background:#fff;border:1px solid #dde4ec;border-radius:13px;gap:11px;padding:16px;display:grid}.payment-provider-card.configured{border-color:#9bdac4;box-shadow:inset 0 3px #20b77c}.provider-title{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding-bottom:10px;display:flex}.provider-title>span{color:#fff;background:linear-gradient(135deg,#0b2a58,#2679c9);border-radius:11px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.provider-title>div{flex-direction:column;display:flex}.provider-title h3{margin:0;font-size:14px}.provider-title small{color:#b34333;align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.configured .provider-title small{color:#07845d}.provider-title small svg{width:12px}.provider-title select{background:#f8fafc;border:1px solid #d9e0e8;border-radius:7px;margin-left:auto;padding:7px;font-size:9px}.payment-provider-card>label{gap:5px;font-size:9px;font-weight:700;display:grid;position:relative}.payment-provider-card>label>em{color:#07845d;font-size:7px;font-style:normal;position:absolute;top:0;right:0}.payment-provider-card input{background:#fff;border:1px solid #d8e0e9;border-radius:8px;outline:0;width:100%;padding:10px;font-size:9px}.payment-provider-card input:read-only{color:#687587;background:#f3f5f8}.secret-input{display:flex;position:relative}.secret-input input{padding-right:40px}.secret-input button{color:#738095;background:0 0;border:0;width:34px;height:30px;position:absolute;top:3px;right:3px}.secret-input svg{width:15px}.provider-test-state{background:#f3f6f9;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.provider-test-state>svg{color:#8090a5;width:20px}.configured .provider-test-state>svg{color:#148b66}.provider-test-state span{flex-direction:column;display:flex}.provider-test-state b{font-size:9px}.provider-test-state small{color:#748093;margin-top:3px;font-size:7px}.provider-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:6px;padding-top:11px;display:flex}.provider-actions button{color:#34445c;background:#fff;border:1px solid #d7dfe8;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.provider-actions button svg{width:13px}.provider-actions button.primary{color:#fff;background:#0b1d4d;border-color:#0b1d4d}.provider-actions button.danger{color:#ae3c2c;background:#fff4f1;border-color:#f0c5be;margin-right:auto}.provider-actions button:disabled{opacity:.45}.payment-config-message{color:#174f8d;background:#edf5ff;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:9px}.payment-config-loading{color:#6d798a;border:1px solid #dfe5ec;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:30px;font-size:10px;display:flex}.payment-config-loading svg{width:17px}@media (max-width:900px){.payment-provider-grid{grid-template-columns:1fr}}@media (max-width:600px){.payment-integrations>header{align-items:flex-start}.payment-security{display:none!important}.provider-actions{flex-wrap:wrap}.provider-actions button{flex:1;justify-content:center}.provider-actions button.danger{margin-right:0}}