/* Header & nav */
.header {
  background: #0f1a2b;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}
.header .container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; height: 4rem; }
.header .logo img { height: 2rem; }
.header nav { display: flex; gap: 1.5rem; }
.header nav a { color: #cbd5e1; text-decoration: none; font-weight: 500; }
.header nav a.active,
.header nav a:hover { color: #fff; }
.header .admin-dropdown { position: relative; }
.header .admin-btn { background:none; border:none; color:#cbd5e1; cursor:pointer; font-weight:500; }
.header .admin-menu { display:none; position:absolute; right:0; top:100%; background:#1e293b; border-radius:4px; overflow:hidden; }
.header .admin-menu a,
.header .admin-menu button { display:block; padding:.5rem 1rem; color:#cbd5e1; text-align:left; width:100%; background:none; border:none; text-decoration:none; }
.header .admin-menu a:hover,
.header .admin-menu button:hover { background:#334155; color:#fff; }

/* Mobile */
@media (max-width:768px) {
  .header nav { display:none; flex-direction:column; background:#0f1a2b; position:absolute; top:4rem; left:0; right:0; }
  .header nav.open { display:flex; }
  .header .mobile-toggle { display:block; background:none; border:none; color:#cbd5e1; cursor:pointer;}
}
@media (min-width:769px) {
  .header .mobile-toggle { display:none; }
}