.header-nav{position:fixed;top:0;left:0;right:0;background-color:white;border-bottom:1px solid #dedbd3;box-shadow:0 1px 3px rgba(0,0,0,0.1);z-index:1000}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 768px){.header-container{padding:0.75rem 1rem}}.header-logo{text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:opacity 0.2s ease}.header-logo:hover{opacity:0.8;text-decoration:none}.header-logo-text{font-family:Playfair Display, serif;font-size:1.75rem;font-weight:700;color:#21242c}@media (max-width: 768px){.header-logo-text{font-size:1.5rem}}.header-desktop-nav{display:flex;align-items:center;gap:1.5rem}@media (max-width: 768px){.header-desktop-nav{display:none}}.header-nav-links{display:flex;align-items:center;gap:0.5rem}.header-nav-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;font-size:0.9375rem;font-weight:500;color:#676f7e;background-color:transparent;border-radius:0.5rem;text-decoration:none;transition:all 0.2s ease;position:relative}.header-nav-link svg{width:1.125rem;height:1.125rem;transition:color 0.2s ease}.header-nav-link:hover{color:#21242c;background-color:#edebe9;text-decoration:none}.header-nav-link:hover svg{color:#e8a530}.header-nav-link:active{transform:scale(0.98)}.header-nav-link.active{color:#e8a530;background-color:rgba(232,165,48,0.1)}.header-nav-link.active svg{color:#e8a530}.header-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;color:#16181d;background-color:#e8a530;border:2px solid #e8a530;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease}.header-login-btn svg{width:1.125rem;height:1.125rem}.header-login-btn:hover{background-color:#e59b19;border-color:#e59b19;transform:translateY(-2px);box-shadow:0 4px 6px rgba(232,165,48,0.3)}.header-login-btn:active{transform:translateY(0)}.header-dropdown{position:relative}.header-user-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;transition:all 0.2s ease;padding:0}.header-user-button:hover,.header-user-button.active{border-color:#e8a530}.header-user-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.header-user-avatar .pfp-image{width:100%;height:100%;object-fit:cover}.header-dropdown-menu{position:absolute;top:calc(100% + 0.75rem);right:0;width:280px;background-color:white;border:1px solid #dedbd3;border-radius:0.75rem;box-shadow:0 10px 25px rgba(0,0,0,0.1);padding:1rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;z-index:100}.header-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown-header{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background-color:#edebe9;border-radius:0.5rem;margin-bottom:1rem}.header-dropdown-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.header-dropdown-avatar .pfp-image{width:100%;height:100%;object-fit:cover}.header-dropdown-info{flex:1;min-width:0}.header-dropdown-name{font-size:0.9375rem;font-weight:600;color:#21242c;margin:0 0 0.25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-email{font-size:0.8125rem;color:#676f7e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-section{margin-bottom:0.5rem}.header-dropdown-section:last-child{margin-bottom:0}.header-dropdown-section-title{font-size:0.75rem;font-weight:700;color:#676f7e;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 0.5rem 0.75rem}.header-dropdown-divider{height:1px;background-color:#dedbd3;margin:0.75rem 0}.header-dropdown-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;width:100%;font-size:0.9375rem;font-weight:500;color:#21242c;background:transparent;border:none;border-radius:0.5rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer;text-align:left}.header-dropdown-item svg{width:1.125rem;height:1.125rem;flex-shrink:0;color:#676f7e;transition:color 0.2s ease}.header-dropdown-item span{flex:1}.header-dropdown-item:hover{background-color:#edebe9;color:#21242c;text-decoration:none}.header-dropdown-item:hover svg{color:#e8a530}.header-dropdown-item:active{transform:scale(0.98)}.header-dropdown-item-danger:hover{background-color:rgba(239,68,68,0.1);color:#dc2626}.header-dropdown-item-danger:hover svg{color:#dc2626}.header-mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:2rem;height:1.5rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}@media (max-width: 768px){.header-mobile-toggle{display:flex}}.header-mobile-toggle-line{width:100%;height:2px;background-color:#21242c;border-radius:2px;transition:all 0.3s ease}.header-mobile-toggle.active{display:none}.header-mobile-toggle.active .header-mobile-toggle-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.header-mobile-toggle.active .header-mobile-toggle-line:nth-child(2){opacity:0}.header-mobile-toggle.active .header-mobile-toggle-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.header-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease;z-index:999}.header-mobile-overlay.active{opacity:1}@media (max-width: 768px){.header-mobile-overlay.active{display:block}}.header-mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:400px;height:100vh;background-color:white;box-shadow:-2px 0 10px rgba(0,0,0,0.1);padding:1.5rem;overflow-y:auto;transition:right 0.3s ease;z-index:1000;display:flex;flex-direction:column;gap:1.5rem}.header-mobile-menu.active{right:0}@media (min-width: 769px){.header-mobile-menu{display:none}}.header-mobile-close{align-self:flex-end;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#edebe9;border:1px solid #dedbd3;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease;padding:0}.header-mobile-close svg{color:#21242c}.header-mobile-close:hover{background-color:#e2dedb;border-color:#21242c}.header-mobile-close:active{transform:scale(0.95)}.header-mobile-user{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#edebe9;border-radius:0.75rem}.header-mobile-avatar{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #dedbd3}.header-mobile-avatar .pfp-image{width:100%;height:100%;object-fit:cover}.header-mobile-info{flex:1;min-width:0}.header-mobile-name{font-size:1.125rem;font-weight:600;color:#21242c;margin:0 0 0.25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-mobile-email{font-size:0.875rem;color:#676f7e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-mobile-section{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:1rem;border-bottom:1px solid #dedbd3}.header-mobile-section:last-child{padding-bottom:0;border-bottom:none}.header-mobile-section-title{font-size:0.75rem;font-weight:700;color:#676f7e;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 0.5rem 0.75rem}.header-mobile-item{display:flex;align-items:center;gap:1rem;padding:1rem;width:100%;font-size:1rem;font-weight:500;color:#21242c;background:transparent;border:none;border-radius:0.5rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer;text-align:left}.header-mobile-item svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:#676f7e;transition:color 0.2s ease}.header-mobile-item span{flex:1}.header-mobile-item:hover{background-color:#edebe9;color:#21242c;text-decoration:none}.header-mobile-item:hover svg{color:#e8a530}.header-mobile-item:active{transform:scale(0.98)}.header-mobile-item-danger:hover{background-color:rgba(239,68,68,0.1);color:#dc2626}.header-mobile-item-danger:hover svg{color:#dc2626}