:root{--c-accent:#ff6b35;--c-accent-d:#cc4d1a;--c-accent-bg:rgba(255,107,53,.1);--c-accent-br:rgba(255,107,53,.25);--c-accent-on:#080808;--c-ok:#4ade80;--c-ok-bg:rgba(74,222,128,.08);--c-ok-br:rgba(74,222,128,.2);--c-warn:#fbbf24;--c-warn-bg:rgba(251,191,36,.08);--c-warn-br:rgba(251,191,36,.2);--c-err:#f87171;--c-err-bg:hsla(0,91%,71%,.08);--c-err-br:hsla(0,91%,71%,.2);--c-info:#60a5fa;--c-info-bg:rgba(96,165,250,.08);--c-info-br:rgba(96,165,250,.2);--c-font-sans:"DM Sans",system-ui,sans-serif;--c-font-mono:"DM Mono","Courier New",monospace;--c-text-xs:11px;--c-text-sm:12px;--c-text-base:13px;--c-text-md:14px;--c-text-lg:16px;--c-text-xl:20px;--c-text-2xl:24px;--c-space-1:4px;--c-space-2:8px;--c-space-3:12px;--c-space-4:16px;--c-space-5:20px;--c-space-6:24px;--c-space-8:32px;--c-r-xs:3px;--c-r-sm:4px;--c-r-md:6px;--c-r-lg:8px;--c-r-xl:12px;--c-r-full:9999px;--c-ease:cubic-bezier(0.4,0,0.2,1);--c-dur:150ms}.dark,[data-mode=dark]{--c-bg:#080808;--c-s1:#0f0f0f;--c-s2:#141414;--c-s3:#1a1a1a;--c-s4:#222;--c-text:hsla(0,0%,100%,.88);--c-text-s:hsla(0,0%,100%,.55);--c-text-m:hsla(0,0%,100%,.3);--c-text-d:hsla(0,0%,100%,.18);--c-border:hsla(0,0%,100%,.08);--c-border-s:hsla(0,0%,100%,.13);--c-border-x:hsla(0,0%,100%,.2);--c-accent-on:#080808}html{scroll-behavior:smooth}[data-mode=light]{--c-bg:#f8f8f6;--c-s1:#fff;--c-s2:#f2f2f0;--c-s3:#ececea;--c-s4:#e4e4e2;--c-text:rgba(0,0,0,.88);--c-text-s:rgba(0,0,0,.55);--c-text-m:rgba(0,0,0,.32);--c-text-d:rgba(0,0,0,.2);--c-border:rgba(0,0,0,.07);--c-border-s:rgba(0,0,0,.12);--c-border-x:rgba(0,0,0,.18);--c-accent-on:#fff}.text-primary{color:var(--c-text)}.text-secondary{color:var(--c-text-s)}.text-muted{color:var(--c-text-m)}.text-accent{color:var(--c-accent)}.text-ok{color:var(--c-ok)}.text-warn{color:var(--c-warn)}.text-err{color:var(--c-err)}.font-mono{font-family:var(--c-font-mono)}.surface-1{background:var(--c-s1)}.surface-2{background:var(--c-s2)}.surface-3{background:var(--c-s3)}.c-nav{height:60px;padding:0 20px;background:var(--c-s1);border-bottom:.5px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;flex-shrink:0;gap:12px}.c-nav-start{gap:4px}.c-nav-start,.c-nav-tabs{display:flex;align-items:center;flex:1;min-width:0}.c-nav-tabs{overflow-x:auto}.c-nav-end{gap:8px}.c-nav-end,.c-nav-logo{display:flex;align-items:center;flex-shrink:0}.c-nav-logo{gap:10px;font-family:var(--c-font-mono);font-size:15px;letter-spacing:.01em;font-weight:500;color:var(--c-text);text-decoration:none;padding-right:24px;margin-right:8px;border-right:.5px solid var(--c-border)}.c-nav-logo-mark{width:22px;height:22px;flex-shrink:0}.c-nav-tab{display:flex;align-items:center;gap:6px;padding:0 14px;font-size:var(--c-text-md);color:var(--c-text-m);cursor:pointer;transition:color var(--c-dur) var(--c-ease),border-color var(--c-dur) var(--c-ease);border:none;border-bottom:2px solid transparent;border-radius:0;text-decoration:none;background:transparent;white-space:nowrap;font-weight:500}.c-nav-tabs>.c-nav-tab{height:60px;margin-bottom:-.5px}.c-nav-tabs--stacked>.c-nav-tab{height:auto;padding:10px 14px;border-bottom:none;border-left:2px solid transparent}.c-nav-tab:hover{color:var(--c-text-s)}.c-nav-tab.active{color:var(--c-accent);background:transparent;border-bottom-color:var(--c-accent)}.c-nav-tabs--stacked>.c-nav-tab.active{border-bottom-color:transparent;border-left-color:var(--c-accent)}.c-nav-tab-dot{width:5px;height:5px;border-radius:50%;background:var(--c-accent);flex-shrink:0}.c-filter-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--c-r-sm);font-size:var(--c-text-md);color:var(--c-text-m);cursor:pointer;transition:color var(--c-dur) var(--c-ease),background var(--c-dur) var(--c-ease),border-color var(--c-dur) var(--c-ease);border:.5px solid transparent;text-decoration:none;background:transparent;white-space:nowrap;font-weight:500}.c-filter-tab:hover{color:var(--c-text-s);background:var(--c-s3)}.c-filter-tab.active{color:var(--c-accent);background:var(--c-accent-bg);border-color:var(--c-accent-br)}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:7px 14px;border-radius:var(--c-r-sm);font-family:var(--c-font-sans);font-size:var(--c-text-sm);font-weight:500;cursor:pointer;transition:background var(--c-dur) var(--c-ease),color var(--c-dur) var(--c-ease),border-color var(--c-dur) var(--c-ease);white-space:nowrap;border:none}.c-btn-primary{background:var(--c-accent-bg);color:var(--c-accent);border:1px solid var(--c-accent-br)}.c-btn-primary:hover{background:var(--c-accent-bg-hover,rgba(255,107,53,.16));color:var(--c-accent);border-color:var(--c-accent)}.c-btn-ghost{background:transparent;color:var(--c-text-s);border:.5px solid var(--c-border-s)}.c-btn-ghost:hover{background:var(--c-s3);color:var(--c-text);border-color:var(--c-border-x)}.c-btn-accent{background:transparent;color:var(--c-accent);border:1px solid var(--c-accent-br)}.c-btn-accent:hover{background:var(--c-accent-bg);color:var(--c-accent);border-color:var(--c-accent)}.c-btn-sm{padding:5px 10px;font-size:var(--c-text-xs)}.c-btn-lg{padding:10px 20px;font-size:var(--c-text-md)}.c-btn-icon{padding:7px}.c-btn.w-full,button.c-btn[class*=w-full]{width:100%}.c-card{background:var(--c-s1);border:.5px solid var(--c-border);border-radius:var(--c-r-md);padding:var(--c-space-4)}.c-card-accent{border-color:var(--c-accent-br)}.c-stat{background:var(--c-s1);border:.5px solid var(--c-border);border-radius:var(--c-r-md);padding:14px 16px}.c-stat-label{font-size:var(--c-text-xs);color:var(--c-text-m);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:5px}.c-stat-value{font-size:24px;font-weight:500;color:var(--c-text);letter-spacing:-.02em}.c-stat-delta-up{font-size:11px;color:var(--c-ok);margin-top:4px}.c-stat-delta-down{font-size:11px;color:var(--c-text-d);margin-top:4px}.c-stat.accent .c-stat-label,.c-stat.accent .c-stat-value{color:var(--c-accent)}.c-stat.accent{border-color:var(--c-accent-br)}.c-stat.info{border-color:var(--c-info-br)}.c-stat.info .c-stat-label{color:var(--c-info)}.c-stat.success{border-color:var(--c-ok-br)}.c-stat.success .c-stat-label{color:var(--c-ok)}.c-stat.warning{border-color:var(--c-warn-br)}.c-stat.warning .c-stat-label{color:var(--c-warn)}.c-stat.neutral{border-color:var(--c-border-s)}.c-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid;background:transparent;line-height:1.2;white-space:nowrap}.c-badge-ok,.c-badge-published{color:var(--c-ok);border-color:var(--c-ok-br);background:transparent}.c-badge-draft,.c-badge-warn{color:var(--c-warn);border-color:var(--c-warn-br);background:transparent}.c-badge-err{color:var(--c-err);border-color:var(--c-err-br);background:transparent}.c-badge-enrolled,.c-badge-info{color:var(--c-info);border-color:var(--c-info-br);background:transparent}.c-badge-ac,.c-badge-program{color:var(--c-accent);border-color:var(--c-accent-br);background:transparent}.c-badge-mute{color:var(--c-text-m);border-color:var(--c-border);background:transparent}.c-thumb-badge{position:absolute;top:10px;left:10px}.c-progress{height:4px;background:var(--c-s3);overflow:hidden}.c-progress,.c-progress-fill{border-radius:var(--c-r-full)}.c-progress-fill{height:100%;background:var(--c-accent);transition:width .3s var(--c-ease)}.c-progress-fill.ok{background:var(--c-ok)}.c-progress-fill.warn{background:var(--c-warn)}.c-table{width:100%;border-collapse:collapse}.c-table thead{background:var(--c-s2)}.c-table th{font-size:var(--c-text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;border-bottom:.5px solid var(--c-border);text-align:left;background:var(--c-s2)}.c-table td,.c-table th{color:var(--c-text-s);padding:10px 12px}.c-table td{font-size:var(--c-text-sm);border-bottom:.5px solid hsla(0,0%,100%,.04);vertical-align:middle}.c-table tr:last-child td{border-bottom:none}.c-table tr:hover td{background:var(--c-s2)}.c-input{background:var(--c-s3);border:.5px solid var(--c-border-s);border-radius:var(--c-r-sm);color:var(--c-text);font-family:var(--c-font-sans);font-size:var(--c-text-sm);padding:7px 12px;width:100%;transition:border-color var(--c-dur) var(--c-ease);outline:none}.c-input::-moz-placeholder{color:var(--c-text-d)}.c-input::placeholder{color:var(--c-text-d)}.c-input:focus{border-color:var(--c-accent-br)}.c-course-thumb{height:88px;background:var(--c-s2);border-bottom:.5px solid var(--c-border);display:flex;align-items:center;justify-content:center;position:relative;color:var(--c-text-d);font-size:28px}.c-course-thumb.program{background:var(--c-accent-bg);border-bottom-color:var(--c-accent-br)}.c-course-thumb.program .thumb-icon{color:rgba(255,107,53,.35)}.c-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-accent-bg);border:.5px solid var(--c-accent-br);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--c-accent);font-family:var(--c-font-mono);flex-shrink:0}.c-sidebar{background:var(--c-s1);border-right:.5px solid var(--c-border);padding:var(--c-space-4)}.c-module{background:var(--c-accent-bg);border:.5px solid var(--c-accent-br);border-radius:var(--c-r-sm);padding:8px 10px;margin-bottom:6px}.c-lesson{background:var(--c-s2);border:.5px solid var(--c-border);border-radius:var(--c-r-xs);padding:6px 8px;margin:4px 0 0 16px}.c-divider{border:none;border-top:.5px solid var(--c-border);margin:var(--c-space-4) 0}[data-view=learner] .c-nav-tab.active{color:var(--c-accent);background:transparent;border-bottom-color:var(--c-accent)}[data-view=learner] .c-nav-tabs--stacked>.c-nav-tab.active{border-bottom-color:transparent;border-left-color:var(--c-accent)}[data-view=learner] .c-btn-primary{background:var(--c-accent-bg);color:var(--c-accent);border:1px solid var(--c-accent-br)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-s4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-border-x)}