.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-header .logo{padding:0 5px}.sidebar-collapse{border:1px solid #e2e9f3;border-radius:6px;padding:4px;flex-shrink:0}.sidebar-collapse .icon{width:15px;height:15px;transform:rotate(180deg)}.account-actions button{display:flex;align-items:center;gap:4px}.account-actions .icon{width:11px;height:11px}.date-range-form{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-right:4px}.date-field{display:flex;flex-direction:column;gap:4px;font-size:0.75rem;color:#6a717b}.date-field input{background:white;border:1px solid #dfe6f0;border-radius:6px;padding:7px 9px;color:#4c535d;font-size:0.8125rem;min-width:132px}.date-arrow{color:#7e848e;padding-top:15px}.date-range-form>.button{align-self:flex-end;padding:8px 11px}.date-range-error{color:#4f555f;font-size:0.75rem;line-height:1.6;margin:0}.date-range-error:empty{display:none}.date-range-error:not(:empty){flex-basis:100%}.filterbar{align-items:flex-end}.filterbar>.filter,.filterbar>.reset{margin-bottom:1px}.canvas-chart-scroll{min-height:0;overflow-x:auto;flex:1;display:flex;align-items:center}.canvas-chart-scroll .canvas-chart{flex:none}.main .content{transition:max-width .15s}.sidebar-header,.sidebar,.main{transition:width .15s,margin-left .15s}.workspace-shell .sidebar{overflow-x:hidden}
@media(min-width:701px){.workspace-shell.is-collapsed{--sidebar:72px}.workspace-shell.is-collapsed .content{max-width:none}.is-collapsed .sidebar{padding:22px 10px 15px}.is-collapsed .sidebar-header{flex-direction:column;gap:15px;margin-bottom:25px}.is-collapsed .logo{font-size:0;gap:0;letter-spacing:0;padding:0}.is-collapsed .logo>span:not(.logo-symbol){display:none}.is-collapsed .sidebar-collapse .icon{transform:none}.is-collapsed .workspace-switch,.is-collapsed .sidebar-note,.is-collapsed .draft-nav{display:none}.is-collapsed .nav-item{justify-content:center;padding:12px 8px}.is-collapsed .nav-item>span{display:none}.is-collapsed .nav-item.active:before{left:10px}.is-collapsed .nav-label{font-size:0;letter-spacing:0;justify-content:center;padding:0;margin-bottom:8px;min-height:15px}.is-collapsed .nav-section{margin-bottom:15px}.is-collapsed .bookmark-nav{flex-direction:column;gap:0}.is-collapsed .bookmark-nav>.tiny-button{margin:0 0 8px}.is-collapsed .user{justify-content:center;padding:13px 0 0}.is-collapsed .user>div:not(.avatar){display:none}.is-collapsed .account-actions{flex-direction:column;padding:12px 0 0;align-items:center}.is-collapsed .account-actions span{display:none}.is-collapsed .account-actions .icon{width:16px;height:16px}.is-collapsed .account-actions button{padding:6px}.is-collapsed #toast{left:calc(50% + 36px)}}
@media(max-width:700px){.sidebar-collapse{display:none}.date-range-form{width:100%;gap:7px}.date-field{flex:1;min-width:0}.date-field input{min-width:0;width:100%;font-size:0.8125rem;padding:8px 6px}.date-range-form>.button{flex-basis:100%;margin-top:2px}.date-range-error:not(:empty){order:2}.filterbar>.filter{flex-basis:40%}.date-range-form .date-arrow{flex-shrink:0}.canvas-chart-scroll .canvas-chart{max-height:250px}}
@media(prefers-reduced-motion:reduce){.sidebar-header,.sidebar,.main,.main .content{transition:none}}
@media(max-width:700px){.workspace-shell .main{transition:none}}