.sidebar-nav{z-index:40;background-color:#f8fafc;border-right:1px solid #e2e8f0cc;height:100vh;transition:width .3s;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.dark .sidebar-nav{background-color:#0f172a;border-right:1px solid #3741514d}.sidebar-nav.collapsed{width:70px}.sidebar-nav.expanded{width:260px}@media (width>=1024px){.sidebar-nav.collapsed:hover{width:260px}}.sidebar-navigation{scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;height:calc(100vh - 64px);overflow-y:auto}.dark .sidebar-navigation{scrollbar-color:#4b55634d transparent}.sidebar-navigation::-webkit-scrollbar{width:3px}.sidebar-navigation::-webkit-scrollbar-track{background:0 0}.sidebar-navigation::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:9999px}.dark .sidebar-navigation::-webkit-scrollbar-thumb{background-color:#4b55634d}.nav-item{margin-bottom:2px}.nav-item a{color:#64748b;border-radius:6px;align-items:center;padding:10px 12px;text-decoration:none;transition:all .3s;display:flex}.dark .nav-item a{color:#94a3b8}.nav-item.active a{background-color:color-mix(in srgb,var(--ui-primary,#10b981) 12%,transparent);color:var(--ui-primary,#10b981);border-right:3px solid var(--ui-primary,#10b981)}.nav-item:not(.active) a:hover{color:#334155;background-color:#94a3b81a}.dark .nav-item:not(.active) a:hover{color:#fff;background-color:#4b556333}.nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav.collapsed .nav-item a{justify-content:center}.sidebar-nav.collapsed:hover .nav-item a,.sidebar-nav.expanded .nav-item a{justify-content:flex-start}.sidebar-nav.collapsed .nav-label{opacity:0;white-space:nowrap;width:0;display:none;overflow:hidden}.sidebar-nav.collapsed:hover .nav-label,.sidebar-nav.expanded .nav-label{opacity:1;width:auto;margin-left:12px;display:block}.category-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-top:20px;margin-bottom:8px;padding:8px 12px;font-size:.75rem;font-weight:600}.dark .category-label{color:#64748b}.sidebar-nav.collapsed .category-label{height:16px;margin:12px 0;padding:0;font-size:0;overflow:hidden}.sidebar-nav.collapsed:hover .category-label{height:auto;padding:8px 12px;font-size:.75rem;overflow:visible}.nav-item .dropdown-arrow{margin-left:auto;transition:transform .3s}.nav-item .dropdown-arrow.rotated{transform:rotate(180deg)}.submenu{max-height:0;margin-top:2px;padding-left:32px;transition:max-height .3s;display:block;overflow:hidden}.submenu.expanded{max-height:500px}.sidebar-nav.collapsed .submenu{z-index:10;background-color:#fff;border:1px solid #e2e8f0cc;border-radius:6px;min-width:200px;margin-left:4px;padding:8px;display:none;position:absolute;top:0;left:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .sidebar-nav.collapsed .submenu{background-color:#1e293b;border:1px solid #3741514d}.sidebar-nav.collapsed .nav-item:hover .submenu{padding-left:0;display:block}.submenu-item{color:#64748b;border-radius:6px;align-items:center;margin-bottom:2px;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex}.dark .submenu-item{color:#94a3b8}.submenu-item.active{color:#22c55e;background-color:#22c55e1a}.submenu-item:not(.active):hover{color:#334155;background-color:#94a3b81a}.dark .submenu-item:not(.active):hover{color:#fff;background-color:#4b556333}