/* Navbar Styles */
.mf-navbar {
    position: fixed; top: 0; left: 0; width: 100%; height: var(--mf-header-height);
    background: var(--mf-navbar-bg); -webkit-backdrop-filter: var(--mf-glass-blur); backdrop-filter: var(--mf-glass-blur);
    border-bottom: 1px solid var(--mf-navbar-border);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 var(--mf-space-lg); z-index: var(--mf-z-navbar); transition: background var(--mf-transition-base);
}
.mf-navbar.scrolled { background: var(--mf-bg); }
.mf-navbar-brand { display: flex; align-items: center; gap: var(--mf-space-sm); }
.mf-navbar-brand .mf-logo { font-size: var(--mf-font-size-xl); font-weight: var(--mf-font-weight-extrabold); color: var(--mf-red); letter-spacing: 1px; display: flex; align-items: center; gap: var(--mf-space-xs); }
.mf-navbar-brand .mf-logo-icon { width: 28px; height: 28px; }
.mf-navbar-menu { display: flex; align-items: center; gap: var(--mf-space-xxs); margin-left: var(--mf-space-xl); }
.mf-nav-link { padding: var(--mf-space-xs) var(--mf-space-md); color: var(--mf-text-secondary); font-size: var(--mf-font-size-md); font-weight: var(--mf-font-weight-medium); border-radius: var(--mf-radius-sm); transition: all var(--mf-transition-fast); }
.mf-nav-link:hover { color: var(--mf-text); background: rgba(255,255,255,0.05); }
.mf-nav-link.active { color: var(--mf-text); font-weight: var(--mf-font-weight-bold); }
.mf-navbar-actions { display: flex; align-items: center; gap: var(--mf-space-xs); }
.mf-navbar-actions .btn-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--mf-radius-full); transition: background var(--mf-transition-fast); }
.mf-navbar-actions .btn-icon:hover { background: rgba(255,255,255,0.1); }

/* User Menu */
.mf-user-menu { position: relative; }
.mf-user-btn { width: 36px; height: 36px; border-radius: var(--mf-radius-full); overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: border-color var(--mf-transition-fast); }
.mf-user-btn:hover { border-color: var(--mf-red); }
.mf-user-btn img { width: 100%; height: 100%; object-fit: cover; }
.mf-user-dropdown { position: absolute; top: calc(100% + 8px); right: 0; width: 220px; background: var(--mf-bg-elevated); border: 1px solid var(--mf-border); border-radius: var(--mf-radius-md); padding: var(--mf-space-xs) 0; box-shadow: var(--mf-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all var(--mf-transition-fast); z-index: var(--mf-z-dropdown); }
.mf-user-dropdown.show { opacity: 1; visibility: visible; transform: translateY(0); }
.mf-user-dropdown .user-info { padding: var(--mf-space-md); border-bottom: 1px solid var(--mf-border); }
.mf-user-dropdown .user-info .name { font-weight: var(--mf-font-weight-semibold); }
.mf-user-dropdown .user-info .email { font-size: var(--mf-font-size-xs); color: var(--mf-text-muted); }
.mf-user-dropdown a, .mf-user-dropdown button { display: flex; align-items: center; gap: var(--mf-space-sm); width: 100%; padding: var(--mf-space-sm) var(--mf-space-md); font-size: var(--mf-font-size-md); color: var(--mf-text-secondary); transition: all var(--mf-transition-fast); cursor: pointer; }
.mf-user-dropdown a:hover, .mf-user-dropdown button:hover { background: var(--mf-sidebar-hover); color: var(--mf-text); }
.mf-user-dropdown .sidebar-divider { margin: 4px 16px; border: 0; border-top: 1px solid var(--mf-border); }
.mf-user-dropdown .logout-btn { color: var(--mf-red); border-top: 1px solid var(--mf-border); margin-top: var(--mf-space-xxs); }

/* Mobile menu toggle */
.mf-menu-toggle { display: none; padding: var(--mf-space-xs); }
@media (max-width: 1024px) { .mf-menu-toggle { display: flex; } .mf-navbar-menu { display: none; } }