.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2c3e50;color:#fff}.navbar-brand a{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}.navbar-menu{display:flex;gap:1.5rem}.nav-link{color:#fffc;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.nav-link.logout{color:#e74c3c}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{width:24px;height:2px;background:#fff}.mobile-menu{display:none;flex-direction:column;background:#34495e;padding:1rem}.mobile-menu .nav-link{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.main-content{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.navbar-menu{display:none}.mobile-menu-btn,.mobile-menu{display:flex}.main-content{padding:1rem}}