@charset "UTF-8";.admin-layout .ant-layout-sider{position:sticky;top:0;height:100vh;overflow-y:auto}.admin-layout .ant-layout-header{position:sticky;top:0;z-index:1}.admin-layout .ant-layout-content{margin-top:34px!important;padding:0 34px 34px!important;background:transparent!important}.user-profile .ant-modal-close,.user-profile .ant-modal-header{display:none}.user-profile .ant-modal-body{min-height:200px}.user-profile .ant-tabs-content-holder{margin-top:10px}.course-header{display:flex;align-items:center;height:60px;width:100%;box-sizing:border-box;background-color:#2d2f31;color:#fff}.course-header__icon{width:40px;padding-left:20px;margin-right:1px;opacity:.7;font-size:32px}.course-header__divider{padding-left:25px;margin-right:35px;border-right:1px solid gray;height:20px}.course-header__title{font-size:16px;font-weight:700;opacity:.9}.course-header__menu{margin-left:auto}.course-header__menu-icon{transform:rotate(90deg);font-size:20px;margin-right:20px;padding:3px;cursor:pointer}.lesson-content__container{margin-bottom:70px;box-sizing:border-box;min-height:100vh;line-height:1.6;font-size:16px;color:#333}.lesson-content__wrapper{margin:auto;padding-left:8%;padding-right:8%;max-width:1200px}.lesson-content__title{margin-top:24px;margin-bottom:24px;font-weight:600;opacity:.9}.lesson-content__container pre{margin-top:16px;margin-bottom:35px;border:1px solid #e3e3e3;border-radius:6px;background-color:#f6f8fa!important}.lesson-content__container code{box-sizing:border-box;border-radius:6px!important;padding:15px 22px!important;display:block;background-color:#f6f8fa!important;overflow-x:auto;line-height:1.6!important;font-size:15px!important;font-weight:400;font-family:JetBrains Mono,Fira Code,monospace!important;font-variant-ligatures:none}.lesson-content__container .copy-btn{border:none;background-color:transparent;cursor:pointer;opacity:.8}.lesson-content__container .copy-btn:hover{color:#00f}.lesson-content__container h1,.lesson-content__container h2,.lesson-content__container h3,.lesson-content__container h4,.lesson-content__container h5,.lesson-content__container h6{font-weight:600;line-height:1.3;margin:1.2em 0 .5em}.lesson-content__container h1{font-size:2rem}.lesson-content__container h2{font-size:1.75rem}.lesson-content__container h3{font-size:1.5rem}.lesson-content__container h4{font-size:1.25rem}.lesson-content__container p{margin:0 0 1em}.lesson-content__container ul,.lesson-content__container ol{margin:0 0 1em .7em;padding-left:1.5em}.lesson-content__container p+ul,.lesson-content__container p+ol{margin-top:-7px}.lesson-content__container ul:has(+.code-container),.lesson-content__container ol:has(+.code-container){margin-bottom:30px!important}.lesson-content__container li{margin-bottom:.1em}.lesson-content__container a{color:#1677ff;text-decoration:underline}.lesson-content__container strong{font-weight:600}.lesson-content__container img{max-width:100%;margin:1em 0;border-radius:6px}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.lesson-content__meta{margin-top:30px}.lesson-content__label{margin-top:16px;margin-bottom:6px;display:block;text-align:left;font-size:15px}.lesson-content__label span{color:red}.lesson-content__input{font-size:15px}.lesson-content__quill-editor{position:relative!important;margin:30px auto 35px;min-width:600px;color:#333;text-align:center}.lesson-content__quill-editor .ql-toolbar{position:sticky;top:0;width:100%;background-color:#fff;z-index:1}.lesson-content__quill-editor .ql-snow .ql-editor pre.ql-syntax{overflow:auto}.lesson-content__quill-editor .ql-editor{min-height:400px!important;width:100%;font-size:16px!important}.lesson-content__quill-editor .ql-editor pre.ql-syntax{margin-top:16px;margin-bottom:35px;border-radius:6px;padding:15px 22px;white-space:pre;color:#000;line-height:1.6;font-size:15px;font-weight:400;font-family:JetBrains Mono,Fira Code,monospace;font-variant-ligatures:none}.lesson-content__quill-editor .ql-editor pre.ql-syntax:has(code){padding:0}.lesson-content__container .ql-editor h1,.lesson-content__container .ql-editor h2,.lesson-content__container .ql-editor h3,.lesson-content__container .ql-editor h4,.lesson-content__container .ql-editor h5,.lesson-content__container .ql-editor h6{font-weight:600;line-height:1.3;margin:1.2em 0 .5em}.lesson-content__container .ql-editor h1{font-size:2rem}.lesson-content__container .ql-editor h2{font-size:1.75rem}.lesson-content__container .ql-editor h3{font-size:1.5rem}.lesson-content__container .ql-editor h4{font-size:1.25rem}.lesson-content__container .ql-editor p{margin:0 0 1em}.lesson-content__container .ql-editor ul,.lesson-content__container .ql-editor ol{margin:0 0 1em .5em;padding-left:1.5em}.lesson-content__container .ql-editor p+ul,.lesson-content__container .ql-editor p+ol{margin-top:-7px}.lesson-content__container .ql-editor ul:has(+pre),.lesson-content__container .ql-editor ol:has(+pre){margin-bottom:30px!important}.lesson-content__container .ql-editor li{margin-bottom:.1em;padding-left:0!important}.lesson-content__container .ql-editor a{color:#1677ff;text-decoration:underline}.lesson-content__container .ql-editor strong{font-weight:600}.lesson-content__container .ql-editor img{max-width:100%;margin:1em 0;border-radius:6px}.lesson-content__save-button{margin-bottom:15px}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.course-left-btn{position:fixed;opacity:1;border:1px solid #8a8a8a;border-radius:2px;left:0;top:50%;transform:translateY(-50%);height:55px;width:30px;z-index:50;cursor:pointer}.course-left-btn .course-left-btn-icon{position:absolute;left:1px;top:50%;transform:translateY(-50%);z-index:50;font-size:27px;color:#8a8a8a}.course-left-btn:hover{border-color:#6d28d2;opacity:.7!important}.course-left-btn:hover .course-left-btn-icon{color:#6d28d2;opacity:1!important}.course-right-btn{position:fixed;opacity:1;border:1px solid #8a8a8a;border-radius:2px;top:50%;transform:translateY(-50%);height:55px;width:30px;z-index:50;cursor:pointer}.course-right-btn .course-right-btn-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:50;left:2px;font-size:27px;color:#8a8a8a}.course-right-btn:hover{border-color:#6d28d2}.course-right-btn:hover .course-right-btn-icon{color:#6d28d2;opacity:.7!important}.lesson-content__container:hover .course-left-btn,.lesson-content__container:hover .course-right-btn{opacity:.8;visibility:visible;transition:opacity .2s ease-out}.lesson-content__container:not(:hover) .course-left-btn{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s}.lesson-content__container:not(:hover) .course-right-btn{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s}.course-learning-page{min-height:100vh}.show-sidebar-btn{position:fixed;top:120px;right:-128px;display:flex;align-items:center;gap:7px;background-color:#2d2f31;border:1px solid #6a6f73;border-radius:4px;color:#fff;padding:9px 30px 9px 11px;line-height:30px;transition:right .3s ease,opacity .3s ease;z-index:50}.show-sidebar-btn .show-sidebar-button__text{opacity:0;font-size:15px;font-weight:700;transition:opacity .3s ease;z-index:50}.show-sidebar-btn:hover{cursor:pointer;right:-10px;background-color:#404143}.show-sidebar-btn:hover .show-sidebar-button__text{opacity:.9}.show-sidebar-button__icon{font-size:18px}.sidebar{width:30%;position:fixed;right:0;z-index:10;box-sizing:border-box;border-left:1px solid #cccccc;background-color:#f7f9fa}.sidebar__header{width:calc(100% + .5px);height:55px;line-height:55px;background:#fff;box-sizing:border-box;border:1px solid #cccccc}.sidebar__title{margin:-2px 0 0;text-align:center;font-weight:500;font-size:17px;color:#333}.sidebar__body{width:100%;box-sizing:border-box;overflow-y:auto;background:#fff}.sidebar__content{width:100%;box-sizing:border-box;padding-left:1px;background-color:#f7f9fa;overflow-x:hidden}.course-learning-page .sidebar__header{display:flex;justify-items:center;justify-content:space-between;padding-left:10px;padding-right:8px}.course-learning-page .sidebar__close-btn{border-radius:4px;padding:9px;font-size:14px;font-weight:500;opacity:.8}.course-learning-page .sidebar__close-btn:hover{cursor:pointer;opacity:1;background-color:#f1f1f1}.sidebar__chapter{border-bottom:1px solid #cccccc}.sidebar__chapter-title{background-color:#f7f9fa;padding-top:8px;position:relative;padding-left:10px;padding-right:35px;font-weight:500;color:#333}.sidebar__chapter-title .down-arrrow{position:absolute;top:12px;right:12px}.sidebar__chapter-title .up-arrow{position:absolute;top:13px;right:12px}.sidebar__chapter-body{background-color:#fff}.sidebar__lesson-list{list-style-type:none;margin:0;padding:0}.course-learning-page .sidebar__chapter-title{padding-top:14px!important;padding-bottom:16px!important;padding-right:42px;min-height:38px;padding-right:44px!important}.course-learning-page .down-arrrow{top:17px}.course-learning-page .up-arrow{top:18px}.course-management-page .sidebar__chapter-action{display:flex;justify-content:right;margin-left:-8px;margin-right:-36px}.course-management-page .sidebar__chapter-action span{padding:10px;cursor:pointer;font-size:14px;opacity:.7}.course-management-page .sidebar__chapter-action .delete:hover{color:red;opacity:1}.course-management-page .sidebar__chapter-action .delete,.course-management-page .sidebar__chapter-action .edit{margin-right:5px}.course-management-page .sidebar__chapter-action .edit:hover{color:orange;opacity:1}.course-management-page .sidebar__chapter-action .add{margin-right:5px}.course-management-page .sidebar__chapter-action .add:hover{color:#6d28d2;opacity:1}.course-management-page .is-deleting{background-color:#55585b!important;color:#fff!important}.course-management-page .is-deleting .delete{opacity:1!important;color:red}.popover--confirm-delete{right:30vw!important}.item__popover-btn:hover{background:#f5f5f5}.item__popover{display:flex;gap:15px;margin-top:15px}.item__popover-btn{padding:4px 12px;cursor:pointer;border:1px solid #d9d9d9;background:#fff;border-radius:4px;transition:all .2s}.sidebar__lesson{position:relative;min-height:57px;padding:10px 24px 0 10px;box-sizing:border-box}.sidebar__lesson:first-child{border-top:1px solid #e2e2ef}.sidebar__lesson:not(:last-child){border-bottom:1px solid #e2e2ef}.sidebar__lesson:hover{background-color:#e2e2ef;cursor:pointer}.sidebar__lesson-title{line-height:1.4;font-size:16px;color:#333}.sidebar__lesson--active{background-color:#e2e2ef}.course-learning-page .sidebar__lesson{padding-right:68px;padding-bottom:15px}.course-learning-page .sidebar__lesson-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-learning-page .sidebar__lesson-video{position:absolute;right:7px;bottom:7px;padding:1px 7px;border:.5px solid #6d28d2;border-radius:2px;font-size:13px;color:#6d28d2}.course-learning-page .sidebar__lesson-video:hover{opacity:.85}.course-management-page .sidebar__lesson-actions{display:flex;justify-content:right;align-items:center;font-size:14px;margin-right:-24px}.course-management-page .sidebar__lesson-actions span{padding:8px;opacity:.7}.course-management-page .sidebar__lesson-actions .add:hover{color:#6d28d2}.course-management-page .sidebar__lesson-actions .edit:hover{opacity:1;color:orange}.course-management-page .sidebar__lesson-actions .copy:hover{color:purple}.course-management-page .sidebar__lesson-actions .delete{margin-right:5px}.course-management-page .sidebar__lesson-actions .delete:hover{opacity:1;color:red}.course-management-page .sidebar__lesson-actions .video{margin-left:8px;margin-right:5px}.course-management-page .sidebar__lesson-actions .video:hover{opacity:1;color:green}pre,code{-moz-tab-size:4;tab-size:4}.course-browser .course-browser__container{display:flex;box-sizing:border-box;gap:24px}.course-browser .course-browser__filter{width:265px;flex-shrink:0;margin-right:18px}.course-browser .filter-form{position:sticky;top:90px;margin-top:-1px;border:1px solid rgba(16,24,40,.12);border-radius:5px;box-shadow:0 0 18px #0c0c0c1f;padding:20px 18px;max-height:calc(100vh - 110px);overflow-y:auto}.course-browser .filter-form__title{font-size:17px;font-weight:600;margin-bottom:18px}.course-browser .filter-form__item{margin-bottom:0!important}.course-browser .filter-form__option{font-size:16px;font-weight:500;margin-bottom:14px;padding-left:10px}.course-browser .filter-form__option .filter-form__checkbox .ant-checkbox{width:17px;height:17px;border:1.5px solid #2d2f31!important;border-radius:2px;margin-right:5px}.course-browser .filter-form__option .ant-checkbox-checked{background-color:#2d2f31!important}.course-browser .course-browser__content{flex:1}.course-browser .course-browser__layout{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;margin-bottom:36px;row-gap:40px}.course-browser .course-item{box-sizing:border-box;padding-left:15px;padding-right:15px;width:33.3333333333%}.course-browser .course-card{overflow:hidden;border:1px solid rgba(16,24,40,.12);box-shadow:0 0 18px #1018281f;background-color:#fff;border-radius:5px 5px 15px 15px;height:360px}.course-browser .course-card .ant-card-cover{margin:0!important;border-radius:0}.course-browser .course-card .ant-card-body{padding:0!important}.course-browser .course-card__cover{height:165px;border-radius:0!important;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}.course-browser .course-card__body{display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px 0;height:125px}.course-browser .course-card__title-wrapper{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.course-browser .course-card__title{font-size:17px;font-weight:400;line-height:1.45;cursor:pointer;transition:color .2s ease}.course-browser .course-card__title:hover{color:#3b82f6;text-decoration:underline}.course-browser .course-card__skills{display:flex;gap:8px;overflow:hidden}.course-browser .course-card__skill{padding:2px 8px;background-color:#f2f4f7;border:1px solid #e4e7ec;border-radius:2px;color:#475467;font-size:12px;font-weight:600;white-space:nowrap}.course-browser .course-card__footer{padding:0 16px 16px;display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#1e2024;cursor:pointer;transition:color .2s ease}.course-browser .course-card__footer span{font-size:15px;font-weight:400}.course-browser .course-card__footer svg{font-size:15px;transition:transform .3s ease}.course-browser .course-card__footer:hover{color:#3b82f6}@media (max-width: 1024px){.course-browser .course-item{width:50%}.course-browser .course-browser__filter{width:240px;margin-right:6px}}@media (max-width: 768px){.course-browser .course-browser__container{flex-direction:column}.course-browser .course-browser__filter{width:100%;margin-top:10px;margin-right:0;margin-bottom:16px}.course-browser .filter-form{position:static;max-height:unset}.course-browser .course-item{width:100%}}.list-toolbar{padding:15px;height:60px;line-height:60px;background:#fff;border-radius:7px;box-shadow:1px 1px 5px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-layout__content .course-page .course__list-toolbar-top{position:sticky;top:64px;z-index:1;margin-top:-34px;height:34px;background-color:#f5f5f5}.admin-layout__content .course-page .list-toolbar{margin-top:-34px;position:sticky;top:98px;z-index:1;border-radius:0;border-bottom:1px solid #dcdcdc}.admin-layout__content .course-page__grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-top:56px;margin-left:-8px;margin-right:-8px;row-gap:24px}.admin-layout__content .course-page__item{width:25%;flex-wrap:wrap;padding-left:8px;padding-right:8px}.admin-layout__content .course-page__item .ant-card{padding:1px;border:1px solid #e0dddd}.admin-layout__content .course-page__item .course-card{width:100%}.admin-layout__content .course-card__cover{width:100%;min-height:120px;aspect-ratio:100/60;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:7px 7px 0 0;cursor:pointer}.admin-layout__content .course-card__body{margin:-10px -24px 28px;height:130px;padding-left:10px;padding-right:10px}.admin-layout__content .course-card__title-wrapper{margin-bottom:15px;height:80px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-layout__content .course-card__title{font-family:Roboto,sans-serif;font-size:18px;font-weight:400}.admin-layout__content .course-card__title:hover{color:#007fff;cursor:pointer}.admin-layout__content .course-card__skills{margin-top:25px;font-weight:600;opacity:.7;display:flex;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;column-gap:5px}.admin-layout__content .course-card__skill{background:#979693;line-height:14px;margin-right:1px;padding:5px;font-size:12px}.admin-layout__content .course-card__switch{position:absolute;left:12px;bottom:12px;width:48px;border-radius:15px}.admin-layout__content .course-card__edit{position:absolute;left:75px;bottom:12px;height:22px;width:48px;border-radius:15px;font-size:11px;font-weight:700;color:#fff;background-color:#ff8a33;border:1.5px solid #D9772D;transition:background-color .3s ease,border-color .3s ease}.admin-layout__content .course-card__edit:hover{color:#f2f2f2;background-color:#ff8a33;border:1.5px solid #D9772D;opacity:.9}.admin-layout__content .course-card__delete{position:absolute;right:8px;bottom:12px;font-size:22px;color:#ec4949;opacity:.7;cursor:pointer;padding:0 5px}.admin-layout__content .course-card__delete:hover{right:7px;bottom:12px;color:red;opacity:1;font-size:24px}.admin-layout__content .course-card__delete--active{right:7px;bottom:12px;color:#ec4949;opacity:.9;font-size:24px}.course-card__popover{display:flex;gap:15px;margin-top:15px}.course-card__popover-btn{padding:4px 12px;cursor:pointer;border:1px solid #d9d9d9;background:#fff;border-radius:4px;transition:all .2s}.course-card__popover-btn:hover{background:#f5f5f5}.antd-table-custom{box-shadow:1px 1px 5px #0000001a}.antd-table-custom .table-edit-btn,.antd-table-custom .table-delete-btn{background:none;border:none;padding:1px 10px;margin-left:15px;cursor:pointer}.antd-table-custom .table-edit-btn svg,.antd-table-custom .table-delete-btn svg{font-size:16px}.antd-table-custom .table-edit-btn{background:none}.antd-table-custom .table-edit-btn:hover svg{color:orange}.antd-table-custom .table-delete-btn{background:none}.antd-table-custom .table-delete-btn:hover svg{color:red}.course-management-page{min-height:100vh}.main-header{position:sticky;top:0;z-index:100;height:60px;background:#fff;border-bottom:1px solid #e8ebed;box-shadow:0 2px 10px #0f172a14}.main-header__container{display:flex;align-items:center;max-width:1152px;height:60px;margin:0 auto;padding:0 24px}.main-header__brand{padding-left:8px;margin-right:90px;transition:opacity .2s ease;display:flex;align-items:center;gap:7px;cursor:pointer}.main-header__brand:hover{opacity:.85}.main-header__logo-img{width:24px;margin-top:-4px}.main-header__brand-text{font-size:17px;font-weight:500;color:#111827;letter-spacing:-.2px;text-transform:uppercase;opacity:.9}.main-header__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.main-header__menu::-webkit-scrollbar{display:none}.main-header__menu-item{position:relative;height:100%;display:flex;align-items:center;padding:0 18px;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.main-header__menu-item:hover{background-color:#f5f7f9}.main-header__menu-text{font-size:14px;font-weight:500;color:#4b5563;transition:color .2s ease,opacity .2s ease}.main-header__menu-text--active{color:#111827;font-weight:600}.main-header__menu-item:has(.main-header__menu-text--active){background-color:#f7f9fa}@media (max-width: 768px){.main-header__container{padding:0 12px}.main-header__brand{display:none}}.main-layout{background-color:#fff}.main-layout__content{margin:29px auto 0;padding:0 24px;max-width:1152px;min-height:calc(100vh - 70px)}@media (max-width: 768px){.main-layout__content{padding:0 12px}}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#5f9cff,#8a63d2)}.login-card{margin-top:-150px;width:360px;padding:40px 30px;border-radius:20px;background:#f2f2f2;box-shadow:0 10px 25px #00000026;text-align:center}.login-title{margin-bottom:30px!important}.custom-input{border-radius:20px!important;padding:10px 15px!important;background:#e6e6e6!important;border:none!important;box-shadow:inset 2px 2px 5px #cfcfcf,inset -2px -2px 5px #fff}.login-btn{border-radius:25px!important;height:40px;background:linear-gradient(135deg,#a18cd1,#fbc2eb)!important;border:none!important;color:#fff;font-weight:700;box-shadow:0 5px 15px #0003}.signup-text{display:block;margin-top:20px;color:#666;cursor:pointer}:root{font-family:Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0 auto;padding:0;box-sizing:border-box}