.sidebar{background:var(--surface-bg-secondary);border-right:1px solid var(--border-04);width:180px;height:100%;transition:width var(--motion-duration-enter-m) var(--motion-easing-default);flex-direction:column;flex-shrink:0;gap:24px;padding:8px 8px 12px;display:flex;overflow:hidden}.sidebar>*{width:163px}.sidebar[data-collapsed]{width:57px}.sidebar[data-collapsed] .sidebar__logo{flex:0 0 40px}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar__account{transition:none}}.sidebar__top{flex-shrink:0;justify-content:space-between;align-items:center;height:40px;display:flex}.sidebar__logo{cursor:pointer;border-radius:var(--radius-m);height:100%;transition:background-color var(--motion-duration-feedback) var(--motion-easing-default);align-items:center;padding-left:4px;display:flex}.sidebar__logo:hover{background-color:var(--opacity-04)}.sidebar__logo-mark{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar__logo-mark img{display:block}.sidebar__menu{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.nav-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-group{flex-direction:column;gap:8px;display:flex}.nav-group--scroll{flex:1;min-height:0}.nav-group__scroll{flex:1}.nav-group__label{height:20px;font-size:var(--font-size-12);line-height:var(--line-height-ui-12);letter-spacing:var(--letter-spacing-ui-12-regular);color:var(--text-quaternary);align-items:center;padding:0 12px;display:flex}.nav-item{border-radius:var(--radius-m);text-align:left;width:100%;font-size:var(--font-size-14);line-height:var(--line-height-ui-14);letter-spacing:var(--letter-spacing-ui-14-regular);font-weight:var(--font-weight-regular);color:var(--text-secondary);transition:background-color var(--motion-duration-feedback) var(--motion-easing-default), color var(--motion-duration-feedback) var(--motion-easing-default);align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--opacity-04);color:var(--text-primary)}.nav-item:active{background-color:var(--opacity-08)}.nav-item[aria-current=page]{color:var(--text-primary);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-ui-14-medium)}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item__label--account{padding-left:8px}.nav-item__count{color:var(--text-quaternary);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-ui-14-regular);flex-shrink:0}.nav-item--icon{flex-shrink:0;gap:16px;height:40px;padding:10px 4px 10px 12px}.nav-item__icon{background-color:var(--icon-tertiary);width:16px;height:16px;transition:background-color var(--motion-duration-feedback) var(--motion-easing-default);flex-shrink:0;-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-item--icon:hover .nav-item__icon,.nav-item--icon[aria-current=page] .nav-item__icon{background-color:var(--icon-primary)}.sidebar__account{transition:padding-left var(--motion-duration-enter-m) var(--motion-easing-default);flex-shrink:0;padding-left:0;display:flex}.sidebar[data-collapsed] .sidebar__account{padding-left:0}.avatar-button{border-radius:var(--radius-full);width:40px;height:40px;transition:transform var(--motion-duration-feedback) var(--motion-easing-default);justify-content:center;align-items:center;display:flex}.avatar-button:active{transform:scale(var(--motion-scale-press))}.avatar{border-radius:var(--radius-full);border:1px solid var(--border-04);object-fit:cover;width:32px;height:32px;display:block}.sidebar[data-collapsed]{overflow:visible}.sidebar[data-collapsed] .sidebar__menu{width:auto}.sidebar[data-collapsed] .nav-item{justify-content:center;width:100%;padding-left:0;padding-right:0}.sidebar[data-collapsed] .nav-item__label{display:none}
.top-rail{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--surface-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding-left:8px;padding-right:12px;display:flex}.top-rail__left{align-items:center;display:flex}.top-rail__logo{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.top-rail__logo img{display:block}
.app-shell__sidebar,.app-shell__top-rail,.app-shell__drawer{font-family:var(--font-family)}.app-shell .app-shell__top-rail{display:none}.app-shell__main{overflow-y:auto}.app-shell{background:var(--surface-bg-primary);height:100dvh;display:flex;overflow:hidden}.app-shell__main{flex:1;min-width:0;min-height:0}.app-shell__page{height:100%}@media (max-width:1024px){.app-shell{flex-direction:column}.app-shell .app-shell__sidebar{display:none}.app-shell .app-shell__top-rail{display:flex}.app-shell .app-shell__top-rail .top-rail{flex:1}}.app-shell__overlay{z-index:90;background:var(--opacity-bg-overlay);height:100lvh;position:fixed;inset:0}.app-shell__drawer{background:var(--surface-bg-secondary);border-right:1px solid var(--border-04);width:max-content;height:100%}.app-shell__drawer .sidebar{height:100dvh;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));border-right:0}
.account-menu{position:relative}.avatar-initials{border-radius:var(--radius-full);border:1px solid var(--border-04);background:var(--surface-highlight-medium);width:32px;height:32px;color:var(--text-primary);font-size:var(--font-size-13);line-height:var(--line-height-ui-13);letter-spacing:var(--letter-spacing-ui-13-regular);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}.avatar-fallback{border-radius:var(--radius-full);background:var(--opacity-08);width:32px;height:32px;display:flex}.account-menu__panel{z-index:100;background:var(--surface-bg-primary);border:1px solid var(--border-06);border-radius:var(--radius-xl);min-width:200px;box-shadow:var(--shadow-center-060);flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.sidebar .account-menu__panel{inset:auto auto calc(100% + 8px) 0}.account-menu__name{font-size:var(--font-size-12);line-height:var(--line-height-ui-12);letter-spacing:var(--letter-spacing-ui-12-regular);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;padding:6px 12px 8px;overflow:hidden}.account-menu__item{border-radius:var(--radius-m);font-size:var(--font-size-14);line-height:var(--line-height-ui-14);letter-spacing:var(--letter-spacing-ui-14-regular);color:var(--text-secondary);transition:background-color var(--motion-duration-feedback) var(--motion-easing-default), color var(--motion-duration-feedback) var(--motion-easing-default);padding:11px 12px;text-decoration:none;display:block}.account-menu__item:hover{background-color:var(--opacity-04);color:var(--text-primary)}