*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;-webkit-text-size-adjust:100%}input,select,textarea,button{font-size:16px}.app-sidebar-backdrop,.app-mobile-topbar,.app-mobile-only{display:none}@media (max-width: 860px){.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:90;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 24px #00000040;overflow-y:auto}.app-sidebar.open{transform:translate(0)}.app-sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#16211c66;z-index:80}.app-mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1b241d;color:#fff;position:sticky;top:0;z-index:70}.app-mobile-only{display:inline-flex}.app-main{padding:16px!important;width:100%}.app-shell{flex-direction:column}.app-sidebar{width:240px!important;max-width:82vw}.client-master-detail{flex-direction:column}.client-master-detail.has-selection .client-list-panel{display:none}.client-detail-panel{width:100%!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}@media (min-width: 861px){.app-sidebar{position:relative}}@media (min-width: 481px) and (max-width: 860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}}