.header{position:fixed;top:0;left:0;right:0;z-index:1100;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px rgba(0,0,0,.1);padding-top:calc(env(safe-area-inset-top, 0px) + var(--header-pad-y, 2px));padding-bottom:var(--header-pad-y,2px)}.header-container{max-width:1280px;margin:0 auto;padding:.35rem calc(.75rem + env(safe-area-inset-right, 0px)) .35rem calc(.75rem + env(safe-area-inset-left, 0px));justify-content:space-between;min-height:var(--header-row-h-desktop,56px);box-sizing:border-box}.header-container,.header-logo{display:flex;align-items:center;gap:.5rem}.header-logo{color:#fff;font-weight:700;font-size:1.25rem;text-decoration:none;transition:transform .2s ease}.header-logo:hover{transform:scale(1.05)}.logo-image{width:40px;height:40px;object-fit:contain;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2)}.header-nav{display:none}.header-actions{display:flex;align-items:center;gap:.5rem}.header-icon-btn{position:relative;padding:.5rem;background:hsla(0,0%,100%,.1);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s}.header-icon-btn:hover{background:hsla(0,0%,100%,.2)}.header-badge{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.header-services-dropdown{position:relative}.header-services-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.1);border:none;border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.header-services-btn:hover{background:hsla(0,0%,100%,.2)}.header-services-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:200px;overflow:hidden;animation:slideDown .2s ease}.header-service-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#1f2937;text-decoration:none;transition:background .2s;border:none;width:100%;text-align:right;background:transparent;cursor:pointer}.header-service-item:hover{background:#f3f4f6}.header-profile-dropdown{position:relative}.header-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.1);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s}.header-profile-btn:hover{background:hsla(0,0%,100%,.2)}.header-profile-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:220px;overflow:hidden;animation:slideDown .2s ease}.header-profile-info{padding:1rem;border-bottom:1px solid #e5e7eb}.header-profile-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.header-profile-email{font-size:.875rem;color:#6b7280}.header-menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#1f2937;text-decoration:none;transition:background .2s;border:none;width:100%;text-align:right;background:transparent;cursor:pointer}.header-menu-item:hover{background:#f3f4f6}.header-menu-item.logout{color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-container{padding:.2rem calc(.4rem + env(safe-area-inset-right, 0px)) .2rem calc(.4rem + env(safe-area-inset-left, 0px));min-height:var(--header-row-h-mobile,46px);height:var(--header-row-h-mobile,46px);max-height:var(--header-row-h-mobile,46px);display:flex;align-items:center;justify-content:space-between;gap:.35rem}.mobile-services{order:1;flex-shrink:0}.mobile-services-btn{height:38px;min-height:38px;padding:.25rem .55rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;white-space:nowrap}.mobile-services-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.mobile-search-container{order:2;flex:1;min-width:0;max-width:none;margin:0 .2rem}.mobile-search-container .search-button{width:100%;height:38px;min-height:38px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;backdrop-filter:blur(10px);transition:all .2s ease}.mobile-search-container .search-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.mobile-actions{order:3;display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-actions .header-icon-btn{padding:6px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mobile-actions .header-icon-btn:hover{background:hsla(0,0%,100%,.2)}.mobile-actions .notification-sidebar-button{padding:6px!important;background:hsla(0,0%,100%,.1)!important;border-radius:8px!important}.mobile-actions .notification-sidebar-button:hover{background:hsla(0,0%,100%,.2)!important}.mobile-logo{display:flex;align-items:center;gap:.3rem;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;flex-shrink:0;transition:transform .2s ease}.mobile-logo:hover{color:hsla(0,0%,100%,.8);transform:scale(1.05)}.mobile-logo .logo-image{width:32px;height:32px;object-fit:contain;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2)}.header-actions,.header-logo:not(.mobile-logo),.header-nav{display:none!important}}@media (min-width:768px){.header-container{padding:.35rem calc(1rem + env(safe-area-inset-right, 0px)) .35rem calc(1rem + env(safe-area-inset-left, 0px))}.header-actions{gap:.65rem}.header-icon-btn{padding:.625rem}.header-actions>*{display:flex!important}.mobile-logo,.mobile-search-container,.mobile-services{display:none!important}}@media (min-width:1024px){.header-nav{display:flex;gap:.5rem}.header-services-dropdown{display:none}}