:root{--color-bg-sidebar: var(--color-neutral-950);--color-bg-sidebar-hover: var(--color-neutral-800);--color-text-on-sidebar: var(--color-neutral-50);--color-text-on-sidebar-muted: var(--color-neutral-400);--color-border-sidebar: var(--color-neutral-700);--sidebar-width: 300px;--vw: calc(100vw - (100vw - 100%))}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg-sidebar: var(--color-neutral-900);--color-bg-sidebar-hover: var(--color-neutral-800);--color-text-on-sidebar: var(--color-neutral-50);--color-text-on-sidebar-muted: var(--color-neutral-400);--color-border-sidebar: var(--color-neutral-700)}}:root[data-theme=dark]{--color-bg-sidebar: var(--color-neutral-900);--color-bg-sidebar-hover: var(--color-neutral-800);--color-text-on-sidebar: var(--color-neutral-50);--color-text-on-sidebar-muted: var(--color-neutral-400);--color-border-sidebar: var(--color-neutral-700)}.page__content .layout{padding-inline:0}body.sidebar--active{overflow:hidden}.app{position:relative;--sidebar-width: 0px;--header-height: var(--space-16);--z-aside: 900;--z-head: 950}@media only screen and (min-width: 768px){.app{--sidebar-width: 300px}body.sidebar--collapsed .app{--sidebar-width: var(--space-12)}}#header{position:sticky;inset:0;width:100%;z-index:var(--z-head)}#sidebar{width:var(--sidebar-width);padding-top:calc(var(--header-height) + var(--space-2));padding-inline:var(--gutter-size-narrow);height:100%;position:fixed;top:0;left:0;z-index:var(--z-aside);background-color:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);overflow-y:auto;transform:translateX(-16px) scale(0.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s ease,visibility 0s linear .28s}@media only screen and (min-width: 768px){#sidebar{display:block;transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:none}body.sidebar--collapsed #sidebar{width:fit-content;max-width:var(--space-12);min-width:var(--space-12);padding-inline:0;overflow:hidden}body.sidebar--collapsed #sidebar .menu-link-label,body.sidebar--collapsed #sidebar .sidebar__nav-label,body.sidebar--collapsed #sidebar .menu-toggle-btn,body.sidebar--collapsed #sidebar .submenu{display:none}}body.sidebar--active #sidebar{--sidebar-width: 100vw;transform:translateX(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .45s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .22s ease}@media(prefers-reduced-motion: reduce){#sidebar{transform:none;transition:opacity .15s linear,visibility 0s linear .15s}body.sidebar--active #sidebar{transition:opacity .15s linear}}#content{width:100%}@media only screen and (min-width: 568px){#content{transform:translateX(var(--sidebar-width));width:calc(var(--vw) - var(--sidebar-width))}}body.sidebar--active #content{filter:blur(4px)}.page__header,.page__content{padding-inline:var(--gutter-size-normal);padding-block-start:var(--gutter-size-narrow)}.layout-item--card{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-hard-sm);padding:var(--space-4)}.layout-item .layout-item__header{margin:0 0 var(--space-3) 0}.header__desktop{height:var(--header-height);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);padding-inline:0;display:none}@media only screen and (min-width: 568px){.header__desktop{display:flex}}.header__mobile{height:var(--header-height);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);display:flex;padding-inline:var(--gutter-size-narrow)}@media only screen and (min-width: 568px){.header__mobile{display:none}}body.sidebar--active .header__mobile{box-shadow:none;border-color:var(--color-transparent)}.header__brand{display:flex;align-items:center;justify-content:space-between;flex:0 1 var(--sidebar-width);gap:var(--gutter-size-normal);padding-left:var(--gutter-size-normal)}.header__logo{margin:0;padding:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}.header__logo--small{font-size:var(--font-size-xl)}.header__user{display:flex;align-items:center;gap:var(--gutter-size-narrow);padding-right:var(--gutter-size-normal)}#toggleDarkmode[data-mode=dark]{color:#f8e405}#toggleDarkmode[data-mode=light]{color:#242442}.sidebar__nav-label{color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;display:block;margin-bottom:var(--space-1)}.application-menu{list-style:none;margin:0 0 var(--space-8) 0;padding:0}.application-menu ul{list-style:none;margin:0;padding:0}.application-menu li{margin:0;padding:0}.application-menu li>div{display:flex;align-items:center;background-color:hsla(0,0%,100%,0);margin-bottom:var(--space-min);border-radius:var(--radius-sm);padding-inline-start:var(--space-4);color:var(--color-text-lighten);block-size:var(--space-10);cursor:pointer}.application-menu li>div:hover{background-color:hsla(from var(--color-brand) h s l/0.2)}.application-menu li>div:hover>a{color:var(--color-brand)}.application-menu li>div>a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.application-menu li>div>button{margin-left:auto}.application-menu li>.submenu{overflow:hidden;height:0;transition:height .3s ease}.application-menu li>.submenu.open{display:block;padding-inline:1rem;padding-block:.5em;border-bottom:1px solid hsla(0,0%,100%,.4)}.menu-toggle{appearance:none;border:0;background:rgba(0,0,0,0);color:inherit;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:40}.menu-toggle:hover{background:hsla(0,0%,100%,.15)}.menu-toggle .icon{width:22px;height:16px;position:relative}.menu-toggle .icon span{position:absolute;left:0;width:100%;height:var(--space-min);background:currentColor;border-radius:1px;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.menu-toggle .icon span:nth-child(1){top:0}.menu-toggle .icon span:nth-child(2){top:7px}.menu-toggle .icon span:nth-child(3){top:14px}.menu-toggle[aria-expanded=true] .icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] .icon span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.sidebar--collapsed #menuToggleDesktop>i{transform:rotate(180deg)}.page__head{margin-bottom:var(--space-6)}.page__toolbar{row-gap:var(--space-2)}.page__toolbar .page__toolbar-searchform{width:100%}.page__toolbar .page__toolbar-searchform input[type=search]{width:100%}:root{--focus-ring-color: var(--color-primary-500);--focus-ring: 0 0 0 3px var(--focus-ring-color);--border: var(--color-neutral-200);--surface: var(--color-neutral-50);--muted: var(--color-neutral-400);--tab-h: var(--space-12)}[role=tabpanel]{padding:0;animation:fadein var(--duration-normal) var(--ease-standard) both;outline:none}[role=tabpanel]:focus-visible{box-shadow:inset var(--focus-ring)}[role=tabpanel][hidden]{display:none}@keyframes fadein{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tabs[role=tablist]{display:flex;scrollbar-width:none;border-bottom:1px solid var(--color-border-default);list-style:none;margin:0 0 var(--space-2) 0;padding:0 var(--space-2);gap:var(--gutter-size-narrow);background:var(--color-transparent)}.tabs[role=tablist]>li{margin:0;padding:0}.tabs[role=tablist].tabs--solid{background:var(--color-bg-surface)}.tabs[role=tablist].tabs--center{justify-content:center}.tabs[role=tablist]::-webkit-scrollbar{display:none}.tabs [role=tab]{all:unset;display:inline-flex;align-items:center;padding:0 var(--space-1);height:var(--tab-h);font:inherit;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;cursor:pointer;color:var(--muted);position:relative;flex-shrink:0;transition:color var(--duration-normal) var(--ease-standard)}.tabs [role=tab]::after{content:"";position:absolute;bottom:-1px;left:.5rem;right:.5rem;height:3px;border-radius:2px 2px 0 0;background:var(--color-primary-500);transform:scaleX(0);transition:transform var(--t) var(--ease)}.tabs [role=tab][aria-selected=true]{color:var(--color-primary-500)}.tabs [role=tab][aria-selected=true]::after{transform:scaleX(1)}.tabs [role=tab]:hover:not([aria-selected=true]){color:var(--color-text-primary)}.tabs [role=tab]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-md);z-index:2}.tabs.tabs--size-lg [role=tab]{font-size:var(--font-size-base)}