.top-nav-layout[data-v-e2ed3f6a]{flex-direction:column}.top-nav-layout .topbar[data-v-e2ed3f6a]{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 2rem;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.header-brand[data-v-e2ed3f6a]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-e2ed3f6a]{height:40px;width:auto;border-radius:var(--radius-sm);object-fit:contain}.header-nav[data-v-e2ed3f6a]{display:flex;align-items:center}.nav-menu[data-v-e2ed3f6a]{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0}.nav-category[data-v-e2ed3f6a]{position:relative;padding:.5rem 0}.nav-category-btn[data-v-e2ed3f6a]{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.nav-category-btn[data-v-e2ed3f6a]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-category-btn.active[data-v-e2ed3f6a]{background-color:var(--primary-light);color:var(--primary-color)}.category-icon[data-v-e2ed3f6a]{color:currentColor;flex-shrink:0}.chevron-down-icon[data-v-e2ed3f6a]{color:var(--text-muted);transition:transform var(--transition-fast)}.nav-category:hover .chevron-down-icon[data-v-e2ed3f6a]{transform:translateY(1px)}.nav-dropdown[data-v-e2ed3f6a]{display:block;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;min-width:220px;box-shadow:var(--shadow-lg);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);margin:0;list-style:none}.nav-category:hover .nav-dropdown[data-v-e2ed3f6a]{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-item[data-v-e2ed3f6a]{margin-bottom:.25rem}.dropdown-item[data-v-e2ed3f6a]:last-child{margin-bottom:0}.dropdown-item a[data-v-e2ed3f6a]{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition-fast)}.dropdown-item a[data-v-e2ed3f6a]:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.dropdown-item.active a[data-v-e2ed3f6a]{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.submenu-bullet[data-v-e2ed3f6a]{color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.dropdown-item.active .submenu-bullet[data-v-e2ed3f6a]{color:var(--primary-color)}.dropdown-item a:hover .submenu-bullet[data-v-e2ed3f6a]{color:var(--text-primary)}.sidebar-link-badge[data-v-e2ed3f6a]{display:flex;justify-content:space-between;align-items:center;width:100%}.badge-unread[data-v-e2ed3f6a]{background-color:var(--danger-color);color:#fff;padding:0 .5rem;font-size:.75rem;border-radius:var(--radius-full);font-weight:700;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444433}.header-actions[data-v-e2ed3f6a]{display:flex;align-items:center;gap:1.5rem}.profile-group[data-v-e2ed3f6a]{display:flex;align-items:center;gap:.75rem}.btn-logout[data-v-e2ed3f6a]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0;outline:none}.btn-logout[data-v-e2ed3f6a]:hover{background-color:var(--danger-light);color:var(--danger-color);border-color:#ef444433;transform:translateY(-1px)}.logout-icon[data-v-e2ed3f6a]{transition:transform var(--transition-fast)}.btn-logout:hover .logout-icon[data-v-e2ed3f6a]{transform:scale(1.05)}.w-full[data-v-e2ed3f6a]{width:100%}.mr-2[data-v-e2ed3f6a]{margin-right:.5rem}.font-semibold[data-v-e2ed3f6a]{font-weight:600}.topbar-profile[data-v-e2ed3f6a]{display:flex;flex-direction:column;align-items:flex-end;padding:.5rem 1rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.topbar-profile[data-v-e2ed3f6a]:hover{background-color:var(--bg-tertiary)}.profile-name[data-v-e2ed3f6a]{font-weight:600;font-size:.95rem}.profile-role[data-v-e2ed3f6a]{font-size:.75rem;margin-top:-2px}.profile-details[data-v-e2ed3f6a]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row[data-v-e2ed3f6a]{display:flex;justify-content:space-between;font-size:.9rem}.detail-label[data-v-e2ed3f6a]{color:var(--text-secondary);font-weight:500}.detail-value[data-v-e2ed3f6a]{color:var(--text-primary);font-weight:600}.password-change-section h4[data-v-e2ed3f6a]{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1rem}.mt-2[data-v-e2ed3f6a]{margin-top:.5rem}.alert-box[data-v-e2ed3f6a]{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.85rem;font-weight:500}.alert-success[data-v-e2ed3f6a]{background-color:var(--success-light);color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.alert-danger[data-v-e2ed3f6a]{background-color:var(--danger-light);color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.btn-sm[data-v-e2ed3f6a]{padding:.4rem 1rem;font-size:.85rem}.suspended-overlay[data-v-e2ed3f6a]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:9999}.suspended-card[data-v-e2ed3f6a]{max-width:480px;width:90%;text-align:center;padding:2.5rem;border-top:4px solid var(--danger-color);box-shadow:0 20px 25px -5px #00000080}.suspended-header[data-v-e2ed3f6a]{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.warning-icon[data-v-e2ed3f6a]{font-size:3rem}.suspended-body p[data-v-e2ed3f6a]{font-size:.95rem;line-height:1.6}.suspended-contact[data-v-e2ed3f6a]{background:var(--bg-tertiary);padding:.75rem;border-radius:var(--radius-md);font-size:.95rem;border:1px solid var(--border-color)}