:root{--header-height:64px;--sidebar-left-open:280px;--sidebar-left-closed:40px;--sidebar-right-open:414px;--sidebar-right-closed:40px;--transition-duration:300ms;--transition-easing:cubic-bezier(0.4,0,0.2,1);--current-sidebar-left:var(--sidebar-left-open);--current-sidebar-right:var(--sidebar-right-closed)}.app-layout{display:grid;grid-template-areas:"sidebar-left header sidebar-right" "sidebar-left main sidebar-right";grid-template-columns:var(--current-sidebar-left) 1fr var(--current-sidebar-right);grid-template-rows:var(--header-height) 1fr;height:100vh;width:100vw;transition:grid-template-columns var(--transition-duration) var(--transition-easing);overflow:hidden}.app-header{grid-area:header;z-index:70;position:relative;background:white;border-bottom:1px solid rgb(229 231 235)}.app-sidebar-left{grid-area:sidebar-left;border-right:1px solid rgb(229 231 235)}.app-sidebar-left,.app-sidebar-right{z-index:60;overflow:hidden;background:rgb(249 250 251);transition:width var(--transition-duration) var(--transition-easing)}.app-sidebar-right{grid-area:sidebar-right;border-left:1px solid rgb(229 231 235)}.app-main{grid-area:main;overflow:hidden;position:relative;z-index:10;background:white}.sidebar-left-closed{--current-sidebar-left:var(--sidebar-left-closed)}.sidebar-right-closed{--current-sidebar-right:var(--sidebar-right-closed)}.sidebar-left-open{--current-sidebar-left:var(--sidebar-left-open)}.sidebar-right-open{--current-sidebar-right:var(--sidebar-right-open)}.sidebar-content{height:100%;transition:opacity var(--transition-duration) var(--transition-easing)}.sidebar-content.collapsed{opacity:0;pointer-events:none}.sidebar-content.expanded{opacity:1;pointer-events:auto}@media (max-width:768px){.app-layout{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-sidebar-left,.app-sidebar-right{position:fixed;top:0;height:100vh;z-index:80;width:var(--sidebar-left-open);transform:translateX(-100%);transition:transform var(--transition-duration) var(--transition-easing)}.app-sidebar-right{right:0;width:var(--sidebar-right-open);transform:translateX(100%)}.sidebar-left-open .app-sidebar-left,.sidebar-right-open .app-sidebar-right{transform:translateX(0)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:75;opacity:0;pointer-events:none;transition:opacity var(--transition-duration) var(--transition-easing)}.mobile-overlay.active{opacity:1;pointer-events:auto}}.main-content-wrapper{height:100%;width:100%;overflow:auto}.main-content-full-height{height:100%;width:100%;overflow:hidden}