.sidebar-container{background:#f1efec;border:1px solid rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:column;height:calc(100vh - 20px);left:10px;opacity:0;overflow:hidden;position:fixed;top:10px;transform:translateX(0);transition:opacity 2s ease,visibility 2s ease,width .3s ease;visibility:hidden;width:var(--sidebar-width-collapsed);z-index:1000}.sidebar-container.visible{opacity:1;transform:translateX(0);visibility:visible}.sidebar-container.expanded{width:var(--sidebar-width-expanded)}.sidebar-top-button{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-start;overflow:hidden;padding:0;position:relative;width:100%;z-index:20}.summary-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:45px;justify-content:center;transition:background-color .2s ease;width:38px}.summary-btn:hover{background:rgba(0,0,0,.05)}.summary-btn.active{font-size:14px}.sidebar-header{font-size:24px;opacity:0;overflow:hidden;padding:0 5px;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap}.title-sidebar{letter-spacing:0}.sidebar-container.expanded .sidebar-header{opacity:1;transition:opacity .3s ease .15s,visibility .3s ease .15s;visibility:visible}.sidebar-nav{align-items:flex-start;display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:5}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{align-items:center;cursor:pointer;display:flex;flex-shrink:0;min-height:40px;padding:0;position:relative;transition:background-color .2s ease;width:100%}.nav-item.active,.nav-item:hover{background:rgba(0,0,0,.05)}.nav-number{align-items:center;color:#999;display:flex;flex-shrink:0;font-family:Geist;font-size:13px;font-weight:400;height:40px;justify-content:center;position:relative;transition:color .2s ease;width:38px;z-index:20}.nav-item.active .nav-number{color:#000;font-weight:500}.nav-item:hover .nav-number{color:#000}.nav-title{color:#333;flex:1;font-size:13px;letter-spacing:0;opacity:0;overflow:hidden;padding:10px 15px 10px 5px;text-overflow:ellipsis;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap}.sidebar-container.expanded .nav-title{opacity:1;transition:opacity .3s ease .15s,visibility .3s ease .15s;visibility:visible}.nav-item.active .nav-title{color:#000;font-weight:500}.sidebar-bottom-buttons{border-top:1px solid rgba(0,0,0,.1);flex-direction:column;padding:5px 0;z-index:20}.bottom-item,.sidebar-bottom-buttons{display:flex;position:relative;width:100%}.bottom-item{align-items:center;cursor:pointer;flex-shrink:0;min-height:36px;padding:0;transition:background-color .2s ease}.bottom-item:hover{background:rgba(0,0,0,.05)}.bottom-item:active{transform:scale(.98)}.bottom-btn-icon{align-items:center;color:#000;display:flex;flex-shrink:0;font-size:12px;font-weight:400;height:36px;justify-content:center;position:relative;transition:color .2s ease;width:38px;z-index:20}.bottom-btn-title{color:#333;flex:1;font-size:12px;opacity:0;overflow:hidden;padding:8px 15px 8px 0;text-overflow:ellipsis;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap}.sidebar-container.expanded .bottom-btn-title{opacity:1;transition:opacity .3s ease .15s,visibility .3s ease .15s;visibility:visible}