.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#1f2937;color:#fff;position:sticky;top:0;z-index:10;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.navbar .brand{color:#fff;text-decoration:none;font-weight:bold;font-size:1.2rem}.nav-links{display:flex;gap:12px;align-items:center}.nav-link{color:#cbd5e1;text-decoration:none;padding:6px 10px;border-radius:6px;transition:all 0.2s ease}.nav-link:hover{background-color:#111827;color:#fff}.nav-link.active{background-color:#0ea5e9;color:#0b1020}.nav-link.logout{color:#fca5a5}.nav-link.logout:hover{background-color:#dc2626;color:#fff}@media (max-width:768px){.navbar{padding:8px 16px;flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center;gap:8px}.nav-link{padding:4px 8px;font-size:0.9rem}}