:root{--ink:#17212b;--muted:#6b7785;--line:#e7ebef;--soft:#f5f7fa;--brand:#f37021;--brand-dark:#db5b12;--shadow-soft:0 12px 32px rgba(26,39,52,.08)}
button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(243,112,33,.28);outline-offset:2px}
.site-header{position:sticky;top:0;box-shadow:0 2px 14px rgba(20,32,43,.04)}
.desktop-nav button{border-radius:10px}.desktop-nav button:hover{background:#fff5ef}
.course-card{box-shadow:0 4px 18px rgba(24,38,52,.035)}.course-cover{position:relative}.course-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,26,39,.25),transparent 65%);pointer-events:none}.course-cover>*{position:relative;z-index:1}.course-body{display:flex;flex-direction:column;min-height:220px}.course-body h3{margin:10px 0 7px}.course-body>p{line-height:1.65;flex:1}.course-meta{display:flex;flex-wrap:wrap;gap:14px;color:#697684;font-size:11px;padding:10px 0;border-top:1px solid #eef0f2}.course-foot{gap:12px}.course-foot button{white-space:nowrap}
.filter{transition:.18s}.filter:hover{border-color:var(--brand);color:var(--brand)}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(243,112,33,.1)}
.lesson-main{min-width:0}.lesson-head h1{line-height:1.2}.lesson-content{min-height:180px;line-height:1.8}.lesson-rich-content{white-space:normal;color:#485563;line-height:1.9}.lesson-material-link{margin:22px 0}.material-empty{color:#78838e;font-size:13px}.lesson-sidebar{box-shadow:0 6px 24px rgba(20,32,43,.04)}.lesson-list button{line-height:1.45}.lesson-list button:hover{background:#f5f7f9}.lesson-tabs{gap:22px}.lesson-tabs button{color:#687583}.lesson-tabs button.active{color:var(--brand)}
.dashboard-page{background:#f3f5f8}.dash-side{position:sticky;top:0;height:100vh;overflow-y:auto}.dash-main{min-width:0;max-width:1600px;width:100%;margin:0 auto}.dash-top{gap:16px;margin-bottom:8px}.dash-stats article,.panel{border:1px solid #e9edf1;box-shadow:0 4px 16px rgba(18,33,46,.035)}.dash-stats article{transition:transform .18s,box-shadow .18s}.dash-stats article:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.admin-workspace{margin-top:18px}.panel-head{gap:14px}.panel-head h3{font-size:17px}.admin-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:4px 0 14px}.admin-toolbar input{width:min(420px,100%);padding:11px 14px;border:1px solid #dfe4e8;border-radius:11px}.admin-table-wrap{border:1px solid #e9edf1;border-radius:13px;overflow:auto}.admin-table{min-width:650px}.admin-table th{position:sticky;top:0;background:#f7f8fa;color:#667381;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr:hover{background:#fffaf6}.admin-table td{max-width:360px;line-height:1.5}.admin-table td button{border:1px solid #e4e8eb;background:white;border-radius:8px;padding:7px 10px}.admin-table td button:hover{border-color:#f4b184;color:#c64d0a}.status-badge{white-space:nowrap}.modal-backdrop{backdrop-filter:blur(4px)}.modal-card{max-height:min(88vh,850px);overflow:auto;box-shadow:0 24px 80px rgba(13,28,42,.24)}.modal-form input,.modal-form textarea,.modal-form select{min-height:43px;border-radius:10px}.modal-form textarea{min-height:108px}.admin-empty{padding:24px;border:1px dashed #dce2e7;border-radius:14px;background:#fafbfc;color:#6f7b87;line-height:1.7}
.overview-welcome{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px;border:1px solid #f1e6dd;border-radius:16px;background:linear-gradient(115deg,#fff8f2,#fff 70%)}.overview-welcome h2{font-size:22px;margin:9px 0}.overview-welcome p{margin:0;color:#697583;line-height:1.6}.overview-actions{display:flex;gap:9px;flex-wrap:wrap}.overview-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.overview-shortcuts button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #e9edf1;border-radius:13px;background:#fff}.overview-shortcuts button:hover{border-color:#f0b185;transform:translateY(-2px)}.overview-shortcuts button>b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff1e7;color:var(--brand);font-size:18px}.overview-shortcuts button span{display:grid;gap:4px;flex:1}.overview-shortcuts button strong{font-size:12px}.overview-shortcuts button small{font-size:10px;color:#78838e}.overview-shortcuts button i{color:#9aa4ad;font-style:normal}
.dash-brand{position:relative}.portal-close,.portal-menu-btn{display:none}.portal-scrim{display:none}.site-footer a:hover{color:#fff}.pill:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:900px){.dash-main{padding:28px 22px}.overview-shortcuts{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.dash-side{position:fixed;z-index:80;left:0;top:0;bottom:0;width:min(300px,85vw);height:100dvh;display:flex;transform:translateX(-105%);transition:transform .24s ease;box-shadow:14px 0 40px rgba(0,0,0,.2)}.dashboard-page.menu-open .dash-side{transform:translateX(0)}.portal-scrim{position:fixed;inset:0;z-index:70;background:rgba(11,19,27,.48)}.dashboard-page.menu-open .portal-scrim{display:block}.portal-close{display:block;margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font-size:23px}.dash-brand{width:100%;align-items:center}.dash-top{display:grid;grid-template-columns:40px 1fr 42px;align-items:center}.portal-menu-btn{display:block;width:38px;height:38px;border:1px solid #e0e5e9;border-radius:11px;background:#fff;color:#24313c}.dash-main{padding:18px 14px}.overview-welcome{align-items:flex-start;flex-direction:column}.overview-actions{width:100%}.overview-actions .pill{flex:1}.overview-shortcuts{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar input{width:100%}.course-meta{font-size:10px}.lesson-tabs{gap:16px;overflow:auto}.lesson-tabs button{white-space:nowrap}.dash-stats article{min-height:82px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
