.app-header{z-index:1000;background:var(--card);border-bottom:2px solid var(--border);align-items:center;height:72px;transition:all .3s;display:flex;position:fixed;width:100%!important;top:0!important;left:0!important}.app-header__container{width:100%;max-width:1400px;padding:0 calc(var(--spacing) * 6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.app-header__left{align-items:center;display:flex}.app-header__user-info{cursor:pointer}.app-header__greeting{color:var(--foreground);margin:0;font-size:1rem;font-weight:700;line-height:1.2}.app-header__location{align-items:center;gap:calc(var(--spacing) * 1);color:var(--muted-foreground);margin-top:calc(var(--spacing) * .5);font-size:.8125rem;display:flex}.app-header__logo{align-items:center;gap:calc(var(--spacing) * 3);color:var(--foreground);text-decoration:none;display:flex}.app-header__logo-icon{background:var(--primary);color:#fff;border-radius:var(--radius);width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.app-header__logo-text{letter-spacing:-.5px;font-size:1.125rem;font-weight:800}.app-header__center{padding:0 calc(var(--spacing) * 4);flex:1;justify-content:center;display:flex}.app-header__nav{align-items:center;gap:calc(var(--spacing) * 8);display:flex}.app-header__nav-link{color:var(--foreground);font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .2s}.app-header__nav-link:hover{color:var(--primary)}.app-header__nav-link--active{color:var(--primary);position:relative}.app-header__nav-link--active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-8px;left:0;right:0}.app-header__search{align-items:center;gap:calc(var(--spacing) * 3);width:100%;max-width:600px;padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 5);background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:100px;transition:all .2s;display:flex}.app-header__search:hover,.app-header__search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-sm)}.app-header__search input{width:100%;color:var(--foreground);background:0 0;border:none;outline:none;font-size:.875rem;line-height:1.5}.app-header__search-icon{color:var(--muted-foreground)}.app-header__right{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.app-header__action-btn{border-radius:var(--radius);width:40px;height:40px;color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.app-header__action-btn:hover{background:var(--secondary);color:var(--primary)}.app-header__badge{background:var(--primary);color:#fff;border:2px solid var(--card);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.625rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.app-header__profile-btn{margin-left:calc(var(--spacing) * 2);cursor:pointer;background:0 0;border:none;padding:0}.app-header__avatar{border-radius:var(--radius);background:var(--primary-gradient);color:#fff;border:2px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.app-header__avatar:after{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);position:absolute;inset:0}.app-header__profile-btn:hover .app-header__avatar{border-color:var(--primary);transform:scale(1.05)}.app-header__avatar-status{border:2px solid var(--card);z-index:2;background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:4px;right:4px}.app-header__auth-btns{gap:calc(var(--spacing) * 3);display:flex}.app-header__login-btn,.app-header__signup-btn{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 5);border-radius:var(--radius-lg);cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .2s}.app-header__login-btn{color:var(--foreground);background:0 0;border:none}.app-header__login-btn:hover{background:var(--secondary);color:var(--primary)}.app-header__signup-btn{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);border:none}.app-header__signup-btn:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.app-header{height:64px;padding:0}.app-header__container{padding:0 calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2)}.app-header__greeting,.app-header__location{display:none}.app-header__logo-text{font-size:1rem}.app-header__logo-icon{width:32px;height:32px}.app-header__center{padding-right:calc(var(--spacing) * 2);justify-content:flex-end}.app-header__nav{display:none}.app-header__avatar,.app-header__action-btn{width:32px;height:32px}.app-header__auth-btns{gap:calc(var(--spacing) * 2)}.app-header__login-btn,.app-header__signup-btn{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);font-size:.875rem}}
