:root{--bg-root: #212121;--bg-panel: #2f2f2f;--bg-card: #212121;--bg-code: #1a1a1a;--border: #3f3f3f;--text-primary: #ececec;--text-secondary: #8e8ea0;--text-muted: #8e8ea0;--text-dim: #8e8ea0;--accent: #0066cc;--accent-light: #0080e6;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--purple: #0066cc;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--font-mono: "Fira Code", "Cascadia Code", monospace;--font-sans: "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#334155}button{font-family:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}.sidebar-desktop{display:flex!important}.sidebar-mobile{display:none!important}.hide-mobile{display:flex!important}@media (max-width: 768px){html,body,#root{overflow:auto}.sidebar-desktop{display:none!important}.sidebar-mobile{display:flex!important}.hide-mobile{display:none!important}.app-layout{flex-direction:column!important;height:auto!important;min-height:100vh!important}.main-content{flex:1!important;overflow:auto!important;padding-bottom:64px!important}.grid-4col{grid-template-columns:repeat(2,1fr)!important}.grid-2col,.grid-courses{grid-template-columns:1fr!important}.grid-roadmap{flex-wrap:wrap!important}.login-box{padding:32px 20px!important}.dashboard-padding{padding:16px 14px!important}.topbar-title{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.grid-4col{grid-template-columns:repeat(2,1fr)!important}.grid-courses{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.dashboard-padding{padding:20px 18px!important}}.courses-grid-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:7px}.courses-grid-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px}@media (max-width: 768px){.courses-grid-concepts,.courses-grid-tech{grid-template-columns:1fr!important;gap:0!important;border-radius:10px;overflow:hidden;border:1px solid #3f3f3f}.checkable-item-mobile{border-radius:0!important;border:none!important;border-bottom:1px solid #3f3f3f!important}.checkable-item-mobile:last-child{border-bottom:none!important}.courses-content-area{padding:16px 14px!important}.module-stepper{overflow-x:auto!important}.module-stepper-inner{min-width:max-content!important}.nav-buttons-mobile{flex-direction:column!important}.nav-buttons-mobile button{width:100%!important}}@media (min-width: 769px) and (max-width: 1024px){.courses-grid-concepts,.courses-grid-tech{grid-template-columns:repeat(2,1fr)!important}.courses-content-area{padding:16px!important}}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .15s ease}.bottom-sheet{background:#1a1a1a;border-radius:20px 20px 0 0;border:1px solid #3f3f3f;border-bottom:none;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.32,.72,0,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.admin-sidenav{display:flex!important}.admin-sidenav-mobile{display:none!important}.admin-col{display:flex!important}@media (max-width: 768px){.admin-layout{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow:auto!important}.admin-sidenav{display:none!important}.admin-sidenav-mobile{display:flex!important}.admin-col-hidden{display:none!important}.admin-col-visible{display:flex!important;flex:1!important}.admin-content-area{flex:1!important;overflow:auto!important;min-height:0!important;padding-bottom:60px!important}}@media (min-width: 769px) and (max-width: 1024px){.admin-sidenav{width:88px!important}.admin-col{width:200px!important}}