body{display:block;min-height:100vh;background:#f3f7fa}
#app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;width:100%}
#app>aside{position:sticky;top:0;height:100vh;min-width:0;overflow-y:auto}
#app>main{min-width:0;width:100%;max-width:1440px;margin:0 auto;padding:32px clamp(24px,4vw,64px)}
#app header{gap:14px;flex-wrap:wrap}
#app .kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media(max-width:900px){#app{display:block}#app>aside{position:static;height:auto}#app>main{padding:22px 18px}}