.ui3-navigation{position:relative;z-index:1200;flex:0 0 auto}.ui3-header-brand{display:flex!important;align-items:center!important;gap:clamp(12px,2vw,24px)!important;min-width:0}.ui3-navigation-trigger{position:relative;display:grid;place-items:center;box-sizing:border-box;width:clamp(58px,5vw,72px);height:clamp(58px,5vw,72px);min-width:clamp(58px,5vw,72px);min-height:clamp(58px,5vw,72px);max-width:72px;max-height:72px;padding:12px;border:1px solid var(--palette-focus);border-radius:16px;background:var(--palette-surface);color:var(--palette-text-primary);box-shadow:0 10px 24px color-mix(in srgb,var(--palette-text-primary) 20%,transparent);cursor:pointer;overflow:visible!important}.ui3-navigation-trigger svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui3-navigation-trigger[aria-expanded=true]{filter:brightness(1.08);box-shadow:0 0 0 3px color-mix(in srgb,var(--palette-focus) 34%,transparent),0 14px 30px color-mix(in srgb,var(--palette-text-primary) 24%,transparent)}
.ui3-navigation-menu{position:fixed;z-index:2147482000;display:grid;gap:7px;width:min(310px,calc(100vw - 20px));max-height:min(620px,calc(100dvh - 20px));padding:12px;overflow:auto;border:1px solid var(--palette-border);border-radius:18px;background:color-mix(in srgb,var(--palette-background) 92%,transparent);color:var(--palette-text-primary);box-shadow:0 22px 55px color-mix(in srgb,var(--palette-text-primary) 28%,transparent);backdrop-filter:blur(18px)}.ui3-navigation-menu[hidden],.ui3-navigation-item[hidden]{display:none!important}.ui3-navigation-item{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:54px!important;padding:7px 12px!important;color:var(--control-button-text,var(--button-text))!important;-webkit-text-fill-color:var(--control-button-text,var(--button-text))!important;text-align:left!important;text-decoration:none!important;overflow:hidden!important;font-family:var(--ui-font-family,system-ui,sans-serif)!important;font-size:16px!important;line-height:1.15!important}.ui3-navigation-item>span:first-child{display:grid;place-items:center;width:38px;height:38px;color:inherit}.ui3-navigation-item svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ui3-navigation-item strong{color:inherit!important;-webkit-text-fill-color:inherit!important;font:800 16px/1.15 var(--ui-font-family,system-ui,sans-serif)!important;letter-spacing:0!important}.ui3-navigation-item small{display:block;margin-top:3px;color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:.82;font:500 11px/1.2 var(--ui-font-family,system-ui,sans-serif)!important;letter-spacing:0!important}.ui3-navigation-item:hover,.ui3-navigation-item:focus-visible{border-color:var(--palette-focus)!important;filter:brightness(1.06)}
.ui3-message-slide{grid-column:3!important;width:0!important;min-width:0!important;height:34px!important;margin-right:-12px;overflow:hidden;border-radius:999px 0 0 999px;background:var(--palette-accent);color:#fff!important;font-weight:950;text-align:center;line-height:34px;opacity:0;transition:width .22s ease,opacity .22s ease}.ui3-navigation-messages.has-unread .ui3-message-slide{width:46px!important;opacity:1}.ui3-navigation-messages.message-arrival .ui3-message-slide{animation:ui3-message-arrival .8s ease both}@keyframes ui3-message-arrival{0%{transform:translateX(48px)}55%{transform:translateX(-5px)}100%{transform:none}}
.ui3-trigger-message-slide{position:absolute;z-index:2;top:-8px;right:-14px;display:grid;place-items:center;width:0;min-width:0;height:32px;padding:0;overflow:hidden;border:2px solid var(--palette-surface);border-radius:999px;background:var(--palette-accent);color:#fff;font:950 16px/1 var(--ui-font-family,system-ui,sans-serif);opacity:0;box-shadow:0 8px 18px color-mix(in srgb,var(--palette-text-primary) 28%,transparent);pointer-events:none;transition:width .22s ease,opacity .22s ease}.ui3-navigation-trigger.has-unread .ui3-trigger-message-slide{width:38px;opacity:1}.ui3-navigation-trigger.message-arrival .ui3-trigger-message-slide{animation:ui3-trigger-message-arrival .8s ease both}@keyframes ui3-trigger-message-arrival{0%{transform:translateX(32px) scale(.75)}55%{transform:translateX(-4px) scale(1.08)}100%{transform:none}}
.ui3-navigation-user{margin-top:4px!important}.ui3-user-avatar{border:1px solid color-mix(in srgb,var(--user-color,#078b19) 55%,var(--palette-border));border-radius:50%!important;background:var(--user-color,#078b19)!important;color:#fff!important;font-weight:950}.ui3-navigation-user>b{font-size:28px}.ui3-legacy-hidden,html body.ui3-navigation-active #user-status.ui3-legacy-hidden,html body.ui3-navigation-active #user-message-button.ui3-legacy-hidden,html body.ui3-navigation-active #user-status-button.ui3-legacy-hidden{display:none!important}
html body.ui3-navigation-active .app-page-mark{display:none!important}
html body.ui3-navigation-active .ui2-button-bar,
html body.ui3-navigation-active .ui2-button-bar>.user-status{display:contents!important}
html body.ui3-navigation-active .ui2-button-bar>:not(.user-status),
html body.ui3-navigation-active .ui2-button-bar>.user-status>:not(dialog){display:none!important}
html body.ui3-navigation-active .ui2-button-bar::before,
html body.ui3-navigation-active .ui2-button-bar::after{content:none!important;display:none!important}
html[data-palette] body.ui2-screen.project-tracker-screen.ui3-navigation-active .tracker-account.ui2-button-bar,
html[data-palette] body.ui2-screen.project-tracker-screen.ui3-navigation-active .tracker-account.ui2-button-bar>.user-status{display:contents!important}
html[data-palette] body.ui2-screen.project-tracker-screen.ui3-navigation-active .tracker-account.ui2-button-bar>:not(.user-status),
html[data-palette] body.ui2-screen.project-tracker-screen.ui3-navigation-active .tracker-account.ui2-button-bar>.user-status>:not(dialog){display:none!important}
body.calendar-only .calendar-account-controls{display:none!important}
body.ui3-home-navigation .landing-footer-actions{display:none!important}
body.ui3-home-navigation [data-ui3-item=messages]{order:1}body.ui3-home-navigation [data-ui3-item=customize]{order:2}body.ui3-home-navigation [data-ui3-item=admin]{order:3}body.ui3-home-navigation [data-ui3-item=user]{order:4}
body.ui3-navigation-active[data-screen-appearance=messages] .messages-mark{display:none!important}
body.ui3-navigation-active[data-screen-appearance=messages] .messages-actions,body.ui3-navigation-active[data-screen-appearance=messages] .messages-actions>.user-status{display:contents!important}
body.ui3-navigation-active[data-screen-appearance=messages] .messages-actions>:not(.user-status),body.ui3-navigation-active[data-screen-appearance=messages] .messages-actions>.user-status>:not(dialog){display:none!important}
body.ui3-navigation-active[data-screen-appearance=notes] .notes-mark{display:none!important}
body.ui3-navigation-active[data-screen-appearance=notes] .notes-account,body.ui3-navigation-active[data-screen-appearance=notes] .notes-account>.user-status{display:contents!important}
body.ui3-navigation-active[data-screen-appearance=notes] .notes-account>:not(.user-status),body.ui3-navigation-active[data-screen-appearance=notes] .notes-account>.user-status>:not(dialog){display:none!important}
html[data-palette] body.ui2-screen.todo-only.ui3-navigation-active .todo-header>.todo-header-controls,
html[data-palette] body.ui2-screen.todo-only.ui3-navigation-active .todo-header>.todo-header-controls>.user-status{display:contents!important}
html[data-palette] body.ui2-screen.todo-only.ui3-navigation-active .todo-header>.todo-header-controls>:not(.user-status),
html[data-palette] body.ui2-screen.todo-only.ui3-navigation-active .todo-header>.todo-header-controls>.user-status>:not(dialog){display:none!important}
html[data-palette] body.ui2-screen.todo-only.ui3-navigation-active .todo-header>.todo-heading{grid-column:1/-1!important;grid-row:1!important}
body.calendar-only .calendar-page-brand.ui3-header-brand{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:clamp(10px,1.4vw,18px)!important;min-width:0!important;padding-right:0!important}
body.calendar-only .calendar-page-brand.ui3-header-brand>.ui3-navigation{position:relative!important;z-index:1201!important;display:block!important;box-sizing:border-box!important;flex:0 0 64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;padding:0!important;pointer-events:auto!important}
body.calendar-only .calendar-page-brand.ui3-header-brand>.ui3-navigation>.ui3-navigation-trigger{position:relative!important;z-index:1202!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;padding:12px!important;border:2px solid var(--palette-focus)!important;border-radius:16px!important;background:var(--palette-surface)!important;color:var(--palette-primary)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--palette-text-primary) 20%,transparent)!important;cursor:pointer!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important}
body.calendar-only .calendar-page-brand.ui3-header-brand>.ui3-navigation>.ui3-navigation-trigger>svg{display:block!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}
body.calendar-only .calendar-page-brand.ui3-header-brand>span:last-child{display:grid!important;flex:1 1 auto!important;min-width:0!important}
.ui3-navigation-menu .ui3-user-submenu{position:static;width:100%;margin:0;padding:7px;border:1px solid var(--palette-border);border-radius:13px;background:var(--palette-card);box-shadow:none}.ui3-navigation-menu .ui3-user-submenu button{min-height:42px;color:var(--palette-text-primary)}.ui3-navigation-menu .ui3-user-submenu button:hover{background:var(--palette-surface)}.ui3-navigation-menu .ui3-user-submenu .user-status-logout{color:var(--palette-error)}
@media(max-width:700px){.ui3-navigation-trigger{width:56px;height:56px;min-width:56px;min-height:56px;padding:10px;border-radius:14px}.ui3-navigation-menu{width:min(280px,calc(100vw - 16px));padding:10px}.ui3-navigation-item{min-height:50px!important}}
@media(max-width:700px){body.calendar-only .top-bar.has-page-back>.user-back-button,body.calendar-only .calendar-page-brand>.calendar-page-icon{display:none!important}body.calendar-only .calendar-page-brand.ui3-header-brand{display:flex!important;align-items:center!important;width:100%!important;gap:10px!important}body.calendar-only .calendar-page-brand.ui3-header-brand>.ui3-navigation{display:block!important;flex:0 0 56px!important;width:56px!important;min-width:56px!important}body.calendar-only .calendar-page-brand.ui3-header-brand>.ui3-navigation>.ui3-navigation-trigger{display:grid!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important}body.calendar-only .calendar-page-brand.ui3-header-brand>span:last-child{display:grid!important;flex:1 1 auto!important;min-width:0!important;gap:2px!important}body.calendar-only .calendar-page-brand.ui3-header-brand>span:last-child strong{font-size:24px!important;line-height:1!important}body.calendar-only .calendar-page-brand.ui3-header-brand>span:last-child small{max-width:none!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}
@media(prefers-reduced-motion:reduce){.ui3-message-slide,.ui3-trigger-message-slide{transition:none}.ui3-navigation-messages.message-arrival .ui3-message-slide,.ui3-navigation-trigger.message-arrival .ui3-trigger-message-slide{animation:none}}