.header-bar[data-v-51916fc7]{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#333;height:60px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.header-bar[data-v-51916fc7],.header-left[data-v-51916fc7],.menu-button[data-v-51916fc7]{align-items:center;display:flex}.menu-button[data-v-51916fc7]{background:none;border:none;border-radius:.375rem;color:#333;cursor:pointer;justify-content:center;margin-right:1rem;padding:.5rem;transition:all .2s ease}.menu-button[data-v-51916fc7]:hover{background-color:#f5f5f5;color:#1890ff}.menu-button[data-v-51916fc7]:focus{box-shadow:0 0 0 2px #1890ff33;outline:none}.app-title[data-v-51916fc7]{color:#333;font-size:1.2rem;font-weight:600;margin:0}.header-nav[data-v-51916fc7]{align-items:center;display:flex}@media (max-width:768px){.header-bar[data-v-51916fc7]{padding:0 .5rem}.app-title[data-v-51916fc7]{font-size:1rem}.menu-button[data-v-51916fc7]{margin-right:.5rem}}.sidebar[data-v-79e92e54]{background-color:#f8f9fa;border-right:1px solid #e5e7eb;bottom:0;left:0;position:fixed;top:60px;transition:transform .3s ease,width .3s ease;width:240px;z-index:900}.sidebar[data-v-79e92e54]:not(.open){width:60px}.ws-status-indicator[data-v-79e92e54]{border-radius:50%;height:8px;position:absolute;right:8px;top:8px;transition:all .3s ease;width:8px;z-index:10}.ws-status-indicator.connected[data-v-79e92e54]{background-color:#22c55e;box-shadow:0 0 6px #22c55e99}.ws-status-indicator.disconnected[data-v-79e92e54]{animation:pulse-red-79e92e54 2s infinite;background-color:#ef4444;box-shadow:0 0 6px #ef444499}@keyframes pulse-red-79e92e54{0%,to{opacity:1}50%{opacity:.5}}.sidebar:not(.open) .ws-status-indicator[data-v-79e92e54]{right:50%;transform:translate(50%)}.sidebar-content[data-v-79e92e54]{display:flex;flex-direction:column;height:100%}.sidebar-nav[data-v-79e92e54]{flex:1;overflow-y:auto;padding-top:1rem}.sidebar-nav ul[data-v-79e92e54]{list-style-type:none;margin:0;padding:0}.nav-item[data-v-79e92e54]{margin-bottom:2px}.nav-link[data-v-79e92e54]{align-items:center;border-radius:6px;color:#374151;display:flex;font-weight:500;margin:0 8px;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link[data-v-79e92e54]:hover{background-color:#f3f4f6;color:#1f2937;transform:translate(2px)}.nav-link.router-link-active[data-v-79e92e54]{background-color:#dbeafe;border-left:3px solid #1d4ed8;color:#1d4ed8}.nav-icon[data-v-79e92e54]{flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.dropdown-container[data-v-79e92e54]{margin:0 8px}.dropdown-header[data-v-79e92e54]{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-header[data-v-79e92e54]:hover{background-color:#f3f4f6;color:#1f2937}.dropdown-header.active[data-v-79e92e54]{background-color:#f3f4f6;color:#1d4ed8}.dropdown-arrow[data-v-79e92e54]{flex-shrink:0;height:16px;margin-left:auto;transition:transform .2s ease;width:16px}.dropdown-arrow.rotated[data-v-79e92e54]{transform:rotate(180deg)}.dropdown-menu[data-v-79e92e54]{background-color:#f9fafb;border-radius:6px;list-style:none;margin:4px 0 0;overflow:hidden;padding:0}.dropdown-item[data-v-79e92e54]{margin:0}.dropdown-link[data-v-79e92e54]{align-items:center;color:#6b7280;display:flex;font-size:.875rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.dropdown-link[data-v-79e92e54]:hover{background-color:#e5e7eb;color:#374151}.dropdown-link.router-link-active[data-v-79e92e54]{background-color:#dbeafe;color:#1d4ed8}.dropdown-enter-active[data-v-79e92e54],.dropdown-leave-active[data-v-79e92e54]{transform-origin:top;transition:all .3s ease}.dropdown-enter-from[data-v-79e92e54],.dropdown-leave-to[data-v-79e92e54]{opacity:0;transform:scaleY(.8)}.nav-language-controller[data-v-79e92e54]{margin:0 8px;padding:.75rem}.language-select[data-v-79e92e54]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.875rem;outline:none;padding:.25rem .5rem;transition:border-color .2s ease}.language-select[data-v-79e92e54]:focus{border-color:#1d4ed8}.sidebar:not(.open) .dropdown-arrow[data-v-79e92e54],.sidebar:not(.open) .dropdown-menu[data-v-79e92e54],.sidebar:not(.open) .language-select[data-v-79e92e54],.sidebar:not(.open) .nav-text[data-v-79e92e54]{display:none}.sidebar:not(.open) .dropdown-header[data-v-79e92e54],.sidebar:not(.open) .nav-link[data-v-79e92e54]{justify-content:center;margin:0 4px}.sidebar:not(.open) .nav-icon[data-v-79e92e54]{margin-right:0}.sidebar:not(.open) .nav-language-controller[data-v-79e92e54]{justify-content:center}.user-section[data-v-79e92e54]{background-color:#f8f9fa;border-top:1px solid #e5e7eb;margin-top:auto;padding:1rem}.user-avatar[data-v-79e92e54],.user-section[data-v-79e92e54]{align-items:center;display:flex}.user-avatar[data-v-79e92e54]{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:50%;flex-shrink:0;height:36px;justify-content:center;margin-right:.75rem;overflow:hidden;width:36px}.user-avatar svg[data-v-79e92e54]{color:#fff;height:20px;width:20px}.user-info[data-v-79e92e54]{display:flex;flex:1;flex-direction:column;min-width:0}.user-name[data-v-79e92e54]{color:#1f2937;font-size:.875rem;font-weight:600}.user-name[data-v-79e92e54],.user-role[data-v-79e92e54]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-79e92e54]{color:#6b7280;font-size:.75rem;text-transform:capitalize}.logout-icon[data-v-79e92e54]{color:#6b7280;cursor:pointer;flex-shrink:0;height:18px;transition:all .2s ease;width:18px}.logout-icon[data-v-79e92e54]:hover{color:#dc2626;transform:scale(1.1)}.sidebar:not(.open) .user-section[data-v-79e92e54]{justify-content:center;padding:1rem .5rem}.sidebar:not(.open) .logout-icon[data-v-79e92e54],.sidebar:not(.open) .user-info[data-v-79e92e54]{display:none}.sidebar:not(.open) .user-avatar[data-v-79e92e54]{margin-right:0}@media (max-width:768px){.sidebar[data-v-79e92e54]{transform:translate(-100%)}.sidebar.open[data-v-79e92e54]{transform:translate(0)}}