:root{--nav:#0f2747;--blue:#1d5fd1;--light:#f5f7fb;--text:#142033;--muted:#6f7b8e;--line:#e3e8f0;--green:#18875d;--danger:#b94040;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--light);color:var(--text)}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--nav);color:#fff;padding:28px 20px;position:fixed;inset:0 auto 0 0}.brand{font-weight:800;font-size:20px;line-height:1.15;margin-bottom:34px}.brand small{display:block;font-size:12px;font-weight:500;opacity:.68;margin-top:5px}.nav a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0;color:#dfe9f8;font-size:14px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.11);color:#fff}.nav .admin-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin:28px 10px 9px}.sidebar-bottom{position:absolute;left:20px;right:20px;bottom:20px}.main{margin-left:240px;width:calc(100% - 240px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 34px;gap:16px;position:sticky;top:0;z-index:10}.user{font-size:13px;color:var(--muted)}.logout{border:0;background:transparent;cursor:pointer;color:var(--muted)}.content{max-width:1100px;margin:0 auto;padding:42px 34px 70px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.09em;color:var(--blue);font-weight:700}.hero h1{font-size:32px;margin:7px 0 8px}.hero p{color:var(--muted);margin:0 0 28px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px}.progress-card{display:flex;align-items:center;justify-content:space-between;gap:26px}.progress-main{flex:1}.progress-label{display:flex;justify-content:space-between;align-items:flex-end}.progress-label strong{font-size:34px}.progress{height:9px;background:#e9eef6;border-radius:999px;overflow:hidden;margin:16px 0 9px}.progress span{display:block;height:100%;background:var(--blue);border-radius:999px}.muted{color:var(--muted)}.btn{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer}.btn.secondary{background:#eef3fb;color:var(--nav)}.btn.dark{background:var(--nav)}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}.section-title{margin:34px 0 14px;font-size:18px}.chapter-list{display:grid;gap:10px}.chapter-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.chapter-row:hover{border-color:#bdcbea}.chapter-meta{font-size:12px;color:var(--muted);margin-top:5px}.mini-progress{width:150px;height:6px;background:#edf1f6;border-radius:99px;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--blue)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson-list{display:grid;gap:9px}.lesson-link{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:15px 17px;border-radius:10px}.lesson-link .check{width:24px;height:24px;border-radius:50%;border:1px solid #ccd4e0;display:grid;place-items:center;font-size:12px}.lesson-link.done .check{background:#e6f5ee;color:var(--green);border-color:#a9dac5}.lesson{max-width:820px}.lesson h1{font-size:31px;margin:7px 0}.lesson-objective{font-size:18px;line-height:1.5;color:#46556a;border-left:3px solid var(--blue);padding-left:16px;margin:24px 0}.lesson-body{font-size:16px;line-height:1.74;white-space:pre-line}.key-points{background:#f2f6fd;border-radius:12px;padding:18px 20px;margin:26px 0}.key-points li{margin:8px 0}.asset{margin:25px 0}.asset img,.asset video{max-width:100%;border-radius:12px}.kb-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin:25px 0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.input,textarea,select{width:100%;border:1px solid #ccd5e2;border-radius:8px;padding:10px 11px;background:#fff;font:inherit}textarea{min-height:130px;resize:vertical}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px}.admin-table th{background:#f7f9fc}.pill{font-size:11px;border-radius:999px;padding:4px 8px;background:#edf2f8;color:#40516a}.pill.master{background:#e6efff;color:#174ea6}.notice{padding:14px 16px;border-radius:10px;background:#eef6ff;border:1px solid #cfe1f6;margin:15px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#0f2747,#183c67)}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.18)}.login-card h1{margin:0 0 4px}.login-card p{margin-top:0;color:var(--muted)}.error{background:#fdeeee;color:#923535;padding:11px;border-radius:8px;margin:12px 0}.proposal{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f4f8;padding:2px 5px;border-radius:4px;font-size:12px}@media(max-width:850px){.sidebar{width:74px;padding:24px 10px}.brand{font-size:0}.brand:before{content:'CS';font-size:20px}.brand small,.nav a span,.nav .admin-label{display:none}.nav a{text-align:center}.main{margin-left:74px;width:calc(100% - 74px)}.content{padding:28px 18px}.grid-2{grid-template-columns:1fr}.progress-card{display:block}.progress-card .btn{margin-top:16px}.chapter-row{align-items:flex-start;flex-direction:column}.mini-progress{width:100%}}
.update-version{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.update-version strong{font-size:30px}.update-grid{margin-top:18px}.clean-list{padding-left:20px;line-height:1.8}.no-pad{padding:0;overflow:hidden}.backup-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.backup-row:last-child{border-bottom:0}.tiny{font-size:11px;margin-top:3px}.restart-card{text-align:center;padding:45px}.spinner{width:38px;height:38px;border:4px solid #dce5f2;border-top-color:var(--blue);border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}.notice-error{background:#fdeeee;border-color:#f1c3c3;color:#923535}@keyframes spin{to{transform:rotate(360deg)}}

.check-grid{display:flex;gap:8px;flex-wrap:wrap}.check-card{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f8fafd;border-radius:9px;padding:9px 11px;font-size:13px;cursor:pointer}.check-card:has(input:checked){border-color:#a9c2ee;background:#eef4ff;color:#173f7c}.check-card input{margin:0}