.side-container{display:none}@media screen and (min-width: 1000px){.side-container{display:flex!important;position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:#fff;border-right:1px solid #e5e7eb;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.side-container.collapsed{width:var(--sidebar-collapsed-width)}}.sidebar-wrapper{height:100%;display:flex;flex-direction:column;padding:0;overflow-y:auto;overflow-x:hidden}.sidebar-wrapper::-webkit-scrollbar{width:4px}.sidebar-wrapper::-webkit-scrollbar-track{background:transparent}.sidebar-wrapper::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.sidebar-wrapper::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid #f3f4f6;background:var(--main-color);position:relative}.sidebar-logo-container{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.sidebar-logo-img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#fff;padding:3px;transition:all .3s ease}.sidebar-brand-text{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,width .3s ease;opacity:1;width:auto}.sidebar-toggle-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background:#ffffff4d}.sidebar-toggle-btn .material-symbols-rounded{font-size:18px}.side-container.collapsed .sidebar-logo-container{display:none!important}.side-container.collapsed .sidebar-header{justify-content:center}.quick-access-container{padding:1rem .5rem;border-bottom:1px solid #f3f4f6}.quick-access-title{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding:0 .25rem}.quick-access-title .material-symbols-rounded{font-size:14px}.quick-access-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.quick-access-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.65rem .4rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#6b7280;transition:all .2s ease;font-size:.75rem}.quick-access-btn .material-symbols-rounded{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-access-btn-text{font-size:.65rem;font-weight:500;text-align:center;line-height:1.2;opacity:1;height:auto}.quick-access-btn:hover{background:var(--main-color);color:#fff;border-color:var(--main-color);transform:translateY(-1px)}.quick-access-btn.active{background:var(--main-color);color:#fff;border-color:var(--main-color)}.side-container.collapsed .quick-access-title,.side-container.collapsed .quick-access-btn-text{opacity:0!important;height:0!important;margin:0!important;overflow:hidden!important}.side-container.collapsed .quick-access-buttons{grid-template-columns:1fr;gap:.4rem;padding:6px}.side-container.collapsed .quick-access-btn{justify-content:center;align-items:center}.side-container.collapsed .quick-access-btn .material-symbols-rounded{margin:0}.sidebar-nav-container{flex:1;padding:.75rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav-title{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding:0 1rem}.sidebar-nav-title .material-symbols-rounded{font-size:14px}.sidebar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;min-height:44px;color:#374151;text-decoration:none;border-radius:0;transition:all .2s ease;font-size:.875rem;font-weight:500;border-left:3px solid transparent}.sidebar-nav-link i,.sidebar-nav-link .material-symbols-rounded{font-size:18px;width:20px;height:20px;line-height:20px;text-align:center;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,width .3s ease;opacity:1;width:auto;line-height:1.5}.sidebar-nav-link:hover{background:#f9fafb;color:var(--main-color);border-left-color:var(--main-color)}.sidebar-nav-link.active{background:#fef3f2;color:var(--main-color);font-weight:600;border-left-color:var(--main-color)}.side-container.collapsed .sidebar-nav-title{opacity:0;height:0;margin:0;overflow:hidden}.side-container.collapsed .sidebar-nav-text{opacity:0!important;width:0!important}.side-container.collapsed .sidebar-nav-link{justify-content:center;padding:.75rem;min-height:44px}.sidebar-menu-with-submenu{list-style:none}.sidebar-nav-toggle{width:100%;background:none;border:none;text-align:left;cursor:pointer;position:relative}.sidebar-nav-toggle.open{background:#f9fafb}.sidebar-nav-toggle.open .sidebar-nav-chevron{transform:rotate(180deg)}.sidebar-nav-chevron{transition:transform .2s ease;font-size:11px;color:#9ca3af}.sidebar-submenu{list-style:none;padding:.25rem 0 .5rem;margin:0 0 0 .5rem;border-left:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.sidebar-submenu-item{list-style:none}.sidebar-submenu-link{display:flex;align-items:center;gap:.65rem;padding:.6rem 1rem .6rem 1.5rem;color:#6b7280;text-decoration:none;transition:all .2s ease;font-size:.8125rem;font-weight:400;position:relative}.sidebar-submenu-link:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--main-color);transform:scaleY(0);transition:transform .2s ease}.sidebar-submenu-link i,.sidebar-submenu-link .material-symbols-rounded{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-submenu-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-submenu-link:hover{background:#f9fafb;color:var(--main-color)}.sidebar-submenu-link:hover:before{transform:scaleY(1)}.sidebar-submenu-link.active{background:#fef3f2;color:var(--main-color);font-weight:500}.sidebar-submenu-link.active:before{transform:scaleY(1)}.sidebar-submenu-link.disabled{cursor:pointer;opacity:.5}.sidebar-submenu-link.disabled .text-muted{color:#d1d5db!important}.sidebar-submenu-link.disabled:hover{background:#f9fafb;color:#9ca3af}.sidebar-nav-link.disabled,.sidebar-nav-toggle.all-disabled{cursor:not-allowed;opacity:.5}.side-container.collapsed .sidebar-submenu{display:none!important}.side-container.collapsed .sidebar-nav-chevron{display:none}.side-container.collapsed .sidebar-nav-toggle{justify-content:center;padding:.7rem}.side-container.collapsed .sidebar-menu-with-submenu{position:relative}.side-container.collapsed .sidebar-menu-with-submenu:hover .sidebar-submenu{display:flex!important;flex-direction:column;position:fixed;left:var(--sidebar-collapsed-width);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:.5rem 0;margin:0;min-width:200px;z-index:1100;animation:slideIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.side-container.collapsed .sidebar-submenu-link{padding:.7rem 1rem}.side-container.collapsed .sidebar-submenu-link:before{display:none}.side-container.collapsed .sidebar-submenu{border-left:none}.side-container.collapsed .sidebar-submenu:hover{display:flex!important}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#9ca3af}.sidebar-loading-text{font-size:.75rem;text-align:center}.side-container.collapsed .sidebar-loading-text{opacity:0;height:0}.desktop-user-profile{display:none}@media screen and (min-width: 1000px){.desktop-user-profile{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;background:#ffffff26}.desktop-user-profile:hover{background:#ffffff40}.desktop-user-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid white}.desktop-user-info{display:flex;flex-direction:column;min-width:0}.desktop-user-name{color:#fff;font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.desktop-user-role{color:#ffffffd9;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-user-dropdown-icon{color:#fff;font-size:18px;margin-left:auto}.desktop-user-dropdown{position:absolute;top:calc(100% + .5rem);right:1rem;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1050}.desktop-user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.desktop-user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;color:#374151;text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.875rem}.desktop-user-dropdown-item:hover{background:#f9fafb;color:var(--main-color)}.desktop-user-dropdown-item .material-symbols-rounded{font-size:18px}.desktop-user-dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}}@media (max-width: 999px){.sidebar-submenu{display:none!important}}