.layout-wrapper{display:flex;min-height:100vh;width:100%}@media (max-width:768px){.layout-wrapper{flex-direction:column}}.app-container{min-height:100vh;position:relative;z-index:1}.app-container,.main-content{display:flex;flex:1;width:100%}.main-content{flex-direction:column}.content-area{flex:1;padding:16px;overflow-y:auto;width:100%}@media (min-width:640px){.content-area{padding:20px}}@media (min-width:1024px){.content-area{padding:24px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);position:fixed;z-index:999;transition:transform .3s ease}.sidebar.is-open{transform:translateX(0)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.backdrop.is-visible{opacity:1;pointer-events:auto}}