:root{--drawer-width: 280px;--topbar-height-xs: 72px;--topbar-height-md: 80px;--page-px-xs: 16px;--page-px-md: 24px;--page-py-xs: 16px;--page-py-md: 24px}.layout-root{display:flex;min-height:100vh;position:relative}.layout-main{flex:1;min-width:0;padding-top:calc(var(--topbar-height-xs) + 8px)}@media(min-width:900px){.layout-main{padding-top:calc(var(--topbar-height-md) + 8px)}}.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1201!important;border-top:none!important}@media(min-width:900px){.topbar{left:var(--drawer-width)!important;width:calc(100% - var(--drawer-width))!important}}.topbar-toolbar{min-height:var(--topbar-height-xs)!important;padding-left:12px!important;padding-right:12px!important;gap:16px;display:flex;align-items:center}@media(min-width:900px){.topbar-toolbar{min-height:var(--topbar-height-md)!important;padding-left:24px!important;padding-right:24px!important}}.sidebar-paper{width:var(--drawer-width)!important;box-sizing:border-box!important}.sidebar-content{width:var(--drawer-width);height:100%;display:flex;flex-direction:column;padding-top:16px;padding-bottom:16px}.sidebar-mobile{display:block!important}.sidebar-desktop{display:none!important}@media(min-width:900px){.sidebar-mobile{display:none!important}.sidebar-desktop{display:block!important;width:var(--drawer-width)!important;flex-shrink:0!important}}.page-frame{padding-left:var(--page-px-xs);padding-right:var(--page-px-xs);padding-top:var(--page-py-xs);padding-bottom:var(--page-py-xs)}@media(min-width:900px){.page-frame{padding-left:var(--page-px-md);padding-right:var(--page-px-md);padding-top:var(--page-py-md);padding-bottom:var(--page-py-md)}}.menu-open-btn{display:inline-flex!important}@media(min-width:900px){.menu-open-btn{display:none!important}}.topbar-brand{display:none!important}@media(min-width:900px){.topbar-brand{display:flex!important}}.grid-metrics{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.grid-metrics{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid-metrics{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grid-metrics{grid-template-columns:repeat(4,1fr)}}.grid-2col{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1200px){.grid-2col{grid-template-columns:1fr 1fr}}.grid-7-5{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1200px){.grid-7-5{grid-template-columns:7fr 5fr}}}{}