*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{overflow-x:hidden}.grid-2{display:grid;grid-template-columns:1fr 1fr}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-2-sm{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 860px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-header{padding:16px 16px 14px!important}.app-header h1{font-size:21px!important}.app-header p{font-size:13px!important}.app-nav{padding-left:10px!important;padding-right:10px!important}.app-content{padding:12px 10px 48px!important}.tab-bar{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px!important}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{flex-shrink:0;padding:8px 10px!important;font-size:12px!important}.app-nav{position:relative}.app-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,#F0F4FF);pointer-events:none;z-index:2}.mc-card{padding:16px!important}.kpi-big{font-size:20px!important}}@media (max-width: 380px){.grid-2-sm{grid-template-columns:1fr}}