[data-grid]{display:grid;width:100%;height:100%;box-sizing:border-box;grid-gap:.25rem}[data-grid]>*{min-width:0!important;min-height:0!important}[data-grid=col]{grid-auto-flow:column}[data-cols]{grid-template-columns:attr(data-cols type(*))}[data-rows]{grid-template-rows:attr(data-rows type(*))}[data-col]{grid-column:auto / span attr(data-col type(<integer>),1)}[data-row]{grid-row:span attr(data-row type(<integer>),auto)}[data-rst]{grid-row-start:attr(data-rst type(<integer>),auto)}[data-rsp]{grid-row-end:span attr(data-rsp type(<integer>),auto)}[data-ren]{grid-row-end:attr(data-ren type(<integer>),auto)}[data-cst]{grid-column-start:attr(data-cst type(<integer>),auto)}[data-csp]{grid-column-end:span attr(data-csp type(<integer>),auto)}[data-cen]{grid-column-end:attr(data-cen type(<integer>),auto)}[data-area]{grid-area:attr(data-area type(<custom-ident>))}[data-gap]{gap:calc(attr(data-gap rem,0)/4)}[data-row-gap]{row-gap:calc(attr(data-row-gap rem,0)/4)}[data-col-gap]{column-gap:calc(attr(data-column-gap rem,0)/4)}[data-areas]{grid-template-areas:attr(data-areas type(<string>+))}:root{--multiplier: .25}[data-ps]{padding-inline-start:calc(attr(data-ps rem,0) * var(--multiplier))}[data-pe]{padding-inline-end:calc(attr(data-pe rem,0) * var(--multiplier))}[data-pt]{padding-top:calc(attr(data-pt rem,0) * var(--multiplier))}[data-pb]{padding-bottom:calc(attr(data-pb rem,0) * var(--multiplier))}[data-p]{padding:calc(attr(data-p rem,0) * var(--multiplier))}[data-px]{padding-inline:calc(attr(data-px rem,0) * var(--multiplier))}[data-py]{padding-block:calc(attr(data-py rem,0) * var(--multiplier))}[data-mt]{margin-top:calc(attr(data-mt rem,0) * var(--multiplier))}[data-mb]{margin-bottom:calc(attr(data-mb rem,0) * var(--multiplier))}[data-ms]{margin-inline-start:calc(attr(data-ms rem,0) * var(--multiplier))}[data-me]{margin-inline-end:calc(attr(data-me rem,0) * var(--multiplier))}[data-m]{margin:calc(attr(data-m rem,0) * var(--multiplier))}body{--lightness: .2;--hue: 0;--tint-amount: 0;--base-tint: oklch(0 var(--tint-amount) var(--hue));--bg: oklch(from var(--base-tint) calc(l + .9) c h);--bg-surface: oklch(from var(--base-tint) calc(l + .95) c h);--bg-surface-1: oklch(from var(--base-tint) 1 c h);--text: oklch(from var(--base-tint) calc(l + .05) c h);--text-muted: oklch(from var(--base-tint) calc(l + .3) c h);--border-color: oklch(from var(--base-tint) calc(l + .8) c h);--border-card: solid 1px var(--bg);--shadow: 0 2px 2px hsla(0 0% 0% / .07), 0 4px 4px hsla(0 0% 0% / .15)}body[data-theme=dark]{--base-tint: oklch(var(--lightness) var(--tint-amount) var(--hue));--bg: oklch(from var(--base-tint) calc(l + 0) c h);--bg-surface: oklch(from var(--base-tint) calc(l + .05) c h);--bg-surface-1: oklch(from var(--base-tint) calc(l + .1) c h);--text: oklch(from var(--base-tint) calc(l + .95) c h);--text-muted: oklch(from var(--base-tint) calc(l + .7) c h);--border-color: oklch(from var(--base-tint) calc(l + .3) c h);--highlight-color: oklch(from var(--base-tint) calc(l + .6) c h);--border-card: solid 1px var(--border-color)}.bg{background-color:var(--bg)}.bg-surface{background-color:var(--bg-surface)}.bg-surface-1{background:var(--bg-surface-1)}.text-color{color:var(--text)}.text-color-muted{color:var(--text-muted)}.home-layout{position:relative}.home-layout>.nav{position:fixed;top:0;left:0;z-index:1000}.home-layout{grid-template-areas:"header" "content";grid-template-rows:minmax(64px,auto) 1fr}@media (max-width: 768px){.home-layout>.nav{transition:all .2s cubic-bezier(.455,.03,.515,.955);opacity:.5;transform:translate(-100%);pointer-events:none}.home-layout.nav-open>.nav{opacity:1;transform:translate(0);pointer-events:auto}}@media (min-width: 768px){.home-layout{padding-block-end:.25rem}.home-layout>.nav{position:relative;padding-inline-start:.25rem;z-index:unset}.home-layout>.content{padding-inline-end:.25rem}.home-layout{grid-template-areas:"header header" "nav content";grid-template-columns:max-content 1fr}}.popover[popover]{position:fixed;inset:0;width:fit-content;height:fit-content;top:var(--popover-top);left:var(--popover-left);margin:0;border:none;padding:0;overflow:auto;color:unset;background-color:unset}.popover{--popover-top: 0;--popover-left: 0}.nav-item{font-weight:500;font-size:.875rem;height:max-content;text-decoration:none;border-radius:var(--border-radius);color:var(--color-text);transition:all var(--snap-ease)}.nav-item.router-link-exact-active{background-color:var(--color-primary)}.nav-item.router-link-active{color:var(--color-primary);background-color:var(--color-primary-10)}.nav-item:hover{background-color:var(--color-secondary)}.side-nav{background-color:var(--color-card-bg);border:var(--border-50);border-radius:var(--border-radius);box-shadow:var(--shadow-small);grid-gap:1rem}.side-nav .close-icon{display:inline-block;justify-self:end}.side-nav .nav-item{font-size:1.2rem}.side-nav .collapsed-icon{display:none}.side-nav nav{padding:1rem}@media (min-width: 768px){.side-nav{grid-template-columns:14rem;transition:grid-template-columns var(--snap-ease)}.side-nav nav{grid-gap:.25rem}.side-nav nav .close-icon{display:none}.side-nav nav .nav-item{font-size:.875rem}.side-nav .collapsed-icon{position:absolute;cursor:pointer;bottom:0;right:.5rem;display:inline-block;color:var(--color-text-70)}.side-nav .collapsed-icon:hover{color:var(--color-primary)}.side-nav.collapsed{grid-template-columns:5rem}.side-nav.collapsed .collapsed-icon{position:relative;display:inline-block;justify-self:center;align-self:end;bottom:0;right:0}}.user-avatar .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--color-primary-10);color:var(--color-primary);border-color:var(--color-primary-30)}.user-avatar .avatar>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-avatar .avatar img{width:100%;height:100%;object-fit:cover}.header-bar{background-color:var(--color-card-bg);border-bottom:var(--border-50);grid-template-areas:"nav-toggle brand content";grid-template-columns:1fr auto 1fr}.header-bar>.nav-toggle{display:grid}.header-bar>.brand{display:flex;align-items:center;justify-content:center}.header-bar .menu-icon{font-size:24px;cursor:pointer;color:var(--color-text)}.header-bar .menu-icon:active{color:var(--color-primary)}@media (min-width: 768px){.header-bar{grid-template-areas:"brand content";grid-template-columns:auto 1fr}.header-bar>.nav-toggle{display:none}}