.nav-main-container{background:var(--navbar-bg);z-index:500;scrollbar-width:none;border-right:1px solid var(--border-color);flex-direction:column;width:260px;height:calc(100vh - 80px);padding:0;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;display:flex;position:fixed;top:80px;left:0;overflow-y:auto;overflow-x:visible!important}.nav-main-container.collapsed{width:80px}.nav-main-container::-webkit-scrollbar{display:none}.navbuttons{flex-direction:column;flex-grow:1;gap:8px;padding:20px 10px;display:flex;overflow-y:auto}.collapsed .navbuttons{align-items:center;gap:8px}.nav-main-container.has-active-nav .nav-item-wrapper:not(.has-active-child),.nav-main-container.has-active-nav .logout-section{filter:blur(1.8px);opacity:.5;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-main-container.has-active-nav .nav-item-wrapper:not(.has-active-child):hover,.nav-main-container.has-active-nav .logout-section:hover{filter:blur();opacity:1}.nav-item-wrapper{width:100%;position:relative}.nav-links{color:var(--navbar-text,#94a3b8);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.collapsed .nav-links{justify-content:center;gap:0;width:56px;min-height:56px;padding:16px}.nav-text{text-overflow:ellipsis;color:inherit;flex:1;font-size:15px;font-weight:500;line-height:1.5;transition:color .2s;overflow:hidden}.collapsed .nav-text{display:none}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex}.menu-icon svg{width:20px;height:20px;color:inherit;transition:all .2s}.menu-arrow{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#686868;justify-content:center;align-items:center;margin-left:auto;margin-right:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.menu-arrow.open{transform:rotate(90deg)}.nav-links:hover .menu-arrow,.active-nav-link .menu-arrow{color:#f9fafb}.nav-links:hover:not(.active-nav-link){background:#ffffff14;transform:translate(4px);color:var(--navbar-text-hover,#fff)!important}.nav-links:hover:not(.active-nav-link) .menu-icon svg{color:var(--navbar-text-hover,#fff)}.collapsed .nav-links:hover:not(.active-nav-link){transform:scale(1.08)}.active-nav-link{z-index:10;border:1px solid #fff3;transform:translate(4px)scale(1.02);box-shadow:0 4px 12px #00000040;color:var(--secondary-color,#f5b301)!important;background:#ffffff26!important}.collapsed .active-nav-link{transform:scale(1.15)}.active-nav-link .menu-icon svg{color:var(--secondary-color,#f5b301)!important}.submenu{flex-direction:column;gap:4px;padding-top:8px;padding-bottom:4px;padding-left:46px;animation:.3s cubic-bezier(.4,0,.2,1) submenuSlideDown;display:flex}@keyframes submenuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submenu-link{color:var(--navbar-text,#94a3b8);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.submenu-bullet{color:#9ca3af;font-size:18px;line-height:1;transition:color .2s}.submenu-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.submenu-link:hover{color:var(--secondary-color,#f5b301);background:#ffffff14;transform:translate(4px)}.submenu-link:hover .submenu-bullet{color:var(--secondary-color,#f5b301)}.active-submenu-link{background:#ffffff1f;color:var(--secondary-color,#f5b301)!important}.active-submenu-link .submenu-bullet{color:var(--secondary-color,#f5b301)}.collapsed-submenu-popup{background:var(--navbar-bg);border:1px solid var(--border-color);z-index:10000;border-radius:8px;min-width:200px;max-width:280px;animation:.2s submenuPopupFadeIn;position:fixed;left:88px;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes submenuPopupFadeIn{0%{opacity:0;transform:translate(-8px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.collapsed-submenu-bridge{z-index:9999;background:0 0;width:20px;height:100%;position:absolute;top:0;left:100%}.collapsed-submenu-header{color:#fff;background:var(--primary-color);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:14px;font-weight:600}.collapsed-submenu-items{flex-direction:column;gap:4px;padding:8px;display:flex}.collapsed-submenu-link{color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.collapsed-submenu-link .submenu-bullet{color:#9ca3af;flex-shrink:0;font-size:18px;line-height:1;transition:color .2s}.collapsed-submenu-link .submenu-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.collapsed-submenu-link:hover{color:var(--primary-color);background:#081f4d14}.collapsed-submenu-link:hover .submenu-bullet{color:var(--primary-color)}.active-collapsed-submenu-link{background:#081f4d1f;color:var(--primary-color)!important}.active-collapsed-submenu-link .submenu-bullet{color:var(--primary-color)}.tooltip-popup{color:#fff;white-space:nowrap;z-index:9999;pointer-events:none;background:#000000e6;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;animation:.2s tooltipFadeIn;position:fixed;left:88px;box-shadow:0 4px 12px #00000026}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.logout-section{border-top:1px solid var(--border-color);margin-top:auto;padding:16px 10px}.logout-wrapper{width:100%}.logout-btn{color:var(--navbar-text,#94a3b8);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 14px;font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.logout-btn:hover{background:#ef444426;border:1px solid #ef44444d;transform:translate(4px);color:#ef4444!important}.logout-btn .menu-icon svg{color:var(--navbar-text,#94a3b8);transition:color .2s}.logout-btn:hover .menu-icon svg{color:#ef4444}.collapsed .logout-btn{justify-content:center;gap:0;width:56px;padding:16px}.collapsed .logout-btn:hover{transform:scale(1.08)}.collapsed .nav-item-wrapper{position:relative}.collapsed-submenu-popup{transition:opacity .15s,transform .15s}@media (max-width:768px){.nav-main-container{border-right:none;border-bottom:1px solid var(--border-color);height:auto;position:relative;top:0;overflow:visible;width:100%!important}.tooltip-popup,.collapsed-submenu-popup,.collapsed-submenu-bridge{display:none!important}.navbuttons{flex-flow:wrap;justify-content:center;gap:8px;padding:15px 10px}.nav-links{width:auto;min-height:44px;padding:12px 16px;transform:none!important}.nav-links:hover:not(.active-nav-link){transform:none!important}.submenu{padding-left:20px}.logout-section{border-top:none;margin-top:0;padding:12px 10px}.logout-btn{width:auto;min-height:44px;padding:12px 16px;transform:none!important}.logout-btn:hover{transform:none!important}}.dark-mode .nav-main-container{background:var(--navbar-bg)}.dark-mode .nav-links,.dark-mode .menu-icon svg{color:var(--text-primary)}.dark-mode .nav-links:hover:not(.active-nav-link),.dark-mode .nav-links:hover:not(.active-nav-link) .menu-icon svg{color:#f9fafb!important}.dark-mode .submenu-link{color:#d1d5db}.dark-mode .submenu-link:hover{background:#081f4d26}.dark-mode .collapsed-submenu-popup{background:var(--navbar-bg);border-color:var(--border-color)}.dark-mode .collapsed-submenu-link{color:var(--text-secondary)}.dark-mode .collapsed-submenu-link:hover{background:#081f4d26}.dark-mode .logout-btn,.dark-mode .logout-btn .menu-icon svg{color:var(--text-primary)}.nav-main-container{z-index:500}.tooltip-popup,.collapsed-submenu-bridge{z-index:9999}.collapsed-submenu-popup{z-index:10000}