.course-system-shell{display:grid;gap:18px}.course-system-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.course-system-head h2{margin:5px 0 0;font-size:29px;letter-spacing:-.8px}.course-system-head p{margin:8px 0 0;color:#8a9698;font-size:11px}.course-system-head-actions{display:flex;gap:8px;align-items:center}.course-system-tabs{display:flex;gap:7px;border-bottom:1px solid #e4e9e5;padding-bottom:10px}.course-system-tab{padding:9px 13px;border:1px solid #dfe8e3;border-radius:8px;background:#fff;color:#657477;font-size:11px;font-weight:700}.course-system-tab.active{background:#17212b;border-color:#17212b;color:#fff}.course-system-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-system-toolbar small{color:#8a9698;font-size:10px}.course-system-search{display:flex;align-items:center;gap:7px;min-width:230px;background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:8px 10px;color:#8a9698}.course-system-search input{width:100%;border:0;outline:0;background:transparent;color:#17212b;font-size:10px}.course-system-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#8a9698;font-size:10px}.course-system-breadcrumb button{color:#087f78;font-size:10px}.course-system-breadcrumb strong{color:#17212b}.course-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.course-system-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e2e9e5;border-radius:11px;overflow:hidden;box-shadow:0 5px 16px rgba(38,58,64,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.course-system-card:hover{transform:translateY(-2px);border-color:#a4d2c5;box-shadow:0 12px 26px rgba(38,58,64,.08)}.course-system-cover{height:116px;padding:13px 14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center}.course-system-cover small{font:9px "DM Mono";opacity:.8}.course-system-cover b{font-size:18px;line-height:1.25}.course-system-cover.cover-mint{background:linear-gradient(135deg,#7fc9b5,#24756c)}.course-system-cover.cover-coral{background:linear-gradient(135deg,#e6a17e,#9c594f)}.course-system-cover.cover-indigo{background:linear-gradient(135deg,#8498dd,#3c4f9d)}.course-system-cover.cover-lime{background:linear-gradient(135deg,#c5cf7e,#66713d)}.course-system-cover.cover-violet{background:linear-gradient(135deg,#b19ce0,#68559e)}.course-system-cover.cover-slate{background:linear-gradient(135deg,#81969d,#344c53)}.course-system-body{display:flex;flex:1;flex-direction:column;padding:13px 14px}.course-system-kicker{color:#087f78;font:9px "DM Mono";letter-spacing:.03em}.course-system-body h3{margin:5px 0 0;font-size:14px;line-height:1.4}.course-system-body p{min-height:32px;margin:7px 0 0;color:#718083;font-size:10px;line-height:1.6}.course-system-metrics{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.course-system-metrics em{font-style:normal;color:#647477;background:#f3f6f4;border-radius:5px;padding:4px 6px;font-size:9px}.course-system-card-actions{display:flex;gap:7px;margin-top:12px}.course-system-card-actions button{flex:1;padding:8px 7px;font-size:10px}.course-system-card-actions .danger{color:#c86542;border-color:#f0d7cb}.course-system-empty{padding:35px 15px;border:1px dashed #cbded5;border-radius:10px;background:#fbfdfc;color:#8a9698;font-size:11px;text-align:center}.course-system-panel{background:#fff;border:1px solid #e2e9e5;border-radius:11px;padding:16px;box-shadow:0 5px 16px rgba(38,58,64,.04)}.course-system-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-system-detail-head h3{margin:6px 0 0;font-size:20px}.course-system-detail-head p{margin:7px 0 0;color:#718083;font-size:10px;line-height:1.6}.course-system-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.course-system-detail-actions button{padding:8px 10px;font-size:10px}.course-system-section{display:grid;gap:10px}.course-system-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.course-system-section-title h4{margin:0;font-size:13px}.course-system-section-title span{color:#8a9698;font-size:10px}.course-system-inline-actions{display:flex;gap:5px;align-items:center}.course-system-inline-actions button{padding:5px 7px;border:1px solid #e0e8e4;border-radius:6px;color:#718083;font-size:9px;background:#fff}.course-system-inline-actions button:hover{color:#087f78;border-color:#a4d2c5}.course-system-lesson-list{display:grid;gap:7px}.course-system-lesson{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e4ebe7;border-radius:8px;background:#fbfdfc}.course-system-lesson-no{font:10px "DM Mono";color:#087f78}.course-system-lesson b{display:block;font-size:11px}.course-system-lesson small{display:block;margin-top:3px;color:#8a9698;font-size:9px}.course-system-lesson-actions{display:flex;gap:5px;align-items:center}.course-system-lesson-actions button{padding:5px 7px;border-radius:6px;border:1px solid #dfe8e3;background:#fff;color:#657477;font-size:9px}.course-system-lesson-actions .primary-mini{background:#17212b;border-color:#17212b;color:#fff}.course-system-status{display:inline-flex;align-items:center;gap:5px;color:#087f78;background:#eef8f4;border:1px solid #d5ebe2;border-radius:5px;padding:4px 6px;font-size:9px}.course-system-status.draft{color:#a86b39;background:#fff7ef;border-color:#f0ddca}.course-system-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.course-system-notice{padding:10px 12px;border:1px solid #d5ebe2;background:#eef8f4;border-radius:8px;color:#557071;font-size:10px;line-height:1.6}.course-system-cover-input{display:none}.course-system-modal{display:none;position:fixed;inset:0;z-index:460;background:#17212b88;align-items:center;justify-content:center;padding:20px}.course-system-modal.open{display:flex}.course-system-dialog{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:20px;box-shadow:0 25px 80px #17212b40}.course-system-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-system-dialog h3{margin:5px 0 0;font-size:18px}.course-system-dialog p{margin:6px 0 0;color:#8a9698;font-size:10px}.course-system-dialog-close{width:28px;height:28px;border:1px solid #dfe8e3;border-radius:7px;color:#718083}.course-system-video{display:block;width:100%;max-height:60vh;margin-top:16px;background:#17212b;border-radius:8px}.course-system-preview-copy{margin-top:16px;color:#526264;font-size:11px;line-height:1.8;white-space:pre-wrap}.course-system-permission{color:#a86b39;background:#fff7ef;border:1px solid #f0ddca;border-radius:7px;padding:8px 10px;font-size:9px}.course-system-card.is-draft .course-system-cover{filter:saturate(.55)}@media(max-width:980px){.course-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-system-detail-head{display:block}.course-system-detail-actions{justify-content:flex-start;margin-top:12px}}@media(max-width:640px){.course-system-head{display:block}.course-system-head-actions{margin-top:12px}.course-system-toolbar{display:block}.course-system-search{margin-top:10px;min-width:0}.course-system-grid{grid-template-columns:1fr}.course-system-lesson{grid-template-columns:30px minmax(0,1fr)}.course-system-lesson-actions{grid-column:2;justify-content:flex-start}.course-system-dialog{padding:16px}.course-system-tabs{overflow:auto}}
.course-system-cover{position:relative!important;min-height:116px!important;background-color:#4a9b8e!important;background-image:linear-gradient(135deg,#7fc9b5,#24756c)!important;color:#fff!important}.course-system-cover.cover-coral{background-image:linear-gradient(135deg,#e6a17e,#9c594f)!important}.course-system-cover.cover-indigo{background-image:linear-gradient(135deg,#8498dd,#3c4f9d)!important}.course-system-cover.cover-lime{background-image:linear-gradient(135deg,#c5cf7e,#66713d)!important}.course-system-cover.cover-violet{background-image:linear-gradient(135deg,#b19ce0,#68559e)!important}.course-system-cover.cover-slate{background-image:linear-gradient(135deg,#81969d,#344c53)!important}.course-system-cover>small,.course-system-cover>b{position:relative!important;z-index:1!important;color:#fff!important;text-shadow:0 1px 2px #17212b55!important}

.course-system-card{display:grid;grid-template-rows:auto 1fr;box-shadow:0 4px 14px rgba(38,58,64,.04)}
.course-system-card-main{display:grid;grid-template-rows:auto 1fr;width:100%;padding:0;background:transparent;text-align:left;color:inherit}
.course-system-card-main>.learning-cover{width:100%;aspect-ratio:16/9;border-radius:0}
.course-system-card-main>span:last-child{display:grid;gap:6px;padding:13px}
.course-system-card-main small{font-size:10px;color:var(--cos-muted,#66777b)}
.course-system-card-main b{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.course-system-card-main em{font-size:11px;line-height:1.5;color:var(--cos-muted,#66777b);font-style:normal;overflow-wrap:anywhere}
.course-system-card-actions{display:flex;gap:7px;margin-top:0;padding:9px 12px;border-top:1px solid var(--cos-line,#edf1ef);background:#fbfcfc}
.course-system-card-actions button{flex:1}
.course-system-cover-fallback{background-size:cover;background-position:center}
.course-system-cover-fallback.cover-mint{background:linear-gradient(135deg,#7fc9b5,#24756c)}
.course-system-cover-fallback.cover-coral{background:linear-gradient(135deg,#e6a17e,#9c594f)}
.course-system-cover-fallback.cover-indigo{background:linear-gradient(135deg,#8498dd,#3c4f9d)}
.course-system-cover-fallback.cover-lime{background:linear-gradient(135deg,#c5cf7e,#66713d)}
.course-system-cover-fallback.cover-violet{background:linear-gradient(135deg,#b19ce0,#68559e)}
.course-system-cover-fallback.cover-slate{background:linear-gradient(135deg,#81969d,#344c53)}

.course-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.course-system-card{display:flex;flex-direction:column;min-height:100%;box-shadow:0 5px 16px rgba(38,58,64,.025)}
.course-system-card .institution-explorer-cover{height:132px;min-height:132px}
.course-system-card .institution-explorer-card-body{display:flex;flex:1;flex-direction:column}
.course-system-card .course-system-card-actions{margin-top:auto}
.course-system-card .course-system-card-actions .inst-primary{margin-top:0}
@media(max-width:1120px){.course-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.course-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:540px){.course-system-grid{grid-template-columns:1fr}}
.course-system-form{display:grid;gap:16px}
.course-system-form-fields{display:grid;gap:12px}
.course-system-form-field{display:grid;gap:6px;color:#718083;font-size:10px}
.course-system-form-field>span{font-weight:700;color:#526264}
.course-system-form-field>span b{color:#c86542}
.course-system-form-field input,.course-system-form-field select,.course-system-form-field textarea{width:100%;border:1px solid #dfe8e3;border-radius:8px;padding:10px 11px;outline:0;background:#fff;color:#17212b;font-size:11px}
.course-system-form-field textarea{resize:vertical;min-height:76px;line-height:1.6}
.course-system-form-field input:focus,.course-system-form-field select:focus,.course-system-form-field textarea:focus{border-color:#76b9aa;box-shadow:0 0 0 3px #dff4ef}
.course-system-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid #edf1ef}
.course-system-form-actions button{padding:8px 12px;font-size:10px}