.sidebar{z-index:100;background-color:#0e0f11de;border:.5px solid #ffffff47;border-radius:0 10px 20px 0;flex-direction:column;width:250px;height:99%;transition:left .5s;display:flex;position:fixed;top:0;left:-250px;box-shadow:2px 0 20px #0009}.sidebar.active{left:0}.sidebar-content{scrollbar-width:thin;scrollbar-color:#97979733 transparent;flex:1;padding-bottom:80px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-thumb{background:#6c5ce799;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#6c5ce7cc}.sidebar-header{background-color:#141418;border:.5px solid #ffffff47;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:2px 0 15px #00000080}.logo{color:#0dfbff;text-transform:uppercase;letter-spacing:3px;align-items:center;font-size:.8rem;display:flex;left:60%;transform:translate(-30%)}.sidebar-menu{list-style:none}.sidebar-menu li{opacity:0;border-radius:7px 0 0 7px;gap:.3rem;margin:.3rem 0;padding:3px;animation:.5s forwards fadeIn;position:relative}.sidebar-menu li:first-child{animation-delay:.1s}.sidebar-menu li:nth-child(2){animation-delay:.2s}.sidebar-menu li:nth-child(3){animation-delay:.3s}.sidebar-menu li:last-child{border-bottom-right-radius:10px}.sidebar-menu li:nth-child(4){animation-delay:.4s}.sidebar-menu li.active a:before{content:"";background:linear-gradient(#0dfbff,#00bcd4);border-radius:0 4px 4px 0;width:4px;height:100%;position:absolute;top:0;left:0}.sidebar-menu li a{color:#b0bad3a6;align-items:center;font-size:.8rem;text-decoration:none;transition:background .3s,color .3s;display:flex}.sidebar-menu li a:hover{color:#fff;background-color:#ffffff0d;border-radius:6px}.sidebar-menu li a:active{color:#0dfbff;background-color:#ffffff1a}.sidebar-menu li .icon{margin-right:10px}.sidebar-menu .dropdown-tag{color:#b0bad3bf;background:#14141899;border:.5px solid #ffffff0d;border-radius:7px 7px 0;padding:7px;font-size:.9rem;transition:background .3s,color .3s;display:flex}.dropdown{padding:.5rem}.dropdown-menu{margin:0;padding-left:10px;list-style:none;transition:all .3s;display:none;overflow:hidden}.dropdown-menu.open{display:block}.dropdown-menu li{border:1px solid #ffffff0d}.section-title{color:#888;text-transform:uppercase;padding:10px;font-size:.65rem;font-weight:700}.dropdown-arrow{color:#888;font-size:.5rem;transition:transform .3s;position:absolute;left:90%}.dropdown.active>a .dropdown-arrow{transform:rotate(180deg)}.sidebar-toggle-button{cursor:pointer;z-index:15;-webkit-tap-highlight-color:transparent;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;justify-content:center;width:30px;height:30px;padding:6px;display:flex}.sidebar-toggle-button span{background-color:#fff;width:100%;height:1.4px;margin:3px 0;transition:all .5s}.sidebar-toggle-button span:first-child{transform:rotate(45deg)translate(2.5px,2.5px)}.sidebar-toggle-button span:nth-child(2){transform:rotate(-45deg)translate(2.5px,-2.5px)}.sidebar-footer{text-align:center;color:#ffffff80;width:100%;padding:20px 15px;font-size:.8rem;position:relative;bottom:10px}.sidebar-user{border-top:1px solid #ffffff1a;padding:10px;position:relative}.user-info{color:#cdd6f4;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;padding:8px;font-size:.85rem;transition:background .3s;display:flex}.user-info:hover{background-color:#ffffff14}.user-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:28px;height:28px;margin-right:10px}.user-name{color:#e1e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:500;overflow:hidden}.more-icon{color:#888;margin-left:6px;font-size:.75rem}.user-dropdown{z-index:100;background:#ffffff08;border-radius:12px;width:180px;margin-bottom:12px;animation:.25s cubic-bezier(.16,1,.3,1) dropdownFade;position:absolute;bottom:100%;right:50%;transform:translate(50%);box-shadow:0 8px 24px #00000040,0 2px 4px #0000001a}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.user-dropdown ul{margin:0;padding:6px 0;list-style:none}.user-dropdown li{color:#f3f4f6;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.6rem;font-weight:500;transition:all .2s;display:flex}.user-dropdown li:hover{color:#fff;background-color:#ffffff1a}.user-dropdown li svg{opacity:.7;width:16px;height:16px}.user-dropdown li:hover svg{opacity:1}.user-dropdown li:active{background-color:#ffffff26}.user-dropdown li.divider{border-top:1px solid #ffffff14;height:0;margin:4px 0;padding:0}.user-dropdown button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}