.online-users-mini[data-v-4e27b75e]{cursor:pointer;display:inline-block;position:relative}.online-users-pill[data-v-4e27b75e]{align-items:center;background:var(--bg-default);border:1px solid var(--border-default);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:5px 12px;transition:all .2s ease}.online-users-pill[data-v-4e27b75e]:hover{background:var(--bg-subtle);border-color:var(--accent-fg);box-shadow:0 0 10px #5baff426}.pulse-dot[data-v-4e27b75e]{animation:pulse-4e27b75e 1.8s infinite;background-color:var(--success);border-radius:50%;box-shadow:0 0 #2ea043b3;display:inline-block;height:7px;position:relative;width:7px}.pulse-dot.idle[data-v-4e27b75e]{animation:none;background-color:var(--text-muted)}@keyframes pulse-4e27b75e{0%{box-shadow:0 0 #2ea043b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #2ea04300;transform:scale(1)}to{box-shadow:0 0 #2ea04300;transform:scale(.95)}}.online-users-dropdown[data-v-4e27b75e]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 10px 25px #00000080,0 0 0 1px #5baff40d;padding:10px 0;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:999}.dropdown-header[data-v-4e27b75e]{align-items:center;color:var(--text-primary);display:flex;gap:8px;padding:4px 12px}.dropdown-header-icon[data-v-4e27b75e]{color:var(--accent-fg);font-size:.9rem}.dropdown-header-title[data-v-4e27b75e]{color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dropdown-divider[data-v-4e27b75e]{background:var(--border-default);height:1px;margin:8px 0}.dropdown-body[data-v-4e27b75e]{padding:0 12px}.stats-row[data-v-4e27b75e]{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:4px 0}.stats-label[data-v-4e27b75e]{color:var(--text-secondary)}.stats-val[data-v-4e27b75e]{color:var(--text-primary);font-weight:600}.stats-val.current[data-v-4e27b75e]{color:var(--success-fg)}.dropdown-footer[data-v-4e27b75e]{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;gap:6px;padding:2px 12px}.fade-slide-enter-active[data-v-4e27b75e],.fade-slide-leave-active[data-v-4e27b75e]{transition:opacity .2s ease,transform .2s ease}.fade-slide-enter-from[data-v-4e27b75e],.fade-slide-leave-to[data-v-4e27b75e]{opacity:0;transform:translateY(-8px)}.app-shell[data-v-3c07b369]{--sidebar-w:256px;--sidebar-w-collapsed:64px;--topbar-h:56px;background:var(--bg-canvas);display:flex;min-height:100vh}.app-shell.collapsed[data-v-3c07b369]{--sidebar-w:var(--sidebar-w-collapsed)}.sidebar[data-v-3c07b369]{background:var(--bg-default);border-right:1px solid var(--border-default);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .18s ease;width:var(--sidebar-w);z-index:40}.sidebar-header[data-v-3c07b369]{border-bottom:1px solid var(--border-default);height:var(--topbar-h);justify-content:space-between;padding:0 12px}.brand[data-v-3c07b369],.sidebar-header[data-v-3c07b369]{align-items:center;display:flex}.brand[data-v-3c07b369]{color:var(--text-primary);gap:10px;overflow:hidden}.brand-mark[data-v-3c07b369]{align-items:center;background:var(--accent-subtle);border-radius:var(--radius);color:var(--accent-fg);display:inline-flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;width:28px}.brand-name[data-v-3c07b369]{font-size:.95rem;font-weight:600;white-space:nowrap}.collapse-btn[data-v-3c07b369]{align-items:center;background:transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.collapse-btn[data-v-3c07b369]:hover{background:var(--bg-subtle);color:var(--text-primary)}.collapsed .sidebar-header[data-v-3c07b369]{align-items:center;height:var(--topbar-h);justify-content:center;padding:0}.sidebar-nav[data-v-3c07b369]{display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.collapsed .sidebar-nav[data-v-3c07b369]{overflow:visible}.nav-group[data-v-3c07b369],.nav-item[data-v-3c07b369]{position:relative}.nav-item[data-v-3c07b369]{align-items:center;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:7px 10px;transition:background-color .12s ease,color .12s ease;white-space:nowrap}.nav-item.active[data-v-3c07b369],.nav-item[data-v-3c07b369]:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-item.active[data-v-3c07b369]{border-color:var(--border-default)}.nav-item.active .nav-icon[data-v-3c07b369]{color:var(--accent-fg)}.nav-icon[data-v-3c07b369]{align-items:center;display:inline-flex;flex-shrink:0;font-size:1rem;justify-content:center;width:20px}.nav-caret[data-v-3c07b369]{color:var(--text-muted);display:inline-flex;font-size:.9rem;margin-left:auto}.collapsed .nav-item[data-v-3c07b369]{justify-content:center;padding:8px}.nav-children[data-v-3c07b369]{display:flex;flex-direction:column;gap:2px;margin:2px 0}.nav-child[data-v-3c07b369]{font-weight:400;padding-left:34px}.nav-child .nav-icon[data-v-3c07b369]{font-size:.9rem;width:16px}.nav-flyout[data-v-3c07b369]{display:none}.collapsed .nav-item-wrap:hover>.nav-flyout[data-v-3c07b369],.collapsed .nav-item:hover>.nav-flyout[data-v-3c07b369]{display:block}.nav-tooltip[data-v-3c07b369]{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:0 8px 24px #01040980;color:var(--text-primary);font-size:.8rem;font-weight:500;left:calc(100% + 10px);padding:5px 10px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:60}.nav-flyout-menu[data-v-3c07b369]{left:100%;padding-left:10px;position:absolute;top:0;z-index:60}.flyout-box[data-v-3c07b369]{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:0 8px 24px #01040980;min-width:180px;padding:6px}.flyout-title[data-v-3c07b369]{color:var(--text-muted);display:block;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:4px 8px 6px;text-transform:uppercase}.flyout-link[data-v-3c07b369]{align-items:center;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:.84rem;gap:8px;padding:6px 8px}.flyout-link.active[data-v-3c07b369],.flyout-link[data-v-3c07b369]:hover{background:var(--bg-subtle);color:var(--text-primary)}.flyout-link.active[data-v-3c07b369] svg{color:var(--accent-fg)}.sidebar-footer[data-v-3c07b369]{border-top:1px solid var(--border-default);padding:10px 8px}.user-box[data-v-3c07b369]{align-items:center;display:flex;gap:10px;padding:4px}.user-box.compact[data-v-3c07b369]{justify-content:center;padding:0}.user-avatar[data-v-3c07b369]{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;position:relative;width:32px}.user-avatar:hover>.nav-flyout[data-v-3c07b369]{display:block}.user-meta[data-v-3c07b369]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.user-name[data-v-3c07b369]{color:var(--text-primary);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-3c07b369]{align-self:flex-start}.logout-btn[data-v-3c07b369]{align-items:center;background:transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.logout-btn[data-v-3c07b369]:hover{background:#f851491f;color:var(--danger)}.logout-btn.collapsed[data-v-3c07b369]{margin-top:6px;width:100%}.main-area[data-v-3c07b369]{flex:1;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .18s ease}.topbar[data-v-3c07b369]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117d9;border-bottom:1px solid var(--border-default);display:flex;gap:12px;height:var(--topbar-h);padding:0 20px;position:sticky;top:0;z-index:30}.topbar-title[data-v-3c07b369]{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.topbar-right[data-v-3c07b369]{align-items:center;display:flex;gap:8px;margin-left:auto}.menu-btn[data-v-3c07b369]{align-items:center;background:transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;width:32px}.menu-btn[data-v-3c07b369]:hover{background:var(--bg-subtle);color:var(--text-primary)}.page-content[data-v-3c07b369]{margin:0 auto;max-width:1720px;padding:16px 20px;width:100%}.shell-overlay[data-v-3c07b369]{background:#01040999;top:0;right:0;bottom:0;left:0;position:fixed;z-index:39}@media (max-width:768px){.sidebar[data-v-3c07b369]{transform:translate(-100%);transition:transform .2s ease;width:256px}.sidebar.mobile-open[data-v-3c07b369]{transform:translate(0)}.app-shell.collapsed .sidebar[data-v-3c07b369]{width:256px}.main-area[data-v-3c07b369]{margin-left:0}.menu-btn[data-v-3c07b369]{display:inline-flex}.page-content[data-v-3c07b369]{padding:12px 8px}}