.app-shell{--app-shell-sidebar-width:12.75rem;--app-shell-sidebar-width-collapsed:6rem;--app-shell-content-max-width:84rem;--app-shell-motion-duration:var(--motion-duration-standard,200ms);--app-shell-motion-easing:var(--motion-easing-standard,cubic-bezier(0.4,0,0.2,1));min-height:100dvh}.app-shell>main{min-height:100dvh;padding-inline:clamp(.75rem,1.4vw,1.5rem);overflow:visible!important}.app-shell>main>div{width:min(100%,var(--app-shell-content-max-width));margin-inline:auto;min-height:100dvh}.app-shell>nav.bottom.s.m.l-none{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:0;gap:0}.app-shell>nav.bottom.s.m.l-none>a{min-width:0;padding:.375rem .25rem .5rem}.app-shell>nav.bottom.s.m.l-none>a>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.1}@media (max-width:63.99rem){.app-shell>nav.bottom.s.m.l-none{position:fixed;inset:auto 0 0 0;z-index:50}.app-shell>main{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px))}}@media (min-width:64rem){.app-shell>nav.left.l{position:fixed;inset:0 auto 0 0;box-sizing:border-box;width:var(--app-shell-sidebar-width);padding:.5rem .375rem;overflow-y:auto;z-index:40;transition:width var(--app-shell-motion-duration) var(--app-shell-motion-easing),padding var(--app-shell-motion-duration) var(--app-shell-motion-easing);scrollbar-width:none;-ms-overflow-style:none}.app-shell>nav.left.l::-webkit-scrollbar{width:0;height:0;display:none}.app-shell>main{padding-left:calc(var(--app-shell-sidebar-width) + .75rem);transition:padding-left var(--app-shell-motion-duration) var(--app-shell-motion-easing)}.app-shell.app-shell--sidebar-collapsed>nav.left.l{width:var(--app-shell-sidebar-width-collapsed)}.app-shell.app-shell--sidebar-collapsed>main{padding-left:calc(var(--app-shell-sidebar-width-collapsed) + .75rem)}}@media (prefers-reduced-motion:reduce){.app-shell>main,.app-shell>nav.left.l{transition-duration:1ms!important}}nav.left.l>.sidebar-header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;margin-bottom:.75rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.sidebar-collapse-btn{flex-shrink:0}.sidebar-theme-action{margin-top:auto}nav.left.l.max>.sidebar-theme-action{display:flex;align-items:center;gap:.5rem;justify-content:flex-start;border-radius:2rem;padding:0 1rem;min-block-size:3rem;white-space:nowrap}nav.left.l.max>.sidebar-theme-action>span{display:inline}nav.left.l.min>.sidebar-theme-action{margin-inline:auto;display:inline-flex;align-items:center;justify-content:center}nav.left.l.min>.sidebar-theme-action>span{display:none}nav.left.l>.sidebar-header,nav.left.l>.sidebar-theme-action,nav.left.l>a:not(.button,.chip){transition:inline-size var(--app-shell-motion-duration) var(--app-shell-motion-easing),block-size var(--app-shell-motion-duration) var(--app-shell-motion-easing),gap var(--app-shell-motion-duration) var(--app-shell-motion-easing),padding var(--app-shell-motion-duration) var(--app-shell-motion-easing),margin var(--app-shell-motion-duration) var(--app-shell-motion-easing),border-radius var(--app-shell-motion-duration) var(--app-shell-motion-easing)}@media (prefers-reduced-motion:reduce){nav.left.l>.sidebar-header,nav.left.l>.sidebar-theme-action,nav.left.l>a:not(.button,.chip){transition-duration:1ms!important}}.auth-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,3vw,2.25rem);width:100%;max-width:27rem;border:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);box-shadow:var(--elevate2);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(65% 75% at 100% -10%,color-mix(in srgb,var(--tertiary-container) 45%,transparent),transparent 70%),radial-gradient(60% 80% at -10% 110%,color-mix(in srgb,var(--primary-container) 45%,transparent),transparent 72%);opacity:.55}.auth-card__brand{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.25rem;font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:700;letter-spacing:.01em;line-height:1}.auth-card__brand-logo{width:clamp(2rem,4vw,2.4rem);height:clamp(2rem,4vw,2.4rem);border-radius:.55rem;object-fit:cover}.auth-card__brand i{font-size:clamp(2rem,4vw,2.4rem)}.auth-card__form{position:relative;display:flex;flex-direction:column;gap:1.1rem;z-index:1}.auth-card :is(.field,.button,.auth-card__social){position:relative;z-index:1}.auth-card .field{background:color-mix(in srgb,var(--surface-container) 84%,transparent);border-color:color-mix(in srgb,var(--outline) 70%,transparent)}.auth-card .field:focus-within{border-color:color-mix(in srgb,var(--primary) 78%,white 8%);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-container) 45%,transparent)}.auth-card__forgot{display:flex;justify-content:flex-end;margin-top:-.5rem;font-size:.8125rem}.auth-card__separator{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem;font-size:.8125rem;color:var(--on-surface-variant);margin:.25rem 0 .1rem}.auth-card__separator>span{white-space:nowrap}.auth-card__separator:after,.auth-card__separator:before{content:"";flex:1 1;height:1px;background:var(--outline-variant)}.auth-card__social{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;border-color:color-mix(in srgb,var(--outline) 72%,transparent);color:var(--on-surface);background:color-mix(in srgb,var(--surface-container-lowest) 70%,transparent);transition:background-color .17s ease,box-shadow .17s ease,transform .17s ease}.auth-card__social span{white-space:nowrap}.auth-card__social:hover{background:color-mix(in srgb,var(--surface-container) 84%,transparent);box-shadow:var(--elevate1);transform:translateY(-1px)}.auth-card__google-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.auth-card__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:var(--on-error-container);background:var(--error-container)}.auth-card__footer{margin:.3rem 0 0;text-align:center;font-size:.875rem;color:var(--on-surface-variant)}.auth-card .button{min-height:3.15rem;font-weight:700}@media (max-width:23rem){.auth-card{padding:1.5rem;gap:1.25rem}.auth-card__social{padding:.75rem 1rem;font-size:.875rem}}