*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--danger:#dc2626;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--radius:10px;--shadow:0 1px 3px rgba(0,0,0,.08)}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--shadow:0 1px 3px rgba(0,0,0,.3)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}nav{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;height:60px;position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:.75rem}.nav-logo{font-weight:700;font-size:1.1rem;color:var(--primary);text-decoration:none;flex-shrink:0;margin-right:auto}.nav-links{display:flex;gap:.75rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--primary);font-weight:500}.btn-nav{background:var(--primary);color:#fff;padding:.4rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;white-space:nowrap}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:1rem;color:var(--text);line-height:1;flex-shrink:0}.nav-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.hamburger{display:none;background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .55rem;cursor:pointer;font-size:1.2rem;color:var(--text);line-height:1;flex-shrink:0}.container{max-width:1100px;margin:0 auto;padding:2rem 1rem}.lesson-layout{display:grid;grid-template-columns:270px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.admin-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:1.5rem;gap:1.5rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{padding:.6rem 1.25rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--border)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .875rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--text)}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:box-shadow .2s;text-decoration:none;color:inherit;display:block}.module-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.module-card h3{font-size:1rem;margin-bottom:.5rem}.module-card p{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.progress-bar-wrap{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;border-radius:99px;transition:width .4s}.progress-label{font-size:.8rem;color:var(--text-muted);margin-top:.4rem}.badge{font-size:.75rem;padding:2px 8px;border-radius:99px}.badge-draft{background:#fef9c3;color:#854d0e}.badge-pub{background:#dcfce7;color:#166534}[data-theme=dark] .badge-draft{background:#451a03;color:#fcd34d}[data-theme=dark] .badge-pub{background:#052e16;color:#4ade80}.home-layout{display:flex;gap:1.5rem;max-width:1100px;margin:0 auto;padding:2rem 1rem;align-items:flex-start}.home-sidebar{width:230px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:68px}.home-main{flex:1 1;min-width:0}.home-sidebar-nav{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.home-sidebar-header{padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.home-sidebar-links{display:flex;flex-direction:column}.home-sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;text-decoration:none;color:var(--text);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border);transition:background .12s,color .12s}.home-sidebar-link:last-child{border-bottom:none}.home-sidebar-link:hover{background:var(--bg);color:var(--primary)}.home-sidebar-link .s-arrow{margin-left:auto;color:var(--text-muted);font-size:.85rem}.q-nav-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:1rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.q-nav-cell{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;cursor:pointer;box-sizing:border-box;transition:transform .1s,background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.q-nav-cell:hover{transform:scale(1.12)}@media (max-width:768px){nav{padding:0 1rem;gap:.5rem}.hamburger{display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:fixed;top:60px;left:0;right:0;flex-direction:column;background:var(--surface);border-bottom:2px solid var(--border);padding:.25rem 1.25rem 1.25rem;gap:0;z-index:99;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:calc(100vh - 60px);overflow-y:auto}.nav-links.nav-open{display:flex}.nav-links a{padding:.875rem .25rem;font-size:1rem;width:100%;color:var(--text)}.nav-links a,.nav-links span{border-bottom:1px solid var(--border)}.nav-links span{display:block;padding:.75rem .25rem;font-size:.875rem;color:var(--text-muted)}.btn-nav{width:100%;text-align:center;margin-top:.75rem;padding:.7rem}.lesson-layout{grid-template-columns:1fr}.lesson-layout>.lesson-sidebar{order:2}.lesson-layout>.lesson-main{order:1}.admin-layout{grid-template-columns:1fr}.container{padding:.875rem}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.q-nav-cell{width:26px;height:26px;font-size:.65rem;border-radius:5px}.q-nav-grid{gap:4px;padding:.75rem}.home-layout{flex-direction:column;gap:0;padding:1rem}.home-sidebar{display:none}.home-main{width:100%}body{padding-bottom:68px}}@media (max-width:480px){.container{padding:.75rem}.modules-grid{grid-template-columns:1fr}.btn{padding:.55rem 1rem;font-size:.875rem}.q-nav-cell{width:24px;height:24px;font-size:.6rem}.q-nav-grid{gap:3px;padding:.6rem}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 12px rgba(0,0,0,.08)}.mob-nav-item{flex:1 1;display:flex;align-items:center;justify-content:center;padding:.75rem 0;color:var(--text-muted);text-decoration:none;transition:color .15s;min-height:56px}.mob-nav-item.active{color:var(--primary)}.mob-nav-item svg{display:block}}