.navbar { background: var(--card); border-bottom: 1px solid var(--border); padding: 0 16px; position: sticky; top: 0; z-index: 1000; max-width: 992px; margin: 0 auto; }
.nav-inner { display: flex; align-items: center; justify-content: space-between; min-height: 60px; position: relative; flex-wrap: wrap; padding: 6px 0; }
.nav-logo { font-size: 1.2rem; font-weight: 700; color: var(--primary); text-decoration: none; }
.nav-links { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.nav-link { padding: 8px 14px; border-radius: 8px; font-size: 0.88rem; font-weight: 500; color: var(--text-light); text-decoration: none; transition: all 0.15s; }
.nav-link:hover { background: var(--bg); color: var(--text); }
.nav-link.active { background: rgba(59,130,246,0.08); color: var(--primary); }
.nav-link.nav-mod { color: #10b981; }
.nav-link.nav-mod:hover { background: rgba(16,185,129,0.08); }
.nav-link.nav-admin { color: #ef4444; }
.nav-link.nav-admin:hover { background: rgba(239,68,68,0.08); }
.nav-link.nav-logout { color: var(--danger); }
.nav-link.nav-logout:hover { background: rgba(239,68,68,0.08); }
.nav-user { display: flex; align-items: center; gap: 8px; padding: 6px 12px; background: var(--bg); border-radius: 8px; margin-left: 8px; }
.nav-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.nav-username { font-size: 0.85rem; font-weight: 600; }
.nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 5px; }
.nav-toggle span { width: 22px; height: 2px; background: var(--text); border-radius: 2px; }


/* Responsive Nav */
@media (max-width: 768px) {
    .navbar { max-width: 100%; padding: 0 12px; }
    .nav-toggle { display: flex; }
    .nav-links { display: none; position: absolute; top: 60px; left: -16px; right: -16px; background: var(--card); border-bottom: 1px solid var(--border); flex-direction: column; padding: 12px; gap: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); z-index: 999; }
    .nav-links.open { display: flex; }
    .nav-user { margin-left: 0; margin-top: 4px; }
}