.container-nav[data-v-2c56a5fc]{scrollbar-width:none}.side-nav[data-v-2c56a5fc]{align-items:center;background:#fff;border-right:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:16px;height:100%;min-width:260px;overflow-y:auto;padding:20px 16px;position:relative;width:18%}.side-nav[data-v-2c56a5fc]::-webkit-scrollbar{width:6px}.side-nav[data-v-2c56a5fc]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.side-nav[data-v-2c56a5fc]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.side-nav[data-v-2c56a5fc]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.brand-section[data-v-2c56a5fc]{border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding:16px 0;width:100%}.brand-section .logo[data-v-2c56a5fc]{gap:12px}.brand-section .logo[data-v-2c56a5fc],.brand-section .logo .logo-icon[data-v-2c56a5fc]{align-items:center;display:flex;justify-content:center}.brand-section .logo .logo-icon[data-v-2c56a5fc]{background:var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;height:40px;width:40px}.brand-section .logo .logo-icon svg[data-v-2c56a5fc]{height:24px;width:24px}.brand-section .logo .brand-text[data-v-2c56a5fc]{color:var(--primary-color);font-size:20px;font-weight:700;letter-spacing:-.025em}.nav-menu[data-v-2c56a5fc]{display:flex;flex:1;flex-direction:column;gap:4px;padding:8px 0;width:100%}.nav-menu .item[data-v-2c56a5fc]{animation:slideInLeft-2c56a5fc .4s ease forwards;border-radius:16px;cursor:pointer;opacity:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-menu .item .item-bg[data-v-2c56a5fc]{background:linear-gradient(135deg,var(--light),#f8fafc);height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:1}.nav-menu .item .item-ripple[data-v-2c56a5fc]{background:radial-gradient(circle,rgba(0,0,0,.1) 1%,transparent 0);background-size:15000%;height:100%;left:0;position:absolute;top:0;transition:background-size .3s;width:100%;z-index:2}.nav-menu .item .item-content[data-v-2c56a5fc]{align-items:center;display:flex;gap:12px;padding:14px 16px;position:relative;z-index:3}.nav-menu .item .item-content .icon-wrapper[data-v-2c56a5fc]{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.nav-menu .item .item-content .icon-wrapper .nav-icon[data-v-2c56a5fc]{height:20px;transition:all .3s ease;width:20px}.nav-menu .item .item-content .name[data-v-2c56a5fc]{color:#374151;flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.nav-menu .item .item-content .badge[data-v-2c56a5fc]{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1;min-width:20px;padding:4px 8px;text-align:center}.nav-menu .item .item-content .arrow[data-v-2c56a5fc]{color:#fff;height:16px;opacity:.8;width:16px}.nav-menu .item .item-content .arrow svg[data-v-2c56a5fc]{height:100%;width:100%}.nav-menu .item .active-indicator[data-v-2c56a5fc]{background:var(--primary-color);border-radius:0 4px 4px 0;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s cubic-bezier(.4,0,.2,1);width:4px;z-index:4}.nav-menu .item[data-v-2c56a5fc]:hover{box-shadow:0 8px 25px -8px #0003;transform:translate(4px)}.nav-menu .item:hover .item-bg[data-v-2c56a5fc]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.nav-menu .item:hover .item-ripple[data-v-2c56a5fc]{background-size:100%}.nav-menu .item:hover .item-content .name[data-v-2c56a5fc]{color:#fff}.nav-menu .item:hover .item-content .nav-icon[data-v-2c56a5fc]{filter:brightness(0) contrast(2) saturate(2) hue-rotate(90deg) invert(100%)}.nav-menu .item.active[data-v-2c56a5fc]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 8px 25px -8px var(--primary-color);transform:translate(4px)}.nav-menu .item.active .item-bg[data-v-2c56a5fc]{background:transparent}.nav-menu .item.active .item-content .name[data-v-2c56a5fc]{color:#fff;font-weight:600}.nav-menu .item.active .item-content .nav-icon[data-v-2c56a5fc]{filter:brightness(0) contrast(2) saturate(2) hue-rotate(90deg) invert(100%)}.nav-menu .item.active .active-indicator[data-v-2c56a5fc]{height:32px}.nav-menu .item.active[data-v-2c56a5fc]:hover{opacity:1;transform:translate(4px)}.nav-menu .item[data-v-2c56a5fc]:active{transform:translate(2px) scale(.98)}.user-section[data-v-2c56a5fc]{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:16px 0;width:100%}.user-section .user-info[data-v-2c56a5fc]{align-items:center;background:var(--light);border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:12px;padding:12px 16px}.user-section .user-info .avatar[data-v-2c56a5fc]{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-section .user-info .user-details[data-v-2c56a5fc]{flex:1;min-width:0}.user-section .user-info .user-details .user-name[data-v-2c56a5fc]{color:#374151;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-section .user-info .user-details .user-role[data-v-2c56a5fc]{color:#6b7280;font-size:12px;text-transform:capitalize}.logout[data-v-2c56a5fc]{margin:8px 0 0;width:100%}.logout .button[data-v-2c56a5fc]{align-items:center;background:#dc2626;border:none;border-radius:16px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.logout .button .logout-icon[data-v-2c56a5fc]{height:18px;width:18px}.logout .button[data-v-2c56a5fc]:hover{background:#b91c1c;box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.logout .button[data-v-2c56a5fc]:active{transform:translateY(0) scale(.98)}@keyframes slideInLeft-2c56a5fc{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.item[data-v-2c56a5fc]:first-child{animation-delay:0ms}.item[data-v-2c56a5fc]:nth-child(2){animation-delay:50ms}.item[data-v-2c56a5fc]:nth-child(3){animation-delay:.1s}.item[data-v-2c56a5fc]:nth-child(4){animation-delay:.15s}.item[data-v-2c56a5fc]:nth-child(5){animation-delay:.2s}.item[data-v-2c56a5fc]:nth-child(6){animation-delay:.25s}.item[data-v-2c56a5fc]:nth-child(7){animation-delay:.3s}.item[data-v-2c56a5fc]:nth-child(8){animation-delay:.35s}.button[data-v-2c56a5fc]:focus-visible,.item[data-v-2c56a5fc]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.button[data-v-2c56a5fc],.item[data-v-2c56a5fc]{animation:none;transition:none}}