user-header{display:block;position:sticky;top:0;z-index:100;transition:transform .3s ease-in-out}user-header.header-hidden{transform:translateY(-100%)}.user-header-container{height:var(--header-height);background-color:#19243b;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);box-shadow:0 2px 4px #0000001a;color:#fff}.header-home-link{display:block;min-width:0;line-height:0}.header-home-link:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}.header-logo{height:56px;width:auto;max-width:min(52vw,294px);cursor:pointer;display:block;object-fit:contain}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-wordmark{display:block;color:#fff;font-family:Futura,Century Gothic,sans-serif;font-size:clamp(16px,4.4vw,24px);font-weight:600;letter-spacing:-.045em;line-height:1;white-space:nowrap}.btn-sign-in,.btn-admin,.btn-add-event{color:#fff;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:8px 20px;border-radius:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;font-size:15px;height:40px;box-sizing:border-box}.btn-admin{gap:8px}.btn-sign-in:hover,.btn-admin:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.settings-icon-btn{cursor:pointer;font-size:24px;color:#fff;padding:8px;border-radius:50%;transition:background .2s}.settings-icon-btn:hover{background:#ffffff1a}.avatar-circle{width:38px;height:38px;min-width:38px;min-height:38px;flex-shrink:0;border-radius:50%;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;cursor:pointer;border:2px solid var(--accent-color)}.settings-icon{cursor:pointer;font-size:28px}.popover-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:101;cursor:default}.user-popover{position:absolute;width:340px;background:var(--bg-color, #ffffff);color:var(--text-color, #000000);border-radius:12px;box-shadow:0 4px 20px #0003;padding:24px;display:flex;flex-direction:column;z-index:200;box-sizing:border-box;font-family:inherit}body.dark-mode .user-popover{background:#1e1e1e;color:#fff;box-shadow:0 4px 20px #00000080;border:none}.user-popover.hidden{display:none}.popover-close-btn{position:absolute;top:16px;right:16px;color:var(--text-color);opacity:.5;cursor:pointer;font-size:24px}.popover-close-btn:hover{opacity:1}.popover-header-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.popover-avatar-large{width:72px;height:72px;border-radius:50%;background-color:var(--primary-color, #5c9aff);color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.popover-user-name{font-size:18px;font-weight:600;margin-bottom:4px}.popover-user-email{font-size:14px;opacity:.6}.popover-divider{height:1px;background-color:var(--text-color);opacity:.1;margin:16px 0;width:100%}body.dark-mode .popover-divider{background-color:#ffffff1a;opacity:1}.popover-settings-container{color:var(--text-color)}body.dark-mode .popover-settings-container{color:#fff}.popover-logout-row{display:flex;align-items:center;gap:16px;cursor:pointer;padding:8px 0;color:var(--text-color);opacity:.7;transition:opacity .2s}.popover-logout-row:hover{opacity:1}body.dark-mode .popover-logout-row,body.dark-mode .popover-logout-row:hover{color:#fff}.popover-account-action{text-decoration:none;box-sizing:border-box;width:100%;min-height:44px;border:0;background:transparent;font:inherit;text-align:left}.popover-account-action .material-icons{flex:0 0 24px;text-align:center}.popover-account-action:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px;opacity:1}.popover-account-action:disabled{opacity:.5;cursor:wait}.logout-icon{transform:rotate(180deg)}.user-info-container{display:flex;align-items:center;cursor:pointer;padding:4px;border-radius:28px;transition:background .2s}.user-info-container:hover{background:#ffffff1a}@media(max-width:600px){.user-name-display,.sign-in-text{display:none}.btn-sign-in{padding:0;border-radius:50%;width:40px;height:40px;justify-content:center}.btn-sign-in .material-icons{margin:0;font-size:24px}.btn-admin{padding:0;border-radius:50%;width:40px;height:40px;justify-content:center;gap:0}.admin-text{display:none}}.btn-sign-in .material-icons{font-size:28px}.btn-add-event{background:#82bff2;color:#19243b;border-color:transparent;white-space:nowrap}.btn-add-event:hover{background:#a3d2f7}.btn-add-event:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:600px){.header-actions{gap:8px}.btn-add-event{padding:8px 12px}}@media(max-width:380px){.user-header-container{padding:0 8px}.header-logo{max-width:80px}.header-actions{gap:4px}.btn-add-event{padding:8px;font-size:14px}}.add-event-short{display:none}@media(max-width:600px){.add-event-full{display:none}.add-event-short{display:inline}.btn-add-event{flex-shrink:0;white-space:nowrap}}.settings-icon-btn,.popover-close-btn,button.user-info-container{border:0;background:transparent;font:inherit}.settings-icon-btn,.popover-close-btn{font-family:Material Icons;font-size:24px;min-width:40px;min-height:40px}button.user-info-container{padding:0;color:#fff}.settings-icon-btn:focus-visible,button.user-info-container:focus-visible{outline:3px solid currentColor;outline-offset:3px}.popover-close-btn:focus-visible{opacity:1;outline:3px solid var(--primary-color);outline-offset:3px}