:root{--sidebar:184px!important}
.desktop-sidebar{width:184px!important;padding:18px 10px 14px!important}
.brand{min-height:62px!important;padding:0 6px 14px!important}
.brand img{width:146px!important;max-width:100%!important}
.nav{gap:4px!important}
.nav button{padding:9px 10px!important;border-radius:9px!important;font-size:12px!important;gap:9px!important}
.side-quote{padding:14px 8px 4px!important;font-size:8.5px!important;letter-spacing:.13em!important}
.desktop-main{margin-left:184px!important;width:calc(100vw - 184px)!important;padding-left:32px!important;padding-right:32px!important}

@media(max-width:800px){
  :root{--sidebar:0px!important}
  .desktop-sidebar{display:none!important}
  .desktop-main{margin-left:0!important;width:100%!important;padding:76px 14px 96px!important}
  .mobile-top{display:flex!important}
  .mobile-bottom{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:12px!important;
    right:12px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    height:64px!important;
    padding:6px 6px 8px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid #e4e9ec!important;
    box-shadow:0 10px 28px rgba(24,29,32,.14)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    overflow:visible!important;
  }
  .mobile-bottom button{
    min-width:0!important;
    height:48px!important;
    padding:5px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#778188!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .mobile-bottom button>span:first-child,
  .mobile-bottom .mobile-nav-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .mobile-bottom .mobile-nav-icon svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.8!important;
  }
  .mobile-bottom .mobile-nav-label{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-bottom button.active{
    background:#f2ece7!important;
    color:#383838!important;
    font-weight:700!important;
  }
  .mobile-bottom button.active .mobile-nav-icon{
    color:#8f7662!important;
  }
  .fab{
    width:46px!important;
    height:46px!important;
    bottom:58px!important;
    font-size:24px!important;
    border:4px solid #f7fafc!important;
    background:#c3aa94!important;
    color:#383838!important;
    box-shadow:0 10px 24px rgba(78,63,52,.22)!important;
  }
  .property-grid,.kpis,.reports-grid,.pipeline-stats{grid-template-columns:1fr 1fr!important}
  .grid2,.calendar-grid,.detailgrid2,.client-layout,.settings-shell{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  .property-grid,.kpis,.reports-grid,.pipeline-stats,.info-grid{grid-template-columns:1fr!important}
  .desktop-main{padding-left:12px!important;padding-right:12px!important}
  .toolbar,.report-toolbar{flex-wrap:wrap!important}
  .toolbar .search,.report-toolbar .search{min-width:100%!important;width:100%!important}
  .tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .pipeline{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .mobile-bottom{left:10px!important;right:10px!important}
  .mobile-bottom .mobile-nav-label{font-size:8.5px!important}
}