@layer components{.dashboard-sidebar_wrap{z-index:9999;justify-content:space-between;gap:var(--space-5);width:var(--_sidebar_width,16rem);min-width:0;padding:var(--space-4);border-inline-end:var(--border-width) solid var(--border);background-color:var(--background-2);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}@media not (min-width:48rem){.dashboard-sidebar_wrap{display:none}}.dashboard-sidebar_top{gap:var(--space-5);flex-direction:column;display:flex}.dashboard-sidebar_brand{transition:rotate var(--reveal-duration) var(--ease-spring), scale var(--reveal-duration) var(--ease-spring);display:block}@media (hover:hover){.dashboard-sidebar_brand:hover{rotate:-2deg;scale:1.04}}.dashboard-sidebar_brand:active{scale:.95}.dashboard-sidebar_nav{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-sidebar_link{align-items:center;gap:var(--space-3);min-height:var(--control-height-main);padding:var(--space-1) var(--space-3);border-radius:var(--radius-main);color:var(--colors-on-vivid);animation:dashboard-sidebar-rise var(--enter-duration) var(--ease-out) backwards;animation-delay:calc(var(--_i) * var(--stagger-step));transition:background-color var(--hover-duration) var(--hover-ease), translate var(--move-duration) var(--ease-out), scale var(--hover-duration) var(--ease-spring);display:flex}@media (hover:hover){.dashboard-sidebar_link:hover{translate:var(--space-0) 0;background-color:color-mix(in srgb, var(--colors-on-vivid) 6%, transparent)}}.dashboard-sidebar_link:active{scale:.95}.dashboard-sidebar_link:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--focus-offset)}.dashboard-sidebar_link[aria-current=page]{background-color:var(--colors-secondary-yellow-strong)}.dashboard-sidebar_label{font-weight:var(--primary-bold);flex:1}.dashboard-sidebar_badge{min-width:var(--space-4);height:var(--space-4);padding-inline:var(--space-1);border:var(--border-width-thick) solid var(--background-3);border-radius:var(--radius-round);background-color:var(--badge-background,#e5484d);color:var(--light-100);font-size:var(--text-tiny);font-weight:var(--primary-bold);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.dashboard-sidebar_badge[hidden]{display:none}.dashboard-sidebar_profile{align-items:center;gap:var(--space-3);min-height:var(--control-height-main);padding:var(--space-1) var(--space-2);border-radius:var(--radius-main);color:var(--colors-on-vivid);transition:background-color var(--hover-duration) var(--hover-ease), scale var(--hover-duration) var(--ease-spring);display:flex}@media (hover:hover){.dashboard-sidebar_profile:hover{background-color:color-mix(in srgb, var(--colors-on-vivid) 6%, transparent)}}.dashboard-sidebar_profile:active{scale:.95}.dashboard-sidebar_profile:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--focus-offset)}.dashboard-sidebar_profile[aria-current=page]{background-color:var(--colors-secondary-yellow-strong)}.dashboard-sidebar_who{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.dashboard-sidebar_name{font-weight:var(--primary-bold)}.dashboard-sidebar_meta{color:var(--text-2)}@keyframes dashboard-sidebar-rise{0%{opacity:.2;translate:calc(var(--space-2) * -1) 0}to{opacity:1;translate:0}}.dashboard-tabs_wrap{--_height:5rem;z-index:9999;justify-content:space-around;align-items:flex-start;gap:var(--space-0);height:calc(var(--_height) + env(safe-area-inset-bottom));padding:var(--space-1) var(--space-1) env(safe-area-inset-bottom);border-block-start:var(--border-width) solid var(--border-subtle);background-color:var(--background-3);will-change:transform;backface-visibility:hidden;overscroll-behavior:none;touch-action:manipulation;display:none;position:fixed;inset-block-end:0;inset-inline:0;transform:translateZ(0)}@media not (min-width:48rem){.dashboard-tabs_wrap{display:flex}}.dashboard-tabs_link{justify-content:center;align-items:center;gap:var(--space-0);border-radius:var(--radius-main);min-width:0;min-height:3.5rem;color:var(--colors-on-vivid);font-size:var(--text-tiny);font-weight:var(--primary-bold);transition:background-color var(--hover-duration) var(--hover-ease), scale var(--hover-duration) var(--ease-spring);flex-direction:column;flex:1 1 0;line-height:1.2;display:flex}.dashboard-tabs_link:active{scale:.92}.dashboard-tabs_link:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:calc(var(--focus-width) * -1)}.dashboard-tabs_link[aria-current=page]{background-color:var(--colors-secondary-yellow-strong)}.dashboard-tabs_icon{display:inline-flex;position:relative}.dashboard-tabs_label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-tabs_badge{min-width:var(--space-3);height:var(--space-3);padding-inline:var(--space-0);border:var(--border-width-thick) solid var(--background-3);border-radius:var(--radius-round);background-color:var(--badge-background,#e5484d);color:var(--light-100);font-size:var(--text-tiny);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset-block-start:calc(var(--space-1) * -1);inset-inline-start:55%}.dashboard-tabs_badge[hidden]{display:none}.dashboard-tabs_add{width:var(--avatar-large);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--colors-vivid-orange);box-shadow:var(--shadow-offset-small);color:var(--colors-on-vivid);font-size:var(--text-large);transition:translate var(--move-duration) var(--ease-out), scale var(--hover-duration) var(--ease-spring), box-shadow var(--hover-duration) var(--hover-ease);flex:none;justify-content:center;align-items:center;margin-block-start:calc(var(--space-6) * -.6);display:inline-flex}.dashboard-tabs_add:active{box-shadow:none;translate:0 .125rem;scale:.95}.dashboard-tabs_add:focus-visible{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.dashboard_section>.container{align-items:stretch}}.dashboard_sidebar_shell{--_sidebar_width:clamp(14rem, 20vw, 18rem);grid-template-columns:minmax(0, var(--_sidebar_width)) minmax(0, 1fr);background-color:var(--background-2);min-height:100svh;color:var(--text);display:grid}@media not (min-width:48rem){.dashboard_sidebar_shell{grid-template-columns:minmax(0,1fr)}}.dashboard_main{background-color:var(--background-2);grid-column:2;min-width:0}@media not (min-width:48rem){.dashboard_main{grid-column:1;padding-block-end:calc(5rem + env(safe-area-inset-bottom))}}.dashboard_main_header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.dashboard_main_content{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.dashboard_section{min-width:0}
