.layout{display:grid;grid-template-columns:240px 1fr;grid-template-areas:"nav main";min-height:100vh;position:relative;width:100%;box-sizing:border-box}@media(max-width:1024px){.layout{grid-template-columns:1fr;grid-template-areas:"main"}}@media(min-width:1600px){.layout{max-width:1800px;margin:0 auto;padding:2rem 3rem;grid-template-columns:280px 1fr;gap:1.5rem}}.layout__nav{grid-area:nav;position:relative;height:100%;max-height:100vh}@media(max-width:1024px){.layout__nav{position:fixed;top:0;left:0;z-index:1030;height:100vh;max-height:100vh;transform:translate(-100%);transition:transform .2s ease}.sidebar--mobile-open .layout__nav{transform:translate(0)}}@media(min-width:1600px){.layout__nav{position:sticky;top:2rem;transform:none;height:100%;max-height:calc(100vh - 4rem)}}.layout__main{grid-area:main;padding:2rem;background-color:var(--bg-secondary);min-height:100vh;overflow-x:hidden;width:100%;box-sizing:border-box}@media(max-width:1024px){.layout__main{padding:1rem}}@media(min-width:1600px){.layout__main{background-color:transparent;min-height:calc(100vh - 4rem)}}.layout--collapsed{grid-template-columns:64px 1fr}@media(max-width:1024px){.layout--collapsed{grid-template-columns:1fr}}@media(min-width:1600px){.layout--collapsed{grid-template-columns:80px 1fr}}