.mobile-shell-nav{z-index:160;padding:6px max(8px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-right));background:color-mix(in srgb, var(--bg-card) 92%, transparent);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;align-items:flex-end;gap:8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000002e}@media (max-width:768px){.mobile-shell-nav{display:flex}}.mobile-shell-nav--hidden{display:none!important}.mobile-shell-tab{min-width:0;max-width:5.5rem;min-height:48px;color:var(--text-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.6875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:color .15s,transform .12s,background .15s;display:flex}@media (prefers-reduced-motion:no-preference){.mobile-shell-tab:active:not(.mobile-shell-tab--elevated){transform:scale(.97)}}.mobile-shell-tab--active{color:var(--color-sky-blue,var(--color-royal-blue))}.mobile-shell-tab--active .mobile-shell-tab__icon svg{stroke-width:2.25px}.mobile-shell-tab--active .mobile-shell-tab__icon--fill svg{fill:currentColor;stroke:currentColor}.mobile-shell-tab--elevated{background:linear-gradient(145deg, var(--color-royal-blue), color-mix(in srgb, var(--color-sky-blue) 70%, var(--color-royal-blue)));color:#fff;min-width:52px;max-width:none;min-height:52px;box-shadow:0 4px 16px color-mix(in srgb, var(--color-royal-blue) 45%, transparent), 0 0 0 3px color-mix(in srgb, var(--bg-card) 80%, transparent);border-radius:999px;flex:none;margin-top:-18px;padding:0}.mobile-shell-tab--elevated.mobile-shell-tab--active{color:#fff}@media (prefers-reduced-motion:no-preference){.mobile-shell-tab--elevated:active{transform:scale(.95)}}.mobile-shell-tab--elevated .mobile-shell-tab__label{display:none}.mobile-shell-tab__icon{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.mobile-shell-tab__label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-shell-more-sheet{gap:var(--space-2);flex-direction:column;display:flex}.mobile-shell-more-link{box-sizing:border-box;width:100%;min-height:var(--touch-target,44px);justify-content:flex-start;text-decoration:none}body.mobile-shell-active{--mobile-bottom-nav-total:calc(4.25rem + env(safe-area-inset-bottom,0px))}@media (max-width:768px){body.mobile-shell-active .site-main,body.mobile-shell-active .app-shell-content,body.mobile-shell-active .finn-main,body.mobile-shell-active .event-staff-main,body.mobile-shell-active .ops-content,body.mobile-shell-active .footer{padding-bottom:var(--mobile-bottom-nav-total)}}.mobile-page-transition{flex:1;width:100%;min-width:0}@media (prefers-reduced-motion:no-preference){.mobile-page-transition{animation:.15s ease-out mobile-page-enter}}@keyframes mobile-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-page-transition{animation:none}}
.app-shell-root{--app-sidebar-width:260px;--app-sidebar-width-collapsed:72px;--site-header-estimate:4.75rem;background:var(--bg-app);min-height:100dvh;color:var(--text-main);flex-direction:column;display:flex}.app-shell-root--collapsed{--app-sidebar-width:var(--app-sidebar-width-collapsed)}.app-shell-layout{grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr);flex:1 0 auto;min-height:100dvh;transition:grid-template-columns .2s;display:grid}.app-shell-sidebar-slot{z-index:120;height:100dvh;position:sticky;top:0}.app-shell-sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-card);height:100%;padding:var(--space-3) var(--space-2);flex-direction:column;display:none}.app-shell-sidebar-nav{padding:var(--space-1) 0;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.app-shell-nav-link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);color:var(--text-body,var(--text-main));border-radius:10px;padding:.65rem .85rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-shell-nav-link:hover{background:color-mix(in srgb, var(--color-royal-blue) 10%, transparent);color:var(--text-main)}.app-shell-nav-link--active{background:color-mix(in srgb, var(--color-royal-blue) 18%, transparent);color:var(--color-sky-blue,var(--color-royal-blue))}.app-shell-nav-link__icon-wrap{flex-shrink:0;display:inline-flex;position:relative}.app-shell-nav-link__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-shell-sidebar--collapsed .app-shell-nav-link{justify-content:center;padding-inline:.5rem}.app-shell-sidebar--collapsed .app-shell-nav-link__label{display:none}.app-shell-sidebar-foot{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto}.app-shell-collapse-btn{align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:10px;padding:.65rem .85rem;font-size:.875rem;transition:background .15s,color .15s;display:flex}.app-shell-collapse-btn:hover{background:color-mix(in srgb, var(--color-royal-blue) 8%, transparent);color:var(--text-main)}.app-shell-sidebar--collapsed .app-shell-collapse-btn{justify-content:center;padding-inline:.5rem}.app-shell-sidebar--collapsed .app-shell-collapse-btn span{display:none}.app-shell-nav-badge{background:var(--color-danger,#ef4444);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:auto;padding:0 .35rem;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex}.app-shell-nav-badge--dot{border-radius:999px;width:.5rem;min-width:.5rem;height:.5rem;margin:0;padding:0;position:absolute;top:-2px;right:-4px}.app-shell-nav-badge--mobile{min-width:1rem;height:1rem;font-size:.6rem;position:absolute;top:-2px;right:-6px}.app-shell-main{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.app-shell-root>.footer{flex-shrink:0;width:100%}.app-shell-topbar{z-index:110;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));display:flex;position:sticky;top:0}.app-shell-topbar__left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.app-shell-topbar__logo{flex-shrink:0;text-decoration:none;display:flex}.app-shell-topbar__right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.app-shell-user-menu{position:relative}.app-shell-user-trigger{align-items:center;gap:var(--space-2);min-height:var(--touch-target-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-main);cursor:pointer;font:inherit;border-radius:10px;font-size:.875rem;display:inline-flex}.app-shell-user-trigger__name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.app-shell-user-trigger__role{opacity:.55;font-size:.75rem}.app-shell-user-trigger__chevron{transition:transform .2s}.app-shell-user-trigger__chevron--open{transform:rotate(180deg)}.app-shell-user-dropdown{top:calc(100% + var(--space-2));min-width:220px;padding:var(--space-2);border:1px solid var(--border-medium);background:var(--bg-card);box-shadow:var(--shadow-xl);z-index:1000;border-radius:12px;position:absolute;right:0}.app-shell-user-dropdown__kicker{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-accent);font-size:.8125rem;font-weight:600}.app-shell-user-dropdown__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-3);color:var(--text-main);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;font-size:.9rem;text-decoration:none;display:flex}.app-shell-user-dropdown__item:hover{background:color-mix(in srgb, var(--text-main) 5%, transparent)}.app-shell-user-dropdown__item--logout{color:var(--color-danger,#ef4444)}.app-shell-user-dropdown__item--logout:hover{background:color-mix(in srgb, var(--color-danger,#ef4444) 12%, transparent)}.app-shell-content.site-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.app-shell-mobile-nav{display:none}.app-shell-mobile-tab{min-width:0;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.65rem;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.app-shell-mobile-tab--active{color:var(--color-sky-blue)}.app-shell-mobile-tab__icon{display:inline-flex;position:relative}.app-shell-mobile-tab__label{text-align:center}.app-shell-more-sheet{gap:var(--space-2);flex-direction:column;display:flex}.app-shell-more-link{box-sizing:border-box;justify-content:flex-start;width:100%;text-decoration:none}.app-shell-logout-overlay{z-index:200000;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-shell-logout-card{padding:var(--space-6);text-align:center;max-width:360px;font-weight:600}@media (min-width:769px){.app-shell-sidebar{display:flex}.app-shell-topbar-chrome{display:inline-flex!important}}@media (max-width:768px){.app-shell-layout{grid-template-columns:minmax(0,1fr)}.app-shell-sidebar-slot,.app-shell-user-trigger__name,.app-shell-user-trigger__role{display:none}.app-shell-topbar-chrome{display:inline-flex!important}.app-shell-mobile-nav{z-index:160;padding:6px max(8px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));background:var(--bg-card);border-top:1px solid var(--border-subtle);justify-content:space-around;align-items:stretch;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001f}}body.app-shell-mobile-nav-active{--mobile-bottom-nav-total:calc(4rem + env(safe-area-inset-bottom,0px))}@media (max-width:768px){body.app-shell-mobile-nav-active .site-main{padding-bottom:var(--mobile-bottom-nav-total)}}
.homeowner-shell-root{--homeowner-sidebar-width:248px;--homeowner-sidebar-width-collapsed:72px}.homeowner-shell-root--collapsed{--homeowner-sidebar-width:var(--homeowner-sidebar-width-collapsed)}.homeowner-shell-layout{grid-template-columns:var(--homeowner-sidebar-width) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns .2s;display:grid}.homeowner-sidebar-slot{z-index:130;height:100dvh;position:sticky;top:0}.homeowner-sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-card);height:100%;color:var(--text-main);padding:var(--space-3) var(--space-2);flex-direction:column;display:none}[data-theme=light] .homeowner-sidebar{background:var(--bg-card);border-right-color:var(--border-medium);box-shadow:inset -1px 0 0 color-mix(in srgb, var(--border-subtle) 65%, transparent)}[data-theme=dark] .homeowner-sidebar,:root:not([data-theme=light]) .homeowner-sidebar{background:var(--bg-card)}.homeowner-sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-1) var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2);display:flex}.homeowner-sidebar-brand{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:flex;overflow:hidden}.homeowner-sidebar-brand .header-logo-wrap,.homeowner-sidebar-brand img{height:44px!important;max-height:44px!important}.homeowner-sidebar--collapsed .homeowner-sidebar-brand{justify-content:center}.homeowner-sidebar--collapsed .homeowner-sidebar-brand img{max-width:40px!important}.homeowner-sidebar-nav{padding:var(--space-1) 0;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.homeowner-sidebar-link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);color:var(--text-body,var(--text-main));border-radius:12px;padding:.7rem .85rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.homeowner-sidebar-link:hover{background:color-mix(in srgb, var(--color-royal-blue) 10%, transparent);color:var(--text-main)}.homeowner-sidebar-link--active{background:color-mix(in srgb, var(--color-royal-blue) 16%, transparent);color:var(--color-sky-blue,var(--color-royal-blue));box-shadow:inset 3px 0 0 var(--color-royal-blue)}.homeowner-sidebar-link__icon-wrap{flex-shrink:0;display:inline-flex;position:relative}.homeowner-sidebar-link__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.homeowner-sidebar--collapsed .homeowner-sidebar-link{box-shadow:none;justify-content:center;padding-inline:.5rem}.homeowner-sidebar--collapsed .homeowner-sidebar-link--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-royal-blue) 35%, transparent)}.homeowner-sidebar--collapsed .homeowner-sidebar-link__label{display:none}.homeowner-sidebar-badge{background:color-mix(in srgb, var(--color-danger,var(--lane-sosial-unavailable-bg)) 85%, var(--bg-card));color:var(--text-main);border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:auto;padding:0 .35rem;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex}.homeowner-sidebar-badge--dot{border-radius:999px;width:.5rem;min-width:.5rem;height:.5rem;margin:0;padding:0;position:absolute;top:-2px;right:-4px}.homeowner-sidebar-foot{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.homeowner-sidebar-chrome{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%}.homeowner-sidebar-chrome .shell-chrome-controls__item{width:100%}.homeowner-sidebar-chrome .shell-chrome-controls__select{flex:1}.homeowner-sidebar--collapsed .homeowner-sidebar-chrome{align-items:center}.homeowner-sidebar--collapsed .homeowner-sidebar-chrome .shell-chrome-controls__item{justify-content:center;width:100%}.homeowner-sidebar--collapsed .homeowner-sidebar-chrome .shell-chrome-controls__select{text-align:center;width:100%;max-width:3.25rem;padding:6px 4px;font-size:.6875rem;display:block}.homeowner-sidebar-collapse-btn{align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:10px;padding:.65rem .85rem;font-size:.875rem;transition:background .15s,color .15s;display:flex}.homeowner-sidebar-collapse-btn:hover{background:color-mix(in srgb, var(--color-royal-blue) 8%, transparent);color:var(--text-main)}.homeowner-sidebar--collapsed .homeowner-sidebar-collapse-btn{justify-content:center;padding-inline:.5rem}.homeowner-sidebar--collapsed .homeowner-sidebar-collapse-btn span{display:none}.homeowner-sidebar-backdrop{z-index:200;background:color-mix(in srgb, var(--bg-app) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;border:none;padding:0;transition:opacity .2s;position:fixed;inset:0}.homeowner-sidebar-backdrop--open{opacity:1;pointer-events:auto}.homeowner-sidebar--overlay{z-index:210;width:min(88vw, var(--homeowner-sidebar-width));box-shadow:var(--shadow-xl);transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.homeowner-sidebar--overlay-open{transform:translate(0)}.homeowner-sidebar-close-btn{min-width:var(--touch-target);min-height:var(--touch-target);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.homeowner-topbar-menu-btn{min-width:var(--touch-target);min-height:var(--touch-target);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:none}@media (min-width:769px){.homeowner-sidebar:not(.homeowner-sidebar--overlay){display:flex}}@media (max-width:768px){.homeowner-shell-layout{grid-template-columns:minmax(0,1fr)}.homeowner-sidebar-slot{display:none}.homeowner-topbar-menu-btn{display:inline-flex}.app-shell-topbar-chrome--homeowner{display:none!important}}
