@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#17273d;background:#f4f6f9;margin:0;font-family:DM Sans,sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#17273d;flex-direction:column;flex-shrink:0;width:300px;padding:32px 23px;display:flex}.brand{letter-spacing:3px;align-items:center;gap:12px;margin-bottom:44px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;display:flex}.brand-mark{color:#17273d;background:#a8f06a;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand-sub{letter-spacing:3px;color:#acbacd;margin-top:3px;font-size:10px;display:block}.course-label,.eyebrow,.section-kicker{letter-spacing:1.7px;font-size:12px;font-weight:700}.course-label{color:#8c9db5}.sidebar h1{margin:12px 0 26px;font-family:Manrope,sans-serif;font-size:23px;font-weight:700;line-height:1.4}.progress-info{color:#c4cfdf;justify-content:space-between;font-size:14px;display:flex}.progress-info strong{color:#a8f06a}.progress-track{background:#35435a;border-radius:4px;height:5px;margin-top:12px;overflow:hidden}.progress-track div{background:#a8f06a;height:100%;transition:width .3s}.progress-detail{color:#8c9db5;margin:10px 0 28px;font-size:12px}.outline-label{align-items:center;gap:9px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.lesson-link{color:#bcc8d9;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px 10px;display:flex}.lesson-link:hover{background:#24354e}.lesson-link.active{color:#17273d;background:#a8f06a}.lesson-num{background:#26374f;border-radius:7px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:13px;display:grid}.active .lesson-num{background:#8ed650}.lesson-name{overflow-wrap:anywhere;font-size:14px;font-weight:600}.lesson-name small{color:#8c9db5;margin-top:4px;font-size:12px;font-weight:400;display:block}.active .lesson-name small{color:#355621}.current-dot{background:#17273d;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.logout{color:#a5b3c9;border-top:1px solid #304057;align-items:center;gap:10px;margin-top:25px;padding:18px 10px;font-size:14px;display:flex}.main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e0e5ed;justify-content:space-between;align-items:center;gap:15px;height:86px;padding:0 48px;display:flex}.breadcrumb{color:#68788d;font-size:14px}.breadcrumb span{color:#bdc6d3;margin:0 12px}.manage{color:#475870;background:#fff;border:1px solid #dce3eb;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.content{max-width:1130px;margin:auto;padding:42px 48px 25px}.eyebrow{color:#718096;letter-spacing:1.3px;font-size:11px}.title-row{justify-content:space-between;align-items:center;gap:18px;margin:14px 0 25px;display:flex}h2{letter-spacing:-1px;overflow-wrap:anywhere;margin:0;font-family:Manrope,sans-serif;font-size:34px;line-height:1.3}.lesson-counter{white-space:nowrap;font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.lesson-counter span{color:#a7b2c1;font-size:16px}.player{aspect-ratio:16/9;background:#142137;border-radius:14px;overflow:hidden;box-shadow:0 16px 36px #17273d14}.player video{background:#090f19;width:100%;height:100%;display:block}.player-empty{color:#fff;text-align:center;background:radial-gradient(at 50% 30%,#2c4160 0,#142137 75%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.play-ring{color:#a8f06a;background:#ffffff08;border:1px solid #7d8fa8;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:20px;display:grid}.player h3{margin:0 0 11px;font-family:Manrope,sans-serif;font-size:23px;font-weight:600}.player p{color:#adbbce;margin:0;font-size:14px}.empty-label{color:#91a2bb;align-items:center;gap:8px;margin-top:28px;font-size:12px;display:flex}.under-player{border-bottom:1px solid #dfe5ed;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex}.video-status{color:#75849a;align-items:center;gap:7px;font-size:13px;display:flex}.complete{color:#34445d;background:#fff;border:1px solid #d2dbe6;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:14px;display:flex}.completed{color:#315c20;background:#e1f5d3;border-color:#b7d8a4}.about{padding:29px 0 35px}.section-kicker{color:#8190a3;font-size:11px}.about p{color:#65748a;white-space:pre-wrap;margin:12px 0 0;line-height:1.8}.lesson-navigation{border-top:1px solid #dfe5ed;justify-content:space-between;gap:15px;padding-top:25px;display:flex}.lesson-navigation button{color:#263954;text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:7px 0;display:flex}.lesson-navigation button:last-child{text-align:right}.lesson-navigation small{letter-spacing:1.6px;color:#8a98aa;margin-bottom:6px;font-size:10px;display:block}.lesson-navigation span{font-size:14px;font-weight:600}footer{color:#94a0b0;border-top:1px solid #e1e6ee;justify-content:space-between;gap:15px;margin-top:35px;padding-top:22px;font-size:12px;display:flex}.editor{background:#fff;border:1px solid #d5deea;border-radius:12px;margin-top:20px;padding:25px}.editor-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.editor h3{margin:0;font-size:18px}.editor-head button{background:0 0;border:0}.editor label{margin-bottom:16px;font-size:14px;font-weight:600;display:block}.editor input:not([type=file]),.editor textarea{color:#17273d;background:#f9fafc;border:1px solid #ced7e4;border-radius:7px;width:100%;margin-top:8px;padding:12px;display:block}.upload-label{border:1px dashed #afbed1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex!important}.upload-label small{color:#7a899c;margin-top:4px;font-size:12px;font-weight:400;display:block}.upload-label input{width:100%;margin-top:10px;font-size:14px}.save{color:#fff;background:#17273d;border:0;border-radius:8px;padding:12px 20px}.error,.success{border-radius:8px;margin-top:16px;padding:14px;font-size:14px}.error{color:#a12323;background:#ffeded}.success{color:#355c25;background:#e8f5e2}.closed{max-width:700px;margin:auto;padding:70px 25px}.closed h1{font-size:28px}.closed a{text-decoration:underline}@media (min-width:1500px){.content{padding-top:55px}.sidebar{width:320px}}@media (max-width:1000px){.sidebar{width:245px;padding:27px 16px}.content{padding:30px 26px}header{padding:0 26px}h2{font-size:29px}.player h3{font-size:20px}.play-ring{width:65px;height:65px}}@media (max-width:700px){.shell{display:block}.sidebar{width:100%;padding:22px 20px}.brand{margin-bottom:23px}.sidebar h1{margin:10px 0 18px;font-size:22px}.sidebar h1 br{display:none}.sidebar h1 br:after{content:" "}.progress-detail{margin-bottom:18px}.outline-label{margin-bottom:10px}.sidebar nav{gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.lesson-link{flex-shrink:0;width:155px}.lesson-name{max-width:105px}.current-dot{display:none}.logout{border:0;align-self:flex-end;margin:14px 0 0;padding:12px 0 0;font-size:13px}.brand-sub{font-size:10px}header{height:72px;padding:0 20px}.breadcrumb{font-size:12px}.breadcrumb span{margin:0 5px}.manage{padding:9px;font-size:12px}.content{padding:27px 20px}.eyebrow{font-size:10px;line-height:1.7}h2{font-size:27px}.title-row{margin-top:12px}.player{aspect-ratio:4/3}.player h3{font-size:18px}.player p{max-width:230px;font-size:13px}.play-ring{width:55px;height:55px;margin-bottom:15px}.empty-label{margin-top:20px;font-size:11px}.under-player{align-items:flex-start}.complete{padding:10px;font-size:12px}.video-status{padding-top:10px;font-size:12px}footer{line-height:1.6;display:block}footer span{display:block}.editor{padding:18px}.about p{font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.player iframe{background:#090f19;border:0;width:100%;height:100%;display:block}