.layout-container{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#f8f9fa;overflow-y:auto;z-index:10}.main-content{margin-left:250px;width:calc(100% - 250px);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.banner{background-color:#fff;box-shadow:0 2px 5px #0000001a;padding:0 10rem;height:120px;display:flex;align-items:center;justify-content:space-between}.page-content{flex:1;padding:1rem;overflow-y:auto;overflow-x:auto;background-color:#f1f5f9;word-wrap:break-word}.card-footer{margin:0 auto;text-align:center;width:fit-content}@media screen and (max-width:768px){.layout-container{overflow-x:auto;overflow-y:hidden}.main-content{margin-left:0;min-width:100%;overflow-x:auto}.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;position:fixed}.sidebar.show{transform:translate(0)}.hamburger{position:absolute;top:15px;left:20px;z-index:20}.page-content{flex:1;padding:1rem;overflow-y:auto;overflow-x:auto;word-wrap:break-word;margin:0;width:100%;min-width:0}[x-cloak]{display:none!important}}