:root{--bottom-nav-height:60px}.bottom-nav{display:none}@media (max-width:1199.98px){body:has(.bottom-nav){--bottom-nav-offset:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));padding-bottom:var(--bottom-nav-offset)}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-bottom-nav);display:block;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:var(--surface);box-shadow:0 -4px 16px color-mix(in srgb,var(--shadow-ink) 8%,transparent)}.bottom-nav ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:640px;height:var(--bottom-nav-height);margin:0 auto;padding:0 4px;list-style:none}.bottom-nav li{display:flex;min-width:0}.bottom-nav .bottom-nav-item{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:4px 2px;border:0;border-radius:12px;background:transparent;color:var(--neutral-ink);font:inherit;font-size:clamp(10px,2.9vw,12px);font-weight:700;line-height:1.1;cursor:pointer}.bottom-nav .bottom-nav-item:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--navy)}.bottom-nav .bottom-nav-item:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.bottom-nav-icon{position:relative;display:grid;width:44px;height:28px;place-items:center;border-radius:999px;transition:background-color .15s}.bottom-nav-icon svg{width:22px;height:22px}.bottom-nav-icon .ui-icon-badge{top:-4px;inset-inline-end:2px}.bottom-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .bottom-nav-item.is-active{color:var(--navy)}.bottom-nav-item.is-active .bottom-nav-icon{background:color-mix(in srgb,var(--navy) 10%,transparent)}.bottom-nav .bottom-nav-avatar{width:26px;height:26px}.bottom-nav-item.is-active .bottom-nav-avatar{box-shadow:0 0 0 2px var(--navy)}.bottom-nav .bottom-nav-create .bottom-nav-icon{width:52px;height:52px;margin-top:-26px;border:4px solid var(--surface);border-radius:50%;background:var(--orange);box-shadow:0 4px 12px color-mix(in srgb,var(--orange) 40%,transparent);color:var(--on-fill)}.bottom-nav .bottom-nav-create .bottom-nav-icon svg{width:26px;height:26px}.bottom-nav .bottom-nav-create:hover .bottom-nav-icon{background:color-mix(in srgb,var(--orange) 88%,var(--shadow-ink))}.bottom-nav .bottom-nav-create:focus-visible{outline:0}.bottom-nav .bottom-nav-create:focus-visible .bottom-nav-icon{outline:3px solid var(--cyan);outline-offset:2px}}@media (max-width:1199.98px){body:has(.messages-conversation-selected,.detail-mobile-bar,.order-detail-bar){--bottom-nav-offset:initial;padding-bottom:0}body:has(.messages-conversation-selected,.detail-mobile-bar,.order-detail-bar) .bottom-nav{display:none}}.mobile-menu-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in srgb,var(--shadow-ink) 45%,transparent);animation:mobile-menu-fade .2s ease-out}.mobile-menu{--mobile-menu-side:1;position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(400px,100%);padding-top:env(safe-area-inset-top,0);background:var(--surface);box-shadow:calc(-8px * var(--mobile-menu-side)) 0 28px color-mix(in srgb,var(--shadow-ink) 20%,transparent);color:var(--ink);animation:mobile-menu-slide .25s ease-out}[dir=rtl] .mobile-menu{--mobile-menu-side:-1}.mobile-menu:focus{outline:0}.mobile-menu-dev .mobile-menu-body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}@media (max-width:599.98px){.mobile-menu{width:100%;box-shadow:none}}@media (min-width:1200px){.mobile-menu,.mobile-menu-backdrop{display:none}}@keyframes mobile-menu-slide{0%{transform:translateX(calc(100% * var(--mobile-menu-side)))}}@keyframes mobile-menu-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-backdrop{animation:none}}.mobile-menu-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;padding-inline:20px 12px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.mobile-menu-title{color:var(--navy);font-size:18px;font-weight:800}.mobile-menu-head .ui-icon-button{width:44px;height:44px}.mobile-menu-body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;padding:12px 12px calc(16px + env(safe-area-inset-bottom, 0px));overflow-y:auto;overscroll-behavior:contain}.mobile-menu-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--paper)}.mobile-menu-card>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.mobile-menu-card strong{color:var(--navy);font-size:16px}.mobile-menu-card span,.mobile-menu-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-card span{color:var(--neutral-ink);font-size:13px}.mobile-menu-card a{width:max-content;margin-top:4px;color:var(--info-ink);font-size:14px;font-weight:700}.mobile-menu-card a:hover{text-decoration:underline}.mobile-menu-card a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}.mobile-menu .mobile-menu-card-link{color:var(--ink);text-decoration:none;transition:background-color .15s ease}.mobile-menu .mobile-menu-card-link:hover{background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.mobile-menu .mobile-menu-card-link:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.mobile-menu-card .mobile-menu-card-hint{margin-top:2px;color:var(--info-ink);font-size:13px;font-weight:700}.mobile-menu .mobile-menu-card-avatar{flex:none;width:56px;height:56px}.mobile-menu-guest{display:grid;grid-gap:10px;gap:10px}.mobile-menu-guest p{margin:0 0 4px;color:var(--neutral-ink);font-size:14px}.mobile-menu-guest .ui-button{width:100%}.mobile-menu-group{padding-top:6px}.mobile-menu-group+.mobile-menu-group{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.mobile-menu-group-title{margin:6px 8px;color:var(--neutral-ink);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mobile-menu-group ul{margin:0;padding:0;list-style:none}.mobile-menu .mobile-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:start}.mobile-menu .mobile-menu-item:hover:not(:disabled),.mobile-menu .mobile-menu-item[aria-current=page]{border-color:transparent;background:var(--paper);color:var(--navy)}.mobile-menu .mobile-menu-item:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.mobile-menu-item-icon{display:grid;flex:none;width:24px;place-items:center;color:var(--navy)}.mobile-menu-item-icon svg{width:20px;height:20px}.mobile-menu-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-item-chevron{display:grid;flex:none;color:var(--neutral-ink)}.mobile-menu .mobile-menu-item-avatar{flex:none;width:24px;height:24px}.mobile-menu .ui-icon-badge-inline{flex:none;-webkit-margin-start:0;margin-inline-start:0}.mobile-menu-group .mobile-menu-sublist{-webkit-padding-start:24px;padding-inline-start:24px}.mobile-menu-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger-ink);font-size:14px}.mobile-menu-footer{margin-top:auto;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.mobile-menu .mobile-menu-logout,.mobile-menu .mobile-menu-logout .mobile-menu-item-icon{color:var(--danger-ink)}