.ds-app-sidebar{z-index:100;width:64px;height:100vh;padding:var(--padding-500) 0;background-color:var(--color-bg-page-primary);transition:width var(--motion-duration-slow) var(--motion-ease-emphasized);flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;left:0;overflow:hidden}.ds-app-sidebar--expanded{width:280px}.ds-app-sidebar--floating{top:var(--ds-sidebar-float-inset,20px);left:var(--ds-sidebar-float-inset,20px);height:calc(100dvh - var(--ds-sidebar-float-inset,20px) * 2);background-color:var(--color-bg-glass);border:var(--border-025) solid var(--color-bg-container-border);border-radius:var(--radius-600);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ds-app-sidebar__top{gap:var(--gap-1000);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.ds-app-sidebar__logo{height:24px;padding:0 var(--padding-500);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ds-app-sidebar__logo-inner{align-items:center;gap:var(--gap-500);min-width:0;display:flex}.ds-app-sidebar__logo-icon{flex-shrink:0;width:24px;height:24px}.ds-app-sidebar__logo-text{font-family:var(--font-paragraph-emphasis-family);font-size:var(--font-paragraph-emphasis-size);font-weight:var(--font-paragraph-emphasis-weight);line-height:var(--font-paragraph-emphasis-line-height);letter-spacing:var(--font-paragraph-emphasis-letter-spacing);color:var(--color-text-primary);white-space:nowrap;opacity:0;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-shrink:1;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__logo-text{opacity:1}.ds-app-sidebar__toggle{width:0;height:24px;color:var(--color-icon-primary);cursor:pointer;opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), width var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__toggle{opacity:1;width:24px}.ds-app-sidebar__toggle .material-symbols-rounded{--icon-size:var(--icon-size-600);transition:transform var(--motion-duration-slow) var(--motion-ease-standard)}.ds-app-sidebar__nav{gap:var(--gap-100);flex-direction:column;flex-shrink:0;align-items:stretch;display:flex}.ds-app-sidebar__category{padding:0 var(--padding-500);font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-tertiary);white-space:nowrap;opacity:0;height:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), height var(--motion-duration-base) var(--motion-ease-standard);overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__category{opacity:1;height:20px}.ds-app-sidebar__btn{min-width:0;height:40px;margin:0 var(--padding-300);padding:var(--padding-200);border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), padding var(--motion-duration-slow) var(--motion-ease-emphasized), margin var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;justify-content:space-between;align-items:center;text-decoration:none;display:flex;overflow:hidden}.ds-app-sidebar__btn:hover,.ds-app-sidebar__btn--active{background-color:var(--color-action-passive-bg-hover)}.ds-app-sidebar__btn-left{align-items:center;gap:var(--gap-200);min-width:0;display:flex}.ds-app-sidebar__btn-icon{--icon-size:var(--icon-size-600);color:var(--color-icon-primary);flex-shrink:0}.ds-app-sidebar__btn-label{font-family:var(--font-paragraph-emphasis-family);font-size:var(--font-paragraph-emphasis-size);font-weight:var(--font-paragraph-emphasis-weight);line-height:var(--font-paragraph-emphasis-line-height);letter-spacing:var(--font-paragraph-emphasis-letter-spacing);color:var(--color-text-primary);white-space:nowrap;opacity:0;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-shrink:1;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__btn-label{opacity:1}.ds-app-sidebar__btn-badge{font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-paragraph-sm-emphasis-weight);line-height:var(--font-caption-line-height);color:var(--color-text-secondary);background-color:var(--color-bg-container-tertiary);border-radius:var(--radius-pill);padding:var(--padding-050) var(--padding-200);opacity:0;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-shrink:1;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__btn-badge{opacity:1}.ds-app-sidebar__btn-chevron{color:var(--color-icon-secondary);min-width:0;transition:transform var(--motion-duration-slow) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard);opacity:0;flex-shrink:1;font-size:24px;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__btn-chevron{opacity:1}.ds-app-sidebar__btn-chevron--open{transform:rotate(90deg)}.ds-app-sidebar__sub-items{max-height:0;transition:max-height var(--motion-duration-slow) var(--motion-ease-emphasized);flex-direction:column;display:flex;overflow:hidden}.ds-app-sidebar__sub-items--open{max-height:500px}.ds-app-sidebar__sub-item{align-items:flex-start;height:40px;display:flex}.ds-app-sidebar__sub-line{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:100%;padding-left:16px;display:flex}.ds-app-sidebar__sub-line:after{content:"";background-color:var(--color-bg-container-border);width:1px;height:100%;display:block}.ds-app-sidebar__sub-btn{height:40px;margin-right:var(--padding-300);padding:var(--padding-200);border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;text-align:left;white-space:nowrap;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;flex:1;align-items:center;gap:8px;text-decoration:none;display:flex;overflow:hidden}.ds-app-sidebar__sub-btn:hover,.ds-app-sidebar__sub-btn--active{background-color:var(--color-action-passive-bg-hover)}.ds-app-sidebar__sub-label{font-family:var(--font-paragraph-emphasis-family);font-size:var(--font-paragraph-emphasis-size);font-weight:var(--font-paragraph-emphasis-weight);line-height:var(--font-paragraph-emphasis-line-height);letter-spacing:var(--font-paragraph-emphasis-letter-spacing);color:var(--color-text-primary);white-space:nowrap}.ds-app-sidebar__bottom{gap:var(--gap-400);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.ds-app-sidebar__top-slot,.ds-app-sidebar__footer-slot{padding:0 var(--padding-400);opacity:0;pointer-events:none;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__top-slot,.ds-app-sidebar--expanded .ds-app-sidebar__footer-slot{opacity:1;pointer-events:auto}.ds-app-sidebar__profile{min-width:0;padding:0 var(--padding-300);transition:padding var(--motion-duration-slow) var(--motion-ease-emphasized);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ds-app-sidebar--expanded .ds-app-sidebar__profile{padding:0 var(--padding-500)}.ds-app-sidebar__profile-left{align-items:center;gap:10px;min-width:0;display:flex}.ds-app-sidebar__avatar{flex-shrink:0}.ds-app-sidebar__profile-info{opacity:0;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-direction:column;flex-shrink:1;display:flex;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__profile-info{opacity:1}.ds-app-sidebar__profile-name{font-family:var(--font-paragraph-emphasis-family);font-size:var(--font-paragraph-emphasis-size);font-weight:var(--font-paragraph-emphasis-weight);line-height:var(--font-paragraph-emphasis-line-height);letter-spacing:var(--font-paragraph-emphasis-letter-spacing);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-app-sidebar__profile-email{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-app-sidebar__profile-more{color:var(--color-icon-primary);cursor:pointer;opacity:0;width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), width var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.ds-app-sidebar--expanded .ds-app-sidebar__profile-more{opacity:1;width:24px}.ds-app-sidebar__profile-more .material-symbols-rounded{--icon-size:var(--icon-size-600)}.ds-app-sidebar__mobile-trigger,.ds-app-sidebar__scrim{display:none}@media (max-width:768px){.ds-app-sidebar{visibility:hidden;width:0;padding:0;overflow:hidden}.ds-app-sidebar__mobile-trigger{top:var(--padding-400);left:var(--padding-400);z-index:80;background:var(--color-bg-container-primary);border:var(--border-025) solid var(--color-bg-container-border);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-floating);justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.ds-app-sidebar__scrim{z-index:90;background:var(--color-scrim);display:block;position:fixed;inset:0}.ds-app-sidebar--mobile-open{visibility:visible;z-index:100;width:280px;height:100dvh;padding:var(--padding-500) 0;background:var(--color-bg-page-primary);border-right:var(--border-025) solid var(--color-bg-container-border);box-shadow:var(--shadow-modal);animation:ds-app-sidebar-slide-in var(--motion-duration-base) var(--motion-ease-standard);position:fixed;top:0;bottom:0;left:0;overflow-y:auto}}@keyframes ds-app-sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.ds-app-sidebar .material-symbols-rounded:not(:where(.ds-app-sidebar__top-slot *,.ds-app-sidebar__footer-slot *)){color:inherit}