:root{--app-header-height:4rem;--app-header-height-mobile:3rem;--app-header-total-height:calc(var(--app-header-height) + var(--ion-safe-area-top, 0px));--app-sidebar-width:250px;--app-sidebar-collapsed-width:72px}.app-layout{position:fixed;bottom:0;width:100%;height:100%;flex-direction:column;overflow:hidden}.app-header,.app-layout{top:0;left:0;right:0;display:flex}.app-header{position:absolute;height:var(--app-header-height);align-items:center;z-index:100;background-color:hsl(var(--background)/.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding-top:var(--ion-safe-area-top,0);transition:left .3s ease}@media (max-width:767px){.app-header{height:var(--app-header-height-mobile);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-header,.app-header-content{background-color:hsl(var(--background))!important}.app-header-content{height:100%;min-height:var(--app-header-height-mobile)}}.app-header-fixed{position:fixed}.app-header-content{display:flex;align-items:center;width:100%;height:100%;min-height:var(--app-header-height);padding:0 1rem;background-color:inherit;position:relative;z-index:1;box-sizing:border-box}.app-header-transparent{background-color:transparent;border-bottom:none}.app-sidebar{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background-color:var(--sidebar-background,var(--background));border-right:1px solid var(--border);z-index:90;transition:transform .3s ease,width .3s ease;padding-top:var(--ion-safe-area-top,0);padding-bottom:var(--ion-safe-area-bottom,0)}.app-sidebar-left{left:0;width:var(--app-sidebar-width);padding-left:var(--ion-safe-area-left,0)}.app-sidebar-right{right:0;width:var(--app-sidebar-width);padding-right:var(--ion-safe-area-right,0)}.app-sidebar-collapsed{width:var(--app-sidebar-collapsed-width)}.app-sidebar-mobile{z-index:110}.app-sidebar-overlay{box-shadow:0 0 15px rgba(0,0,0,.1)}.app-sidebar-hidden{transform:translateX(-100%)}.app-sidebar-right.app-sidebar-hidden{transform:translateX(100%)}.app-sidebar-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.4);z-index:105;animation:fade-in .2s ease}.app-content{position:absolute;top:calc(var(--app-header-height) + var(--ion-safe-area-top, 0px));left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:left .3s ease,right .3s ease;padding-bottom:var(--ion-safe-area-bottom,0);max-height:calc(100vh - var(--app-header-height) - var(--ion-safe-area-top, 0px) - var(--ion-safe-area-bottom, 0px));box-sizing:border-box}@media (max-width:767px){.app-content{top:calc(var(--app-header-height-mobile) + var(--ion-safe-area-top, 0px));max-height:calc(100vh - var(--app-header-height-mobile) - var(--ion-safe-area-top, 0px) - var(--ion-safe-area-bottom, 0px))}.app-content.app-content-no-header{top:var(--ion-safe-area-top,0);max-height:calc(100vh - var(--ion-safe-area-top, 0px) - var(--ion-safe-area-bottom, 0px))}}@media (min-width:768px){.app-header{left:var(--app-sidebar-width)}.app-header.app-header-sidebar-collapsed{left:var(--app-sidebar-collapsed-width)}.app-content{left:var(--app-sidebar-width)}.app-content.with-collapsed-sidebar{left:var(--app-sidebar-collapsed-width)}}.app-content-padded{padding:1.5rem}.app-content-inner{max-height:calc(100vh - var(--app-header-height) - var(--ion-safe-area-top, 0px) - var(--ion-safe-area-bottom, 0px));padding-bottom:2rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%}body,html{overflow:hidden!important;position:fixed!important;height:100%!important;width:100%!important;-webkit-overflow-scrolling:touch;touch-action:manipulation}.safe-area-top{padding-top:var(--ion-safe-area-top,0)}.safe-area-bottom,.safe-area-pb{padding-bottom:var(--ion-safe-area-bottom,0)}.safe-area-left{padding-left:var(--ion-safe-area-left,0)}.safe-area-right{padding-right:var(--ion-safe-area-right,0)}.safe-area-inset-top{margin-top:var(--ion-safe-area-top,0)}.h-header{height:calc(4rem + var(--ion-safe-area-top, 0px))}.pt-header{padding-top:calc(1rem + var(--ion-safe-area-top, 0px))}.sidebar-nav-item{width:100%;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;overflow:hidden}.sidebar-icon-wrapper,.sidebar-nav-item{display:flex;align-items:center;height:2.5rem}.sidebar-icon-wrapper{justify-content:center;width:2.5rem;flex-shrink:0}.sidebar-label{overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .2s ease}.sidebar-label-visible{opacity:1;width:auto}.sidebar-label-hidden{opacity:0;width:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}