/** * App shell — partners, operations, LMS share sidebar.blade.php + _shell-styles.blade.php. * Keep :root in sync with _shell-styles.blade.php (loads in before body sidebar). */ :root { --sidebar-width: 320px; } #sidebar.sidebar { position: fixed !important; top: 0 !important; left: 0 !important; width: var(--sidebar-width) !important; min-width: var(--sidebar-width) !important; max-width: var(--sidebar-width) !important; height: 100vh !important; background: #0a1128 !important; z-index: 1001 !important; display: flex !important; flex-direction: column !important; overflow: visible !important; } .header.app-topbar { position: fixed !important; top: 0 !important; left: var(--sidebar-width) !important; right: 0 !important; height: 80px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; background: #fff !important; border-bottom: 1px solid #e7e7e7 !important; z-index: 1000 !important; padding: 0 24px !important; } .app-topbar__actions { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 20px !important; } .main-wrapper .page-wrapper { margin-left: var(--sidebar-width) !important; } .page-title-box { display: none !important; } @media (max-width: 991px) { #sidebar.sidebar { margin-left: calc(-1 * var(--sidebar-width)) !important; } }