.app-header{background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px max(18px,var(--safe-area-inset-right)) 10px max(18px,var(--safe-area-inset-left));border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(380px,1fr);align-items:center;gap:16px;position:sticky;top:0;z-index:100;min-height:72px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.header-content{justify-self:start}.app-logo-container,.header-content{display:flex;align-items:center;min-width:0}.app-logo-container{gap:10px}.app-logo{width:42px;height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:14px;background:var(--brand-gradient);color:#fff;box-shadow:0 12px 24px #2f80ed42,inset 0 1px #ffffff57}.app-brand-copy{display:grid;gap:2px;min-width:0;line-height:1.1}.app-name{font-size:1.24rem;font-weight:800;color:var(--text-primary);letter-spacing:0}.header-trip-summary{display:inline-flex;min-width:0;align-items:center;gap:8px;justify-self:center;padding:8px 14px;border:1px solid var(--header-border);border-radius:999px;background:var(--header-pill-bg);color:inherit;box-shadow:inset 0 1px #ffffff29;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.header-trip-summary:focus-visible,.header-trip-summary:hover{border-color:var(--header-border);background:var(--header-pill-strong);opacity:.9;outline:0}.header-trip-summary:active{transform:scale(.99)}.header-trip-action-icon{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-gradient);color:#fff}.header-trip-action-copy{display:grid;min-width:0;gap:1px}.trip-title{font-size:.86rem;color:var(--text-primary)}.header-trip-action-meta,.trip-title{display:block;max-width:360px;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.header-trip-action-meta{color:var(--text-secondary);font-size:.72rem;line-height:1.12}.header-actions{display:flex;align-items:center;gap:8px;justify-self:end;min-width:0;margin-left:auto;padding:4px;border:1px solid var(--header-border);border-radius:999px;background:var(--header-pill-bg);box-shadow:0 8px 24px #0000000f,inset 0 1px #fff3}.header-popover-wrap{position:relative;display:inline-flex}.account-button,.header-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--header-border);border-radius:999px;background:var(--header-pill-strong);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.header-icon-button{width:42px;padding:0}.account-button{padding:4px 10px 4px 4px;font-size:.9rem;font-weight:650}.account-button:hover,.header-icon-button:hover{border-color:var(--header-border);background:var(--header-pill-strong);opacity:.86}.account-button:active,.header-icon-button:active{transform:scale(.98)}.header-auth-link{white-space:nowrap}.account-avatar{width:34px;height:34px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-gradient);color:#fff;box-shadow:inset 0 1px #ffffff3d}.account-avatar.large{width:36px;height:36px}.account-name{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:9999;width:292px;padding:8px;border:1px solid var(--header-border);border-radius:18px;background:var(--bg-menu);box-shadow:var(--header-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-popover-label{padding:8px 10px 10px;color:var(--text-secondary);font-size:.78rem;font-weight:750;text-transform:uppercase}.header-popover .theme-toggle-container{margin-bottom:6px;padding:10px 12px;border-bottom:none;border-radius:14px;background:var(--bg-button)}.account-menu-header{display:flex;gap:10px;padding:10px;font-size:.92rem;font-weight:650;border-bottom:1px solid var(--header-border);margin-bottom:6px}.account-menu-header,.menu-toggle{align-items:center;color:var(--text-primary)}.menu-toggle{display:none;width:44px;height:44px;justify-content:center;border:1px solid var(--header-border);border-radius:14px;background:var(--header-pill-strong);box-shadow:0 8px 20px #00000014;cursor:pointer;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.menu-toggle:hover{border-color:var(--header-border);background:var(--bg-button)}.menu-toggle:active{transform:scale(.96)}@media(max-width:900px){.app-header{display:flex;min-height:68px;padding:10px max(14px,var(--safe-area-inset-right)) 10px max(14px,var(--safe-area-inset-left))}.header-content{flex:1 1 auto}.header-actions,.header-trip-summary{display:none}.menu-toggle{display:inline-flex;flex:0 0 auto}.app-logo{width:40px;height:40px;border-radius:13px}.app-name{font-size:1.18rem}}