:root{--finance-sidebar-wide:255px;--finance-sidebar-compact:78px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
.sidebar,.app main{transition:width .2s ease,margin-left .2s ease}.brand{position:relative}.sidebar-collapse{display:none;position:absolute;right:-28px;top:4px;width:30px;height:30px;border-radius:50%;border:1px solid #31506f;background:#0f3154;color:#fff;cursor:pointer;z-index:35}.mobile-overlay{display:none}
.sidebar nav button{display:flex;align-items:center;gap:10px;white-space:nowrap}.sidebar nav button:before{display:none}
@media(min-width:761px){.sidebar-collapse{display:grid;place-items:center}body.finance-sidebar-collapsed .sidebar{width:var(--finance-sidebar-compact);padding-left:12px;padding-right:12px}body.finance-sidebar-collapsed main{margin-left:var(--finance-sidebar-compact);width:calc(100% - var(--finance-sidebar-compact))}body.finance-sidebar-collapsed .brand{justify-content:center}body.finance-sidebar-collapsed .brand-copy,body.finance-sidebar-collapsed .space-picker,body.finance-sidebar-collapsed .sidebar-health,body.finance-sidebar-collapsed .sidebar-bottom .user-chip>div{display:none!important}body.finance-sidebar-collapsed .sidebar nav button{justify-content:center;padding-left:8px;padding-right:8px}body.finance-sidebar-collapsed .sidebar nav button span:last-child{display:none}.sidebar .brand-copy{min-width:0}}
@media(max-width:1100px) and (min-width:761px){.dash-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-main-grid{grid-template-columns:1fr!important}.dash-lower-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-2{grid-template-columns:1fr!important}.global-search{display:none!important}}
@media(max-width:760px){body.finance-mobile-menu-open{overflow:hidden}.sidebar{width:min(86vw,310px)!important;max-width:310px;transform:translateX(-105%)!important;padding-top:calc(18px + var(--safe-top));padding-bottom:calc(18px + var(--safe-bottom))}.sidebar.open{transform:translateX(0)!important}.sidebar-collapse{display:none!important}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(3,15,29,.58);z-index:19;opacity:0;pointer-events:none;transition:.2s}.finance-mobile-menu-open .mobile-overlay{opacity:1;pointer-events:auto}main{margin-left:0!important;width:100%!important;max-width:100vw;padding:16px!important}.topbar{gap:8px;align-items:center}.topbar h1{font-size:19px!important}.topbar small{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search,.quick-top{display:none!important}.dash-summary,.dash-main-grid,.dash-lower-grid,.cards-grid,.grid-2{grid-template-columns:1fr!important}.chart-wrap{overflow:auto;max-width:100%}.form-grid{grid-template-columns:1fr!important}.modal{align-items:end!important;padding:0!important}.modal-card{width:100%!important;max-width:none!important;border-radius:20px 20px 0 0!important;max-height:92dvh;padding-bottom:calc(18px + var(--safe-bottom))!important}.toolbar-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr!important}.auth-screen{padding:18px!important}.auth-card{width:100%;max-width:470px;margin:auto}}
@media(max-width:640px){.table-wrap{overflow:visible!important;border:0!important;background:transparent!important}.data-table{min-width:0!important;width:100%!important;display:block}.data-table thead{display:none}.data-table tbody{display:grid;gap:10px}.data-table tr{display:grid;background:var(--paper,#fff);border:1px solid #e0e6ed;border-radius:13px;padding:8px 12px}.data-table td{display:grid!important;grid-template-columns:minmax(90px,38%) 1fr;gap:9px;border-bottom:1px solid #edf0f4!important;padding:9px 0!important;white-space:normal!important}.data-table td:last-child{border-bottom:0!important}.data-table td:before{content:attr(data-label);font-size:9px;text-transform:uppercase;color:#718197;font-weight:800}.data-table td[colspan]{grid-template-columns:1fr}.data-table td[colspan]:before{display:none}.toolbar-actions{grid-template-columns:1fr}}
@media(pointer:coarse){button,input,select,textarea{min-height:44px}input,select,textarea{font-size:16px!important}}
@media(max-width:900px){.insight-grid{grid-template-columns:1fr}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.of-hero{align-items:flex-start;flex-direction:column}.of-hero .primary{width:100%}}
@media(max-width:600px){.admin-summary{grid-template-columns:1fr}.filter-row{width:100%}.filter-row label{flex:1;min-width:130px}.report-toolbar>a{width:100%}.connection-row{align-items:flex-start;gap:10px}.connection-row button{flex:0 0 auto}}