.course-loading,.course-empty{display:grid;place-items:center;min-height:280px;padding:30px;border:1px solid var(--app-border,#e5e7eb);border-radius:12px;background:#fff;color:var(--app-muted,#667085);text-align:center}.course-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:11px;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff}.course-toolbar>label{display:flex;align-items:center;gap:7px;flex:1;height:42px;padding:0 11px;border:1px solid var(--app-border,#d0d5dd);border-radius:8px}.course-toolbar input{width:100%;border:0;outline:0}.course-toolbar select{height:42px;padding:0 30px 0 10px;border:1px solid var(--app-border,#d0d5dd);border-radius:8px;background:#fff;color:var(--app-text,#344054)}.course-table-wrap{overflow:auto;max-height:650px;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff}.course-table thead{position:sticky;top:0;z-index:1}.course-table td:first-child{min-width:240px}.course-table td:first-child b,.course-table td:first-child span{display:block}.course-table td:first-child span,.course-table td span{margin-top:3px;color:var(--app-muted,#667085);font-size:11px}.course-table td:last-child button{height:32px;padding:0 10px;border:1px solid var(--app-border,#d0d5dd);border-radius:7px;background:#fff;color:var(--app-primary,#681e35);font-weight:700}.course-badge{display:inline-flex;padding:4px 7px;border-radius:6px;background:var(--app-page,#f2f4f7);color:var(--app-muted,#475467);font-size:10px;font-weight:750;text-transform:capitalize}.course-badge.published,.course-badge.completed{background:var(--app-success-soft,#ecfdf3);color:var(--app-success,#027a48)}.course-badge.draft,.course-badge.in_progress{background:var(--app-warning-soft,#fffaeb);color:var(--app-warning,#b54708)}.course-badge.archived{background:var(--app-page,#f2f4f7);color:var(--app-muted,#667085)}.course-badge.overdue{background:var(--app-error-soft,#fef3f2);color:var(--app-error,#b42318)}.course-badge.required{background:var(--app-primary-soft,#f8f1f3);color:var(--app-primary,#681e35)}.course-empty>span{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:var(--app-primary-soft,#fbf7f8);color:var(--app-primary,#681e35)}.course-empty svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.7}.course-empty h2{margin:13px 0 4px;color:var(--app-text,#101828);font-size:18px}.course-empty p{max-width:460px;margin:0 0 16px;font-size:13px}.student-course-groups{display:grid;gap:22px}.student-course-groups>section>h2{margin:0 0 10px;font-size:16px}.student-course-groups>section>div{display:grid;gap:9px}.student-course-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035)}.student-course-row>div:nth-child(2)>span{color:var(--app-primary,#7d2942);font-size:10px;font-weight:750;text-transform:uppercase}.student-course-row h3{margin:4px 0;font-size:16px}.student-course-row p{margin:0;color:var(--app-muted,#667085);font-size:12px}.student-course-row small{display:block;margin-top:7px;color:var(--app-muted,#475467);font-size:11px}.course-progress-ring{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:conic-gradient(var(--app-primary,#7d2942) var(--progress),var(--app-page,#f2f4f7) 0)}.course-progress-ring:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:#fff}.course-progress-ring b{position:relative;font-size:11px}.course-detail-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:14px;padding:19px 21px;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff}.course-detail-head>div:first-child>span{color:var(--app-primary,#7d2942);font-size:10px;font-weight:750;letter-spacing:.06em}.course-detail-head h1{margin:5px 0;font-size:24px}.course-detail-head p{max-width:700px;margin:0;color:var(--app-muted,#667085);font-size:13px}.course-detail-head>div:last-child{display:flex;align-items:flex-start;gap:7px}.course-admin-actions{display:flex;gap:8px;margin-bottom:12px}.course-manage-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:13px}.course-outline,.course-participants{overflow:hidden;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff}.course-outline>header,.course-participants>header{padding:15px 17px;border-bottom:1px solid var(--app-border,#e5e7eb)}.course-outline h2,.course-participants h2{margin:0 0 3px;font-size:15px}.course-outline header p,.course-participants header p{margin:0;color:var(--app-muted,#667085);font-size:11px}.course-outline-list{overflow-y:auto;max-height:560px;padding:8px}.course-outline-list section>header{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 6px}.course-outline-list section>header b{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.course-outline-list section>header button{border:0;background:transparent;color:var(--app-primary,#681e35);font-size:11px}.lesson-outline-row{display:flex;align-items:center;gap:9px;width:100%;min-height:52px;padding:7px 9px;border:0;border-radius:8px;background:#fff;text-align:left}.lesson-outline-row:hover,.lesson-outline-row.active{background:var(--app-primary-soft,#f8f1f3)}.lesson-outline-row>span{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--app-page,#f2f4f7);color:var(--app-muted,#667085);font-size:10px}.lesson-outline-row.active>span{background:var(--app-primary,#681e35);color:#fff}.lesson-outline-row div{display:grid;gap:2px}.lesson-outline-row b{color:var(--app-text,#344054);font-size:12px}.lesson-outline-row small{color:var(--app-muted,#667085);font-size:10px;text-transform:capitalize}.course-participants>div{overflow:auto;max-height:560px}.course-participants thead{position:sticky;top:0}.course-participants td:first-child b,.course-participants td:first-child span{display:block}.course-progress{width:90px;height:5px;margin-bottom:4px;border-radius:4px;background:#eaecf0}.course-progress i{display:block;height:100%;border-radius:inherit;background:var(--app-primary,#7d2942)}.course-mini-empty{padding:35px 16px;color:var(--app-muted,#667085);text-align:center;font-size:12px}.course-learning{display:grid;grid-template-columns:290px minmax(0,850px);align-items:start;gap:14px}.course-learning>.course-outline{position:sticky;top:82px}.lesson-view{padding:24px;border:1px solid var(--app-border,#e5e7eb);border-radius:11px;background:#fff}.lesson-meta{display:flex;gap:7px;color:var(--app-primary,#7d2942);font-size:10px;font-weight:750;text-transform:uppercase}.lesson-view>h2{margin:7px 0 8px;font-size:23px}.lesson-lead{color:var(--app-muted,#667085);font-size:13px}.video-frame{position:relative;overflow:hidden;width:100%;margin:20px 0 8px;padding-top:56.25%;border-radius:10px;background:#111}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-fallback{display:flex;justify-content:flex-end;gap:8px;color:var(--app-muted,#667085);font-size:11px}.video-fallback a{color:var(--app-primary,#681e35);font-weight:700}.lesson-reading{max-width:720px;margin:20px 0;color:var(--app-text,#344054);font-size:14px;line-height:1.8}.lesson-support{margin-top:18px;padding:14px;border-left:3px solid var(--app-primary,#7d2942);background:var(--app-primary-soft,#fbf7f8)}.lesson-support h3{margin:0 0 5px;font-size:13px}.lesson-support p{margin:0;color:var(--app-muted,#475467);font-size:12px;line-height:1.6}.lesson-link{display:flex;justify-content:space-between;width:100%;margin-top:10px;padding:12px;border:1px solid var(--app-border,#e5e7eb);border-radius:8px;background:#fff;color:var(--app-text,#344054);text-decoration:none;font-size:12px}.lesson-link span{color:var(--app-primary,#681e35)}.lesson-actions{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:15px;border-top:1px solid var(--app-border,#e5e7eb)}.lesson-actions span{flex:1}.course-modal{width:min(680px,calc(100vw - 28px));max-height:92vh}.course-modal.wide{width:min(760px,calc(100vw - 28px))}.course-modal-body{overflow-y:auto;padding:19px}.course-modal form{display:grid;gap:14px}.course-modal form>label,.course-modal .field-grid>label{display:grid;gap:6px;color:var(--app-text,#344054);font-size:13px;font-weight:650}.course-modal input,.course-modal textarea,.course-modal select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--app-border,#d0d5dd);border-radius:8px;background:#fff;font:400 13px/1.5 Inter,sans-serif}.course-modal fieldset{padding:13px;border:1px solid var(--app-border,#e5e7eb);border-radius:9px}.course-modal legend{font-size:12px;font-weight:750}.course-check,.course-check-row label{display:flex!important;align-items:center;gap:7px}.course-check input,.course-check-row input{width:17px;min-height:17px;accent-color:var(--app-primary,#681e35)}.course-check-row{display:flex;gap:18px;margin-bottom:11px}.course-modal footer{display:flex;align-items:center;gap:8px}.course-modal footer span{flex:1}.course-delete{border:0;background:transparent;color:var(--app-error,#b42318);font-weight:700}.course-student-list{display:grid;overflow:auto;max-height:430px;border:1px solid var(--app-border,#e5e7eb);border-radius:9px}.course-student-list label{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--app-page,#f2f4f7)}.course-student-list input{width:17px;min-height:17px}.course-student-list span{display:grid}.course-student-list b{font-size:12px}.course-student-list small{color:var(--app-muted,#667085);font-size:10px}.profile-course-list{display:grid;padding:10px}.profile-course-list button{display:flex;align-items:center;justify-content:space-between;padding:11px;border:0;border-bottom:1px solid var(--app-page,#f2f4f7);background:#fff;text-align:left}.profile-course-list span{display:grid}.profile-course-list b{font-size:13px}.profile-course-list small{color:var(--app-muted,#667085);font-size:11px}.profile-course-list strong{color:var(--app-primary,#681e35)}.course-dashboard-panel{min-height:260px}
@media(max-width:1050px){.course-toolbar{flex-wrap:wrap}.course-toolbar>label{flex-basis:100%}.course-manage-grid,.course-learning{grid-template-columns:1fr}.course-learning>.course-outline{position:static}.course-outline-list{max-height:320px}}
@media(max-width:650px){.course-toolbar>*{width:100%}.student-course-row{grid-template-columns:45px 1fr}.student-course-row>button{grid-column:1/-1;width:100%}.course-detail-head{flex-direction:column}.course-detail-head>div:last-child{flex-wrap:wrap}.course-admin-actions{flex-wrap:wrap}.course-admin-actions button{flex:1}.lesson-view{padding:17px}.lesson-actions{flex-wrap:wrap}.lesson-actions span{display:none}.course-modal-body{padding:15px}.course-check-row{align-items:flex-start;flex-direction:column}.video-fallback{align-items:flex-end;flex-direction:column}}