.area-navigation{min-width:0;margin-bottom:1.25rem}.area-segments{border:1px solid color-mix(in oklab, var(--border) 55%, transparent);background:color-mix(in oklab, var(--popover) 14%, transparent);border-radius:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.3125rem;display:grid}.area-segment{min-width:0;min-height:2.75rem;color:var(--muted-foreground);text-align:center;border-radius:.9375rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .5rem;font-size:.8125rem;font-weight:500;line-height:1.35;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.area-segment svg{flex-shrink:0}.area-segment:hover{background:color-mix(in oklab, var(--secondary) 32%, transparent);color:var(--foreground);opacity:1}.area-segment[aria-current=page]{background:linear-gradient(160deg, var(--card), color-mix(in oklab, var(--card) 75%, var(--secondary)));color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 85%, transparent), 0 3px 9px -4px color-mix(in oklab, var(--shadow-ink) 28%, transparent);font-weight:600}.area-segment[aria-current=page] svg{color:var(--terracotta-600)}.area-description{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:.625rem .25rem 0;font-size:.8125rem;line-height:1.5;overflow:hidden}.app-navigation-title,.app-nav-desktop-label,.app-navigation .app-nav-group-toggle,.app-navigation .app-nav-subgroup{display:none}.app-navigation .app-nav-items{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:0;display:grid;overflow:visible}.app-navigation .app-nav-link,.app-nav-group-link{min-width:0;min-height:3.5rem;color:var(--ink-700);text-align:center;border-radius:.875rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .125rem;font-size:.625rem;font-weight:500;line-height:1.25;display:flex}.app-navigation .app-nav-link>span:last-child{white-space:normal;font-size:.625rem}.app-nav-group,.app-nav-settings,.app-nav-admin{min-width:0}.app-nav-group-row{border-radius:.875rem;min-width:0;height:100%;display:flex}.app-nav-group-row[data-active=true] .app-nav-group-link,.app-navigation .app-nav-link[aria-current=page]{color:var(--foreground);font-weight:600}.app-nav-group-row[data-active=true] .app-nav-group-link svg,.app-nav-group-row[data-active=true] .app-nav-group-link,.app-nav-group-row[data-active=true] .app-nav-group-toggle{color:var(--terracotta-600)}.app-nav-group-link:hover,.app-nav-group-toggle:hover{background:color-mix(in oklab, var(--muted) 65%, transparent);opacity:1}.app-navigation .app-nav-items:not([data-nav-glass]) .app-nav-group-row[data-active=true]{box-shadow:none;background:0 0}.app-nav-admin{border-left:1px solid var(--border)}.app-navigation-dot{background:var(--primary);width:.375rem;height:.375rem;box-shadow:0 0 0 2px var(--card);border-radius:50%;position:absolute;top:-.125rem;right:-.25rem}.area-segment:focus-visible,.app-nav-group-link:focus-visible,.app-nav-group-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=639px){.area-segment{flex-direction:column;gap:.375rem;padding:.5rem .25rem;font-size:.75rem}.area-description{font-size:.75rem}}@media (width>=1024px){.app-shell{grid-template-columns:14rem minmax(0,1fr);column-gap:2rem}.app-navigation-title{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.625rem .75rem;font-size:.625rem;font-weight:600;display:flex}.app-nav-desktop-label{display:inline}.app-nav-mobile-label{display:none}.app-navigation .app-nav-items{flex-direction:column;gap:.25rem;min-height:min(22rem,100dvh - 10rem);display:flex}.app-navigation .app-nav-link,.app-nav-group-link{text-align:left;flex-direction:row;flex:none;justify-content:flex-start;gap:.625rem;min-height:2.75rem;padding:.625rem .75rem;font-size:.8125rem}.app-navigation .app-nav-link>span:last-child{font-size:.8125rem}.app-nav-group-row{height:auto}.app-nav-group-link{flex:1;padding-right:0}.app-nav-group-link>span:first-child,.app-navigation .app-nav-link>svg{flex-shrink:0}.app-navigation .app-nav-group-toggle{width:2rem;min-height:2.75rem;color:var(--muted-foreground);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.app-nav-group-toggle svg{transition:transform .2s}.app-nav-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.app-navigation .app-nav-subgroup{visibility:hidden;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .2s,opacity .2s,visibility 0s linear .2s;display:grid}.app-navigation .app-nav-subgroup[data-expanded=true]{visibility:visible;opacity:1;grid-template-rows:1fr;transition-delay:0s}.app-nav-subgroup-clip{min-height:0;overflow:hidden}.app-nav-subgroup-links{border-left:1px solid color-mix(in oklab, var(--border) 80%, transparent);flex-direction:column;gap:.125rem;margin:.125rem .125rem .375rem 1.375rem;padding-left:.5rem;display:flex}.app-navigation .app-nav-sub-link{border-radius:.75rem;min-height:2.5rem;padding:.5rem .625rem}.app-nav-admin{border-top:1px solid var(--border);border-left:0;margin-top:0;padding-top:.75rem}.app-navigation .app-nav-admin .app-nav-link{color:var(--muted-foreground)}.app-nav-settings{border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem}}@media (prefers-reduced-motion:reduce){.area-segment,.app-navigation .app-nav-subgroup,.app-nav-group-toggle svg{transition:none}}@media (forced-colors:active){.area-segment[aria-current=page]{outline:2px solid highlight}}