:root{--sidebar-width-collapsed:64px;--sidebar-width-expanded:256px;--sidebar-header-height:125px;--app-icons-top:62px;--app-icon-cv-left:37px;--app-icon-cb-left:106px;--app-icon-cx-left:177px;--app-icon-collapsed-cv-top:6px;--app-icon-collapsed-cb-top:46px;--app-icon-collapsed-cx-top:86px;--app-icon-collapsed-left:10px;--app-icon-size-expanded:40px;--app-icon-size-collapsed:32px;--app-icon-size-mobile:20px;--sidebar-title-top:34px;--sidebar-title-size:36px;--sidebar-padding-collapsed:10px;--sidebar-padding-expanded:16px;--sidebar-section-spacing:16px;--sidebar-item-spacing:2px;--button-icon-size:32px;--button-icon-size-large:40px;--button-nav-height:32px;--button-nav-padding-x:14px;--button-nav-padding-y:8px;--sidebar-border-radius:0.75rem;--button-border-radius:5px;--button-border-radius-small:3px;--sidebar-bg:#141414;--sidebar-border:#5c5c5c;--button-bg:#181818;--button-border:#2a2a2a;--button-hover-bg:#202020;--button-hover-border:#3a3a3a;--button-text:#d4d4d4;--button-hover-text:#ffffff;--button-active-bg:hsl(230,70%,70%);--button-active-border:hsl(230,70%,70%);--button-active-text:#ffffff;--button-shadow:0px 1px 1px 0px rgba(0,0,0,0.15);--sidebar-transition:all 300ms ease-in-out;--button-transition:all 200ms ease}.sidebar-container{display:flex;flex-direction:column;height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);border-top-right-radius:var(--sidebar-border-radius);border-bottom-right-radius:var(--sidebar-border-radius);transition:var(--sidebar-transition);position:relative}.sidebar-container.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-container.expanded{width:var(--sidebar-width-expanded)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);height:var(--sidebar-header-height);position:relative;z-index:50;display:flex;flex-direction:column;align-items:center}.sidebar-title{color:white;font-size:var(--sidebar-title-size);font-weight:400;text-align:center;position:absolute;top:var(--sidebar-title-top);left:50%;transform:translate(-50%,-50%)}.sidebar-button{font-weight:400;font-size:13px;box-shadow:var(--button-shadow);background-color:var(--button-bg);border:1px solid var(--button-border);color:var(--button-text);transition:var(--button-transition)}.sidebar-button:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-border);color:var(--button-hover-text)}.sidebar-button.active{color:var(--button-active-text)}.sidebar-button.active,.sidebar-button.active:hover{background-color:var(--button-active-bg);border-color:var(--button-active-border)}