html,body,#root{height:100%;margin:0;padding:0}.sidebar{width:200px;background-color:#2c3e50;color:#fff;height:100vh;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.toggle-button{background:none;border:none;color:#fff;padding:16px;cursor:pointer;align-self:flex-end}.menu{display:flex;flex-direction:column;margin-top:20px}.menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background-color:#34495e}.menu-item .label{margin-left:12px}.splitter-layout-vertical{position:static!important}.layout-splitter{background-color:#27272a!important}.chakra-progress__range{transition-duration:0ms!important}.areaTitle:before{content:"";flex:1 1;margin-right:5px;height:2px;background:linear-gradient(to left,#C0C0C0,transparent);border-radius:0 10px 10px 0}.areaTitle:after{content:"";flex:1 1;margin-left:5px;height:2px;background:linear-gradient(to right,#C0C0C0,transparent);border-radius:10px 0 0 10px}.areaTitle{position:relative;display:flex;align-items:center}.splitter-layout{position:absolute;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.splitter-layout .layout-pane{position:relative;flex:0 0 auto;overflow:auto}.splitter-layout .layout-pane.layout-pane-primary{flex:1 1 auto}.splitter-layout>.layout-splitter{flex:0 0 auto;width:4px;height:100%;cursor:col-resize;background-color:#ccc}.splitter-layout .layout-splitter:hover{background-color:#bbb}.splitter-layout.layout-changing{cursor:col-resize}.splitter-layout.layout-changing>.layout-splitter{background-color:#aaa}.splitter-layout.splitter-layout-vertical{flex-direction:column}.splitter-layout.splitter-layout-vertical.layout-changing{cursor:row-resize}.splitter-layout.splitter-layout-vertical>.layout-splitter{width:100%;height:4px;cursor:row-resize}