.main-layout-shell{--layout-shell-bg: var(--ucx-bg-app-secondary);--layout-header-h: var(--ucx-layout-header-h);--layout-pad-t: var(--ucx-space-16);--layout-content-offset: var(--ucx-layout-content-offset);--layout-body-gap: 28px;--layout-body-top: calc( var(--layout-pad-t) + var(--layout-content-offset) );--gutter-x: var(--ucx-layout-gutter);--shell-sidebar-w: var(--ucx-layout-sidebar-expanded);--shell-cluster-w: var(--ucx-layout-cluster-max-extra);--ucx-shell-gutter: max( 12px, calc( ( 100vw - var(--shell-sidebar-w) - var(--ucx-layout-column-gap) - var(--shell-cluster-w) ) / 2 ) );display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--layout-shell-bg);position:relative;isolation:isolate}.main-layout-shell--drawer-compact{--shell-sidebar-w: var(--ucx-layout-sidebar-collapsed)}.main-layout-shell:has(.page-layout--with-rail:not(.page-layout--has-extra)>.main-content.with-sidebar){--shell-cluster-w: var(--ucx-layout-cluster-max)}.main-layout-shell__header{position:fixed;inset:0 0 auto 0;z-index:1000;flex-shrink:0;width:100%;display:flex;flex-direction:column;background:transparent;pointer-events:none}.main-layout-shell__header-inner{width:100%;padding-inline:calc(var(--gutter-x) + 8px);background:transparent;pointer-events:none}@media (min-width: 1024px){.main-layout-shell__header-inner{padding-inline:var(--ucx-shell-gutter)}}.main-layout-shell__sidebar-host{position:relative;z-index:1001}.main-layout{flex:1 1 0;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--layout-shell-bg);position:relative;z-index:0}.main-layout .q-page-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;background:transparent;padding-top:0;position:relative;z-index:1}@media (min-width: 1024px){.main-layout .q-page-container{padding-left:0!important;margin-left:calc(var(--ucx-shell-gutter) + var(--shell-sidebar-w) + var(--ucx-layout-column-gap))!important;width:min(100vw - var(--ucx-shell-gutter) * 2 - var(--shell-sidebar-w) - var(--ucx-layout-column-gap),var(--shell-cluster-w))!important;transition:margin-left .3s ease,width .3s ease;background:transparent}}.main-layout .q-page-container .q-page{flex:1 1 auto;min-height:0;height:calc(100dvh - var(--layout-header-h))!important;max-height:100%;padding-top:0}.main-layout .q-drawer{background:inherit}@media (min-width: 1024px){.main-layout{background:transparent}}.body--dark .main-layout-shell{--layout-shell-bg: #090a1b}.body--dark .main-layout .q-tab-panel{background:#090a1b}