/*!---|| CREATE BY RIFZA || ---!

 * Copyright 2024-2025 Rifza Pratama P, rifza.p.p, Azfir.
 * Github (https://github.com/Rifza123)
 * Site: https://xterm.tech
 * YoutubeChannel: https://youtube.com/@rifza?si=ELWRI9UpkoAnuYp0
 * WhatsappChannel: https://whatsapp.com/channel/0029VaauxAt4Y9li9UtlCu1V
 * Instagram: https://www.instagram.com/rifza.p.p?igsh=ZGUzMzM3NWJiOQ==

*/.sidebar{position:fixed;top:0;left:-250px;width:250px;height:99%;background-color:rgba(14,15,17,.87);border:.5px solid hsla(0,0%,100%,.28);border-radius:0 10px 20px 0;box-shadow:2px 0 20px rgba(0,0,0,.6);transition:left .5s ease;z-index:100}.sidebar.active{left:0}.sidebar-header{justify-content:space-between;padding:10px;background-color:#141418;border-radius:0 0 20px 20px;border:.5px solid hsla(0,0%,100%,.28);box-shadow:2px 0 15px rgba(0,0,0,.5)}.logo,.sidebar-header{display:flex;align-items:center}.logo{font-size:.8rem;color:#0dfbff;text-transform:uppercase;letter-spacing:3px;transform:translateX(-30%);left:60%}.sidebar-menu{list-style:none}.sidebar-menu li{position:relative;gap:.3rem;padding:3;margin:.3rem 0;opacity:0;animation:fadeIn .5s ease forwards;border-radius:7px 0 0 7px}.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:"";position:absolute;left:0;top:0;width:4px;height:100%;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#0dfbff,#00bcd4)}.sidebar-menu li a{display:flex;align-items:center;color:rgba(176,186,211,.65);font-size:.8rem;text-decoration:none;transition:background .3s,color .3s}.sidebar-menu li a:hover{background-color:hsla(0,0%,100%,.05);color:#fff;border-radius:6px}.sidebar-menu li a:active{background-color:hsla(0,0%,100%,.1);color:#0dfbff}.sidebar-menu li .icon{margin-right:10px}.sidebar-menu .dropdown-tag{padding:7px;background:rgba(20,20,24,.6);color:rgba(176,186,211,.75);border:.5px solid hsla(0,0%,100%,.05);border-radius:7px 7px 0 7px;font-size:.9rem;display:flex;transition:background .3s,color .3s}.dropdown{padding:.5rem}.dropdown-menu{display:none;list-style:none;margin:0;padding-left:10px;overflow:hidden;transition:all .3s ease}.dropdown-menu.open{display:block}.dropdown-menu li{border:1px solid hsla(0,0%,100%,.05)}.section-title{padding:10px;font-size:.65rem;font-weight:700;color:#888;text-transform:uppercase}.dropdown-arrow{position:absolute;left:90%;font-size:.5rem;color:#888;transition:transform .3s ease}.dropdown.active>a .dropdown-arrow{transform:rotate(180deg)}.sidebar-toggle-button{display:flex;flex-direction:column;justify-content:center;width:30px;height:30px;padding:6px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;cursor:pointer;z-index:15;-webkit-tap-highlight-color:transparent}.sidebar-toggle-button span{width:100%;height:1.4px;background-color:#fff;margin:3px 0;transition:all .5s ease}.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{position:absolute;bottom:10px;width:100%;text-align:center;padding:20px 15px;font-size:.8rem;color:hsla(0,0%,100%,.5)}.sidebar-user{padding:10px;position:relative;border-top:1px solid hsla(0,0%,100%,.1)}.user-info{display:flex;align-items:center;font-size:.85rem;padding:8px;color:#cdd6f4;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;transition:background .3s}.user-info:hover{background-color:hsla(0,0%,100%,.08)}.user-avatar{width:28px;height:28px;object-fit:cover;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);margin-right:10px}.user-name{flex:1 1;font-size:.78rem;font-weight:500;color:#e1e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-icon{font-size:.75rem;color:#888;margin-left:6px}.user-dropdown{position:absolute;bottom:100%;right:50%;transform:translateX(50%);margin-bottom:12px;width:180px;background:hsla(0,0%,100%,.03);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.1);animation:dropdownFade .25s cubic-bezier(.16,1,.3,1);z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.user-dropdown ul{margin:0;padding:6px 0;list-style:none}.user-dropdown li{padding:10px 16px;font-size:.6rem;font-weight:500;color:#f3f4f6;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.user-dropdown li:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.user-dropdown li svg{width:16px;height:16px;opacity:.7}.user-dropdown li:hover svg{opacity:1}.user-dropdown li:active{background-color:hsla(0,0%,100%,.15)}.user-dropdown li.divider{height:0;margin:4px 0;padding:0;border-top:1px solid hsla(0,0%,100%,.08)}.user-dropdown button{background:none;border:none;font:inherit;color:inherit;padding:0;width:100%;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}