.admin-page{--bg:#fff;--surface:#fff;--surface2:#f9fafb;--surface3:#eff3f8;--border:#e5e7eb;--border2:#d1d5dc;--text:#101828;--text2:#364153;--text3:#6a7282;--accent:#0d47a1;--accent-dim:#0b3d8a;--accent-bg:#eff6ff;--teal:#0f9d58;--teal-bg:#eaf8f0;--coral:#ea4335;--amber:#956321;--amber-bg:#fff6e0;--blue:#0d47a1;--blue-bg:#eff6ff;--red:#d93025;--radius:14px;--radius-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Inter,Geist Variable,system-ui,sans-serif}.admin-page *{font-family:Inter,Geist Variable,system-ui,sans-serif}.admin-typo-h1{color:#101828;letter-spacing:-.6px;font-family:Inter,Geist Variable,system-ui,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.admin-typo-subtitle{color:#6a7282;font-family:Inter,Geist Variable,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.admin-typo-body-md{color:#364153;font-family:Inter,Geist Variable,system-ui,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.admin-typo-body-sm{color:#6a7282;letter-spacing:.24px;font-family:Inter,Geist Variable,system-ui,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.admin-surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.admin-page .admin-muted{color:var(--text3)}.admin-page .admin-text{color:var(--text2)}.admin-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;line-height:20px;transition:all .15s;display:inline-flex}.admin-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-btn-ghost{color:var(--text2);border-color:var(--border);background:#fff}.admin-pill{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.admin-pill:before{content:"";border-radius:50%;width:5px;height:5px}.admin-pill-complete{background:var(--teal-bg);color:var(--teal)}.admin-pill-complete:before{background:var(--teal)}.admin-pill-progress{background:var(--amber-bg);color:var(--amber)}.admin-pill-progress:before{background:var(--amber)}.admin-pill-draft{color:var(--text3);background:#f3f4f6}.admin-pill-draft:before{background:var(--text3)}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:#364153;background:#fff;outline:none;width:100%;padding:9px 12px;font-size:14px;font-weight:500;line-height:20px}.admin-input::placeholder,.admin-textarea::placeholder{color:#99a1af;font-weight:400}.admin-textarea{resize:vertical;min-height:120px}.admin-label{color:#364153;margin-bottom:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.admin-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.admin-tab{color:var(--text3);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:13px;font-weight:500}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cfg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.cfg-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cfg-title{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.cfg-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.badge-green{background:var(--teal-bg);color:var(--teal)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.cfg-body{padding:20px 18px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none;padding-bottom:0}.sr-label{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:500}.sr-sub{color:var(--text3);font-size:11px;line-height:1.5}.toggle{cursor:pointer;width:38px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.tgl-track{background:var(--surface3);border:1px solid var(--border2);border-radius:11px;position:absolute;inset:0}.toggle input:checked+.tgl-track{background:var(--accent);border-color:var(--accent)}.tgl-thumb{background:var(--text3);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked~.tgl-thumb{background:#fff;transform:translate(16px)}.time-display{color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-sm);border:1px solid #dbeafe;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:500}.timing-table{border-collapse:collapse;width:100%;margin-top:12px}.timing-table th{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-size:10px;font-weight:600}.timing-table td{color:var(--text2);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px}.section-pill{border-radius:10px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-lr{background:var(--blue-bg);color:var(--blue)}.sp-rc{color:#a060f0;background:#180c28}.sp-lg{background:var(--amber-bg);color:var(--amber)}.info-box{background:var(--blue-bg);border-radius:var(--radius-sm);color:#6090c0;border:1px solid #dbeafe;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.6}.info-box strong{color:var(--blue);margin-bottom:4px;display:block}.course-layout{grid-template-columns:300px 1fr;gap:16px;display:grid}.lesson-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lesson-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.lesson-title{color:var(--text);font-size:13px;font-weight:600}.lesson-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:11px 16px;display:flex}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:var(--surface2)}.lesson-item.active{background:var(--accent-bg);border-left:2px solid var(--accent)}.drag-handle{color:var(--text3);font-size:11px}.lesson-info{flex:1;min-width:0}.lesson-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.lesson-meta{color:var(--text3);margin-top:1px;font-size:10px}.lesson-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.le-topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.le-title{color:var(--text);flex:1;font-size:16px;font-weight:600}.le-body{flex-direction:column;gap:14px;padding:20px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.table-title{color:#1e2939;flex:1;font-size:20px;font-weight:600;line-height:30px}.search-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);align-items:center;gap:8px;width:220px;padding:6px 12px;font-size:12px;display:flex}.filter-pill{border:1px solid var(--border2);color:var(--text2);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.filter-pill.active{background:var(--accent-bg);color:var(--accent);border-color:#2e3a10}.pt-number{color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.prog-wrap{align-items:center;gap:8px;display:flex}.prog-bar{background:var(--surface3);border-radius:2px;flex:1;max-width:100px;height:4px;overflow:hidden}.prog-fill{border-radius:2px;height:100%}.prog-fill.green{background:var(--teal)}.prog-fill.amber{background:var(--amber)}.prog-label{color:var(--text3);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
