*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f7f8fb;color:#111827}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0f172a;color:#e2e8f0;border-right:1px solid #1e293b;padding:18px 14px}.side-menu{margin-top:18px;display:flex;flex-direction:column;gap:6px}.side-menu a{border-radius:8px;padding:10px 12px;color:#cbd5e1}.side-menu a:hover{background:#1e293b;color:#ffffff}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #e5e7eb;background:#ffffff}.brand{font-size:18px;font-weight:700}.menu{display:flex;gap:16px;color:#374151;font-weight:500}.container{max-width:1120px;margin:0 auto;padding:24px}.hero{background:linear-gradient(120deg,#111827,#1d4ed8);color:#fff;border-radius:16px;padding:28px;margin-bottom:24px}.title{font-size:28px;margin:0 0 10px}.muted{color:#6b7280}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden}.card-body{padding:14px}.thumb{width:100%;height:160px;object-fit:cover;background:#e5e7eb}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;background:#111827;color:#fff}.btn.secondary{background:#e5e7eb;color:#111827}.btn:disabled{opacity:.6;cursor:not-allowed}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{gap:12px;align-items:center;flex-wrap:wrap}.input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.input,.panel{background:#fff}.panel{border:1px solid #e5e7eb;border-radius:14px;padding:16px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.section-list{display:grid;gap:10px}.lesson-item{border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.locked{opacity:.6}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width:700px){.topbar{padding:12px 16px}.container{padding:16px}.title{font-size:22px}}