body,html{height:100%;margin:0;padding:0;overflow:hidden}.layout-container{display:flex;height:100vh;width:100%}.sidebar{width:250px;height:100%;overflow-y:auto;border-right:1px solid #e0e0e0;background-color:#f8f9fa;transition:all .3s ease;z-index:1000}.sidebar-header{padding:1rem;border-bottom:1px solid #e0e0e0}.content-area{flex:1 1;height:100%;overflow-y:auto;display:flex;flex-direction:column}.content-area>div{flex:1 1;overflow-y:auto}.nav-item{transition:background-color .2s}.nav-item:hover{background-color:rgba(0,0,0,.04)}.nav-item.active{background-color:rgba(0,0,0,.08)}@media (max-width:768px){.sidebar{position:fixed;left:0;top:0}.sidebar:not(.open){transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:0 0 15px rgba(0,0,0,.1)}}