.site-header .header-container{margin:0 auto;padding:0 1rem}.site-header .brand-logo{height:50px}.site-header .main-menu .menu-item{float:left;width:auto;color:#475467}.site-header .signin-btn{color:#475467;font-weight:500;display:block;margin-right:5px;padding:12.5px 15px 12px}.site-header .theme-btn{display:flex;align-items:center}.site-header .theme-btn svg{margin-right:4px}.site-header .header-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;min-height:70px}.site-header .brand-logo{height:55px;width:auto}.site-header .nav-left{display:flex;gap:2rem;align-items:center}.site-header .nav-item{display:flex;align-items:center;gap:.5rem;color:#4a5568;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s ease}.site-header .nav-item:hover{color:#2d3748}.site-header .nav-item .nav-icon{width:24px;height:24px;color:currentColor}.site-header .nav-right{position:relative}.site-header .user-menu-btn{background:none;border:none;cursor:pointer;border-radius:50%}.site-header .user-menu-btn .user-avatar{width:32px;height:32px;color:#718096}.site-header .dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);min-width:320px;overflow:hidden;animation:dropdownFadeIn .2s ease-out;z-index:1001}.site-header .user-info-section{padding:.55rem 1.35rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);color:#fff}.site-header .user-info-section .user-avatar-large .avatar-icon{width:60px;height:60px;color:hsla(0,0%,100%,.9)}.site-header .user-info-section .user-avatar-large .profile-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.3);box-shadow:0 2px 8px rgba(0,0,0,.15)}.site-header .user-info-section .user-details{flex:1}.site-header .user-info-section .user-details .user-name{font-size:18px;font-weight:600;margin:0;color:#fff}.site-header .user-info-section .user-details .user-email{font-size:14px;margin:0;color:hsla(0,0%,100%,.8)}.site-header .menu-items{padding:.5rem 0}.site-header .menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;color:#4a5568;text-decoration:none;border:none;background:none;width:100%;cursor:pointer;font-size:15px;transition:all .2s ease;position:relative}.site-header .menu-item.expandable{justify-content:space-between}.site-header .menu-item.expandable .chevron-icon{width:16px;height:16px;color:#a0aec0;margin-left:auto}.site-header .menu-item.logout-item{border-top:1px solid #e2e8f0;color:#e53e3e}.site-header .menu-item.logout-item:hover{background-color:#fed7d7;color:#c53030}.site-header .menu-item .menu-icon{width:20px;height:20px;flex-shrink:0}.site-header .menu-item .menu-icon.call-icon,.site-header .menu-item .menu-icon.currency-icon,.site-header .menu-item .menu-icon.help-icon,.site-header .menu-item .menu-icon.host-icon,.site-header .menu-item .menu-icon.language-icon,.site-header .menu-item .menu-icon.password-icon{color:#e53e3e}.site-header .menu-item .menu-icon.logout-icon{color:currentColor}.site-header .menu-item .phone-number{font-size:13px;color:#718096;margin:.125rem 0 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.profile-header .header-container{padding:0 .75rem}.profile-header .header-nav{padding:.75rem 0;min-height:60px}.profile-header .nav-left{gap:1rem}.profile-header .nav-item{font-size:14px}.profile-header .nav-item .nav-icon{width:20px;height:20px}.profile-header .nav-item span{display:none}.profile-header .dropdown-menu{min-width:280px;right:-1rem}.profile-header .user-info-section{padding:1rem}.profile-header .user-info-section .user-avatar-large .avatar-icon{width:50px;height:50px}.profile-header .user-info-section .user-name{font-size:16px}.profile-header .user-info-section .user-email{font-size:13px}.profile-header .menu-item{padding:.625rem 1rem;font-size:14px}.profile-header .menu-item .menu-icon{width:18px;height:18px}}@media(max-width:480px){.profile-header .dropdown-menu{min-width:260px;right:-1.5rem}}