.menu-container{color:#475569;background-color:#fff;flex-direction:column;height:100%;margin-top:20px;transition:width .3s;display:flex;position:relative}.desktop-drawer{transition:width .3s}.desktop-drawer .MuiDrawer-paper{border-right:1px solid #e0e8ee;width:286px;overflow:visible;top:var(--nav-h)!important;height:calc(100vh - var(--nav-h))!important;z-index:1000!important}.desktop-drawer.collapsed .MuiDrawer-paper{width:80px}.menu-header{justify-content:space-between;min-height:134px;padding:32px 16px}.menu-header .collapse-toggle-button{color:#475569;background-color:#fff;border:1px solid #e0e8ee;transition:transform .3s;position:absolute;top:50px;right:-20px}.menu-header .collapse-toggle-button:hover{background-color:#f1f5f9}.menu-item{width:auto;min-height:48px;transition:all .3s;border-radius:8px!important;margin-left:16px!important;margin-right:16px!important}.menu-item.MuiListItemButton-root{justify-content:flex-start;margin-bottom:4px}.menu-item:hover{color:#fff;background-color:#1565c0!important}.menu-item.active,.menu-item.Mui-selected{color:#fff!important;background-color:#1565c0!important}.menu-item.active:hover,.menu-item.Mui-selected:hover{background-color:#1565c0!important}.menu-item .menu-item-icon{color:inherit;min-width:40px;transition:color .3s}.desktop-menu-container.collapsed{width:80px}.desktop-menu-container.collapsed .menu-item{justify-content:center;margin-left:8px!important;margin-right:8px!important;padding:12px!important}.desktop-menu-container.collapsed .menu-item .menu-item-icon{min-width:unset}.desktop-menu-container.collapsed .menu-header{justify-content:center;padding:32px 0}.desktop-menu-container.collapsed .collapse-toggle-button{right:50%;top:unset;bottom:120px;transform:translate(50%)rotate(180deg)}.menu-footer{box-sizing:border-box;width:100%;margin-top:auto;padding:12px;transition:all .3s}.menu-footer.collapsed{padding:16px 8px}.menu-footer.collapsed .user-profile{justify-content:center;padding:8px 0}.menu-footer .footer-actions-container{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.menu-footer .footer-action-card{cursor:pointer;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;height:52px;padding:0 16px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d;border:1px solid #e0e8ee!important}.menu-footer .footer-action-card .MuiSvgIcon-root{flex-shrink:0;font-size:20px;display:flex}.menu-footer .footer-action-card:hover{background-color:#f8fafc;transform:translateY(-2px)}.menu-footer .footer-action-card .action-text{color:#475569;margin:0;font-size:14px;font-weight:600;line-height:1}.menu-footer .footer-action-card .logout-icon{color:#ef4444;margin-right:12px;font-size:20px}.menu-footer .footer-action-card .whatsapp-icon{color:#22c55e;margin-right:12px;font-size:20px}.menu-footer .profile-divider{margin-top:8px;margin-bottom:8px}.menu-footer .user-profile{color:#475569;justify-content:space-start;border-radius:8px;padding:8px;transition:all .3s}.menu-footer .user-profile .user-avatar{background-color:#1565c0;border-radius:8px;width:40px;height:40px;transition:all .3s}.menu-footer .user-profile .user-name{padding-left:12px}.mobile-popup-menu{width:290px;border:none!important;border-radius:20px!important;overflow:hidden!important}.mobile-popup-menu .footer-actions-container{flex-direction:column;gap:12px;margin-bottom:0;padding:8px;display:flex}.desktop-menu-container{flex-shrink:0;width:286px;display:block}.mobile-nav-wrapper{z-index:1200;border-top:1px solid #e0e8ee;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:1024px){.desktop-menu-container{display:none}.mobile-nav-wrapper{display:block}}.mobile-bottom-nav{background-color:#fff;justify-content:space-around;gap:8px;height:75px;padding:0 16px}@media (min-width:744px){.mobile-bottom-nav{gap:50px}}.mobile-bottom-nav .MuiSvgIcon-root{font-size:24px;transition:font-size .2s}@media (min-width:744px){.mobile-bottom-nav .MuiSvgIcon-root{font-size:32px}}.mobile-bottom-nav .MuiBottomNavigationAction-root{color:#475569;height:50px;margin:auto 0;transition:all .2s;border-radius:12px!important;min-width:50px!important;max-width:50px!important;padding:0!important}@media (min-width:744px){.mobile-bottom-nav .MuiBottomNavigationAction-root{height:50px}}.mobile-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{color:#fff;background-color:#1565c0}.mobile-bottom-nav .MuiBottomNavigationAction-root .mobile-profile-icon{color:#475569;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;min-width:50px!important}.mobile-bottom-nav .MuiBottomNavigationAction-root .mobile-profile-icon.active{color:#fff;background-color:#1565c0}.mobile-bottom-nav .MuiBottomNavigationAction-root .mobile-profile-icon .MuiSvgIcon-root{font-size:28px}@media (min-width:744px){.mobile-bottom-nav .MuiBottomNavigationAction-root .mobile-profile-icon .MuiSvgIcon-root{font-size:32px}}.mobile-bottom-nav .MuiBottomNavigationAction-root .MuiBottomNavigationAction-label{display:none!important}.MuiFade-root{filter:drop-shadow(0 10px 15px #0000001a)}
:root{--nav-h:48px}@media (min-width:600px){:root{--nav-h:64px}}@media (min-width:1025px){:root{--nav-h:64px}}.header-appbar{--nav-bg:transparent;--nav-fg:#fff;z-index:1300;background:var(--nav-bg);width:100%;color:var(--nav-fg);border:0;transition:background-color .22s,color .22s,box-shadow .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;position:relative}.header-appbar.MuiAppBar-colorPrimary,.header-appbar.MuiAppBar-colorDefault,.header-appbar.MuiAppBar-colorTransparent{background:var(--nav-bg)}.header-appbar.is-transparent{--nav-fg:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}.header-appbar.is-solid{--nav-bg:#fff;--nav-fg:#000;-webkit-backdrop-filter:saturate(140%)blur(6px);backdrop-filter:saturate(140%)blur(6px);box-shadow:0 4px 12px #0000001a}.header-brand{display:none}@media (min-width:1025px){.header-brand{align-items:center;position:relative;display:inline-flex!important}}.header-brand .header-brandTitle-dark,.header-brand .header-brandTitle-white{width:391px;height:43px;display:none;position:absolute}.header-appbar.is-transparent .header-brand .header-brandTitle-white{display:block}.header-appbar.is-transparent .header-brand .header-brandTitle-dark{display:none}.header-appbar.is-solid .header-brand .header-brandTitle-dark{display:block}.header-appbar.is-solid .header-brand .header-brandTitle-white{display:none}.header-toolbar{height:var(--nav-h);justify-content:space-between;align-items:center;padding:0 30px;display:flex}@media (min-width:1025px){.header-toolbar.is-authenticated{padding:0 64px 0 30px}}@media (min-width:600px){.header-toolbar{padding:0 54px}}.header-left-icon{color:var(--nav-fg);align-items:center;gap:20px;display:flex}.header-left-icon button{padding:0}.header-left-icon button:hover{background-color:#0000!important}@media (min-width:600px){.header-left-icon{gap:30px}}@media (min-width:1025px){.header-left-icon{gap:30px}}.header-left-icon svg{fill:currentColor;transition:fill .22s,color .22s,opacity .22s}.header-left-link{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.header-menu-toggle{display:none!important}@media (min-width:1025px){.header-menu-toggle{display:inline-flex!important}}.header-logoImg{width:25px;height:30px}@media (min-width:600px){.header-logoImg{width:30px;height:42px}}@media (min-width:1025px){.header-logoImg{display:none}}.header-toolbar,.header-left-icon,.header-brand,.language-selector-btn,.header-langLabel,.header-left-icon svg{color:var(--nav-fg);fill:var(--nav-fg);transition:color .22s,fill .22s}@media (prefers-reduced-motion:reduce){.header-appbar,.header-toolbar,.header-left-icon,.header-left-icon svg,.header-brand,.language-selector-btn,.header-langLabel{transition:none!important}}.header-logo-symbol{width:25px;height:30px}@media (min-width:600px){.header-logo-symbol{width:30px;height:42px;display:none}}@media (min-width:1025px){.header-logo-symbol{display:none}}.header-logo-full{display:none}@media (min-width:600px){.header-logo-full{width:232px;height:32px;display:block}}@media (min-width:1025px){.header-logo-full{width:300px;height:40px;display:block}}.notification-button{color:var(--nav-fg);cursor:pointer;justify-content:center;align-items:center;transition:color .22s;display:flex}.notification-button svg{fill:currentColor}