:root{--urbania-primary:#2784db;--urbania-primary-soft:#eef5ff;--urbania-text-primary:#132b43;--urbania-text-secondary:#708398;--urbania-surface:#fff;--urbania-background:#f7faff;--urbania-border:#e8eef5;--urbania-danger:#c65761;--urbania-danger-soft:#fff0f1;--urbania-radius-md:14px;--urbania-radius-lg:18px;--urbania-shadow-soft:0 10px 32px rgba(30,67,103,.08)}
.app-shell{grid-template-columns:280px 1fr}.sidebar{width:280px;padding:22px 18px 18px;background:var(--urbania-surface);border-right:1px solid var(--urbania-border);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce5ed transparent}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 5px 20px}.sidebar .brand{padding:0;gap:12px;color:var(--urbania-text-primary);font:700 27px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.8px}.sidebar .brand-mark{width:44px;height:44px;border-radius:14px;background:var(--urbania-primary);box-shadow:0 6px 16px rgba(39,132,219,.2);font-size:21px}.sidebar-close{display:none;width:42px;height:42px;border:0;border-radius:12px;background:#f4f7fa;color:#667c91;place-items:center}.sidebar nav{display:grid;gap:8px}.sidebar-section{display:grid;gap:4px;padding:3px 0 8px}.sidebar-section+.sidebar-section{border-top:1px solid #f0f3f6;padding-top:13px}.sidebar-section>p{margin:0 12px 4px;color:#9aa8b7;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.sidebar .nav-item{position:relative;min-height:52px;padding:0 13px;border-radius:15px;gap:13px;color:#687c91;font-size:14px;font-weight:600;transition:background .15s ease,color .15s ease,transform .14s ease}.sidebar .nav-item:hover{background:#f5f8fc;color:var(--urbania-text-primary)}.sidebar .nav-item:active{transform:scale(.985)}.sidebar .nav-item.active{background:var(--urbania-primary-soft);color:var(--urbania-primary);font-weight:700}.sidebar .nav-item.active::before{content:"";position:absolute;left:0;width:3px;height:22px;border-radius:3px;background:var(--urbania-primary)}.sidebar-icon{width:23px!important;height:23px;display:grid;place-items:center;font-size:inherit!important}.sidebar-label{width:auto!important;text-align:left!important;font-size:inherit!important}.sidebar-badge{width:auto!important;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border-radius:12px;background:#e4f1ff;color:#247cca;display:grid;place-items:center;font-size:10px!important;font-weight:800}.sidebar-bottom{display:grid;gap:10px;margin-top:auto;padding-top:18px}.community-card,.sidebar-profile{width:100%;border:1px solid #e7edf3;border-radius:16px;background:#f5f9fd;display:grid;grid-template-columns:40px minmax(0,1fr) 17px;align-items:center;gap:10px;padding:12px;color:var(--urbania-text-primary);font:inherit;text-align:left;transition:background .15s,transform .14s}.community-card:hover,.sidebar-profile:hover{background:#eef6fd}.community-card:active,.sidebar-profile:active{transform:scale(.985)}.community-card>span:first-child{width:40px;height:40px;border-radius:12px;background:#e4f1ff;color:var(--urbania-primary);display:grid;place-items:center}.community-card b,.community-card small,.sidebar-profile b,.sidebar-profile small{display:block}.community-card b,.sidebar-profile b{font-size:14px}.community-card small,.sidebar-profile small{font-size:11px;color:var(--urbania-text-secondary);margin-top:3px}.community-card>.u-icon,.sidebar-profile>.u-icon{color:#8294a7}.sidebar-profile{background:#fff}.sidebar-avatar{width:38px;height:38px;border-radius:50%;background:#f0d8cb;color:#8a553e;display:grid;place-items:center;font-weight:800}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 0}.sidebar-footer button{min-height:44px;border:0;background:transparent;color:#74879a;display:flex;align-items:center;gap:8px;padding:8px;font:600 12px inherit;border-radius:11px}.sidebar-footer button:hover{background:#f5f8fb;color:var(--urbania-text-primary)}.sidebar-footer .sidebar-logout{color:var(--urbania-danger)}.sidebar-footer .sidebar-logout:hover{background:var(--urbania-danger-soft);color:var(--urbania-danger)}
@media(max-height:720px) and (min-width:901px){.sidebar{padding-top:14px}.sidebar-head{padding-bottom:10px}.sidebar .brand-mark{width:40px;height:40px}.sidebar .nav-item{min-height:46px}.sidebar-section{padding-bottom:4px}.sidebar-section+.sidebar-section{padding-top:8px}.sidebar-bottom{padding-top:8px}.sidebar-profile{display:none}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:flex!important;width:min(86vw,320px);height:100dvh;padding:20px 18px max(16px,env(safe-area-inset-bottom));border-right:0;border-radius:0 24px 24px 0;box-shadow:18px 0 45px rgba(16,37,62,.14);transform:translateX(-105%);transition:transform .22s ease;z-index:60}.sidebar.open{transform:translateX(0)!important;z-index:60!important}.sidebar-close{display:grid}.menu-backdrop:not([hidden]){display:block!important;z-index:55!important;background:rgba(10,25,45,.25)!important;backdrop-filter:blur(1px)}.topbar .mobile-menu{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#5b7288}.topbar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.topbar .location-switch{justify-self:start}.sidebar .nav-item[data-view="inicio"],.sidebar .nav-item[data-view="reservas"],.sidebar .nav-item[data-view="comunidad"]{display:none}.sidebar-profile{display:grid}.sidebar-footer{padding-bottom:4px}}
@media(max-width:580px){.sidebar{width:min(86vw,320px);padding:18px 16px max(15px,env(safe-area-inset-bottom))}.sidebar-head{padding-bottom:12px}.sidebar .brand{font-size:25px}.sidebar .brand-mark{width:42px;height:42px}.sidebar nav{gap:4px}.sidebar-section{padding-bottom:5px}.sidebar-section+.sidebar-section{padding-top:9px}.sidebar .nav-item{min-height:49px}.sidebar-bottom{padding-top:8px;gap:7px}.community-card,.sidebar-profile{padding:9px 10px}.community-card>span:first-child{width:37px;height:37px}.sidebar-profile{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar .nav-item,.community-card,.sidebar-profile{transition-duration:.01ms!important}}