.herbie-header { position: sticky; top: 0; z-index: 999; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid var(--herbie-border); height: 72px; display: flex; align-items: center; }
.herbie-header-inner { display: flex; align-items: center; justify-content: space-between; }
.herbie-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 1.25rem; font-weight: 700; color: var(--herbie-text-main); }
.herbie-logo-mark { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: #eef2ff; }
.herbie-logo-text strong { color: var(--herbie-primary); }
.herbie-nav { display: flex; align-items: center; }
.herbie-menu { display: flex; list-style: none; gap: 32px; margin: 0; padding: 0; }
.herbie-menu-link { font-size: 0.9375rem; font-weight: 500; color: #334155; transition: color 0.15s ease; }
.herbie-menu-link:hover { color: var(--herbie-primary); }
.herbie-header-actions { display: flex; align-items: center; gap: 14px; }
.herbie-btn-dash { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; background: #111827; color: #ffffff; border-radius: 9999px; font-size: 0.875rem; font-weight: 600; text-decoration: none; transition: background 0.15s ease; }
.herbie-btn-dash:hover { background: #1f2937; }
.herbie-menu-toggle { display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: 6px; }
.herbie-menu-toggle span { display: block; width: 22px; height: 2px; background: #111827; }
@media (max-width: 860px) { .herbie-nav { display: none; position: absolute; top: 72px; left: 0; width: 100%; background: #ffffff; border-bottom: 1px solid var(--herbie-border); padding: 20px; } }
@media (max-width: 860px) { .herbie-nav.is-open { display: block; } }
@media (max-width: 860px) { .herbie-menu { flex-direction: column; gap: 16px; } }
@media (max-width: 860px) { .herbie-menu-toggle { display: flex; } }
@media (max-width: 860px) { .herbie-btn-dash { display: none !important; } }