.course-hero{background:linear-gradient(135deg,#eafff9,#fff)}.course-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.course-card{background:#fff;border:1px solid #dceae6;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #134e3a12}.course-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef7f4}.course-card-body{padding:20px;display:grid;gap:11px}.course-card h2{font-size:1.25rem;margin:0}.course-card p{margin:0;color:#52615c}.course-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-card progress,.lesson-sidebar progress{width:100%;accent-color:#20b98b}.course-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#fff;border:1px dashed #b9d8cf;border-radius:20px}.learning-page{margin:0;background:#f3f7f6}.learning-header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce7e3}.learning-header a{text-decoration:none;color:#173b31}.learning-page main{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 65px)}.lesson-sidebar{background:#fff;border-right:1px solid #dce7e3;padding:22px 14px;overflow:auto}.lesson-sidebar>div{padding:0 10px 18px}.lesson-sidebar h1{font-size:1.18rem}.lesson-link{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:12px;border-radius:12px;cursor:pointer}.lesson-link:hover,.lesson-link.active{background:#e9faf5}.lesson-link i{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#e4ece9;font-style:normal}.lesson-link.done i{background:#20b98b;color:#fff}.lesson-link span{display:grid;gap:3px}.lesson-link small{color:#6c7975}.lesson-content{padding:30px;max-width:1100px;width:100%;margin:0 auto}.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.lesson-heading h2{margin:4px 0}.lesson-heading button{white-space:nowrap}.lesson-media{display:grid;gap:24px}.lesson-content video{width:100%;max-height:70vh;background:#111;border-radius:16px;margin-top:20px}.lesson-pdf{width:100%;height:75vh;border:1px solid #cedbd7;border-radius:16px;background:#fff;margin-top:20px}.learning-loading,.learning-error{margin:auto;padding:50px;text-align:center}.learning-error{display:grid;gap:18px}.course-admin-shell{max-width:1200px;margin:30px auto;padding:0 20px}.course-admin-grid{display:grid;grid-template-columns:380px 1fr;gap:24px}.course-admin-card{background:#fff;border:1px solid #dce7e3;border-radius:18px;padding:20px}.course-admin-form{display:grid;gap:13px}.course-admin-form label{display:grid;gap:6px}.course-admin-form input,.course-admin-form textarea,.course-admin-form select{width:100%;box-sizing:border-box}.admin-course-list{display:grid;gap:12px}.admin-course-item{border:1px solid #dce7e3;border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.lesson-admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #e6efec}@media(max-width:760px){.course-toolbar,.lesson-heading{align-items:stretch;flex-direction:column}.learning-page main{display:block}.lesson-sidebar{border-right:0;border-bottom:1px solid #dce7e3;max-height:38vh}.lesson-content{box-sizing:border-box;padding:20px 14px}.lesson-pdf{height:62vh}.course-admin-grid{grid-template-columns:1fr}}
.course-platform-filters{display:flex;gap:8px;overflow:auto;margin:0 0 20px;padding-bottom:7px}.course-platform-filters button{white-space:nowrap;padding:9px 14px;border:1px solid #9ed8d3;border-radius:999px;background:#fff;color:#08756f;font-weight:800;cursor:pointer}.course-platform-filters button.active{background:#087d76;color:#fff}.course-tag-row{display:flex;gap:5px;flex-wrap:wrap}.course-tag-row span{padding:4px 8px;border-radius:999px;background:#e9f9f7;color:#08756f;font-size:11px;font-weight:800}
.progress-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4b615a}.progress-line b{font-size:1.12rem;color:#087d76}.lesson-save-actions{display:grid;justify-items:end;gap:7px}.save-state{font-size:12px;color:#61736d}.save-state.saved{color:#087d76}.save-state.error{color:#b42318}.lesson-pager{display:flex;justify-content:space-between;gap:12px;margin:26px 0}.lesson-pager button{padding:11px 16px}.lesson-pager button:disabled{opacity:.4;cursor:not-allowed}.lesson-menu-toggle,.lesson-menu-backdrop{display:none}.course-notice{display:grid;gap:3px;margin:0 0 20px;padding:16px 18px;border-radius:14px}.course-notice.success{background:#e7faf3;border:1px solid #8ed8bf;color:#075f45}.course-notice.pending{background:#fff7df;border:1px solid #eed28c;color:#795b00}
@media(max-width:760px){.lesson-sidebar{position:fixed;z-index:1002;inset:64px auto 0 0;width:min(84vw,330px);max-height:none;box-sizing:border-box;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 32px #122b2440}.lesson-menu-open .lesson-sidebar{transform:none}.lesson-menu-toggle{display:inline-flex;margin-bottom:16px}.lesson-menu-backdrop{position:fixed;z-index:1001;inset:64px 0 0;border:0;background:#10231d80}.lesson-menu-open .lesson-menu-backdrop{display:block}.lesson-save-actions{justify-items:stretch}.lesson-pager button{flex:1}.learning-header{padding:0 14px}.learning-header .brand small{display:block}}

.course-access-blocked{padding:10px 12px;border:1px solid #efaaa8;border-radius:10px;background:#fff0ef;color:#9b2424;font-weight:800}
.learning-page,.learning-page *{box-sizing:border-box}.lesson-content,.lesson-heading>div,.lesson-link span,.course-card,.course-card-body{min-width:0}.lesson-heading h2,.lesson-heading p,.lesson-link b,.lesson-link small,.course-card h2{overflow-wrap:anywhere}.lesson-link:focus-visible,.lesson-menu-toggle:focus-visible,.lesson-menu-backdrop:focus-visible{outline:3px solid #0abab5;outline-offset:2px}
@media(max-width:760px){.lesson-sidebar{overscroll-behavior:contain}.lesson-content{width:100%;overflow-x:hidden}.lesson-content video,.lesson-pdf{max-width:100%;border-radius:11px}.lesson-menu-toggle{align-items:center;min-height:44px;padding:10px 14px}.lesson-save-actions button,.lesson-pager button{min-height:44px}.lesson-files,.lesson-file-link{max-width:100%}.course-grid{grid-template-columns:minmax(0,1fr);gap:14px}.course-card-body{padding:16px}.course-card-action{align-items:stretch;flex-direction:column}.course-card .primary,.course-empty .primary{width:100%;min-height:44px;box-sizing:border-box;text-align:center}.page-shell{width:100%;box-sizing:border-box;padding-left:10px;padding-right:10px}.page-hero{overflow-wrap:anywhere}}
@media(max-width:360px){.learning-header{gap:8px}.learning-header .brand{font-size:16px}.learning-header>a:last-child{font-size:12px}.lesson-content{padding:14px 9px}.lesson-pager{display:grid}.lesson-sidebar{width:90vw}.course-card-body{padding:13px}}
.course-plan-public{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#d9f7f2;color:#075b57;font-size:12px;font-weight:900;line-height:1.25}.course-plan-public[data-plan="free"]{background:#fff0c7;color:#714b00}.course-plan-public[data-plan="partner"]{background:#e9e0ff;color:#4b2b82}
@import url('/course-modern-ai.css?v=014407');
.course-payment-editor{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dce7e3}
.company-course-workspace{max-width:860px}.company-course-workspace>div{display:grid;gap:22px}.company-existing-courses{margin-top:22px}.company-course-workspace .seller-lesson-editor{display:grid}.company-course-workspace .course-payment-choice label{display:flex}
.course-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-payment-choice{border:1px solid #b9d8cf;border-radius:14px;padding:12px;display:grid;gap:8px}.course-payment-choice label{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #dce7e3;border-radius:10px;cursor:pointer}.course-payment-choice input{width:auto;margin-top:4px}.course-payment-choice span{display:grid;gap:3px}.course-payment-choice small{color:#52615c}.course-publish-summary{display:grid;gap:6px;background:#eafff9;border:1px solid #b9d8cf;border-radius:12px;padding:14px;margin-bottom:16px}.course-publish-summary span{overflow-wrap:anywhere}@media(max-width:520px){.course-form-two{grid-template-columns:1fr}}
