:root{--surface-bg: #f8f9fa;--surface-card: #ffffff;--surface-border: #dee2e6;--primary-color: #10b981}.layout-wrapper{background-color:var(--surface-bg);min-height:100vh}.layout-topbar{position:fixed;height:5rem;z-index:999;left:0;top:0;width:100%;padding:0 2rem;background-color:var(--surface-card);transition:left .2s;display:flex;align-items:center;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-sidebar{position:fixed;width:20rem;height:calc(100vh - 7rem);z-index:999;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:6rem;left:1rem;transition:transform .2s,left .2s;background-color:var(--surface-card);border-radius:12px;padding:.5rem 1rem;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-main-container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;padding:7rem 2rem 2rem 22rem;transition:margin-left .2s}.layout-main{flex:1 1 auto}.layout-footer{transition:margin-left .2s;display:flex;align-items:center;justify-content:center;padding-top:2rem;border-top:1px solid var(--surface-border)}.layout-static-inactive .layout-sidebar{transform:translate(-110%)}.layout-static-inactive .layout-main-container{padding-left:2rem}@media(max-width:991px){.layout-sidebar{left:-20rem;top:0;height:100vh;border-radius:0}.layout-main-container{padding-left:2rem}.layout-mobile-active .layout-sidebar{left:0;transform:translate(0)}}.layout-menu{margin:0;padding:0;list-style-type:none}.layout-menuitem-root-text{font-size:.857rem;text-transform:uppercase;font-weight:700;color:var(--primary-color);margin:.75rem 0 .5rem}.layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-menu ul a{display:flex;align-items:center;position:relative;outline:0 none;color:var(--text-color);cursor:pointer;padding:.75rem 1rem;border-radius:12px;transition:background-color .2s,box-shadow .2s;text-decoration:none}.layout-menu ul a:hover{background-color:var(--surface-hover)}.layout-menu ul a .layout-menuitem-icon{margin-right:.5rem}.layout-menu ul a .layout-menuitem-text{line-height:1}.layout-menu ul a.active-route{font-weight:700;color:var(--primary-color)}@keyframes scalein{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.animate-scalein{animation:scalein .15s linear}.animate-fadeout{animation:fadeout .15s linear}.hidden{display:none!important}