.toggle-sidebar-btn{-webkit-backdrop-filter:blur(15px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#1db95440 0%,#1db95426 100%);border:1px solid #fff6;border-radius:10%;justify-content:center;align-items:center;width:60px;height:40px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulse;display:flex;position:fixed;top:10px;right:12%;transform:translate(-50%);box-shadow:0 10px 30px #1db9544d,0 2px 10px #0003,inset 0 1px #ffffff4d;z-index:10000!important}.toggle-sidebar-btn:hover{background:linear-gradient(135deg,#1db954 0%,#1db954cc 100%);transform:translate(-50%)scale(1.15);box-shadow:0 20px 40px #1db95499,0 8px 20px #0006}.toggle-sidebar-btn.hidden{opacity:0;visibility:hidden;transform:translate(-50%)scale(.5)}.toggle-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:1rem}.close-sidebar-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;opacity:0;visibility:hidden;background:linear-gradient(135deg,#ff6b6be6 0%,#ff6b6bb3 100%);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-25px;right:-25px;transform:scale(.5);box-shadow:0 15px 35px #ff6b6b66,0 5px 15px #0000004d;z-index:10010!important}.bottom-sidebar.open .close-sidebar-btn{opacity:1;visibility:visible;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards closeBtnAppear;transform:scale(1)}.close-sidebar-btn:hover{background:linear-gradient(135deg,#ff6b6b 0%,#ff6b6bcc 100%);transform:scale(1.15);box-shadow:0 20px 40px #ff6b6b99,0 8px 20px #0006}.close-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:1.3rem}.bottom-sidebar{pointer-events:none;opacity:0;align-items:center;gap:.8rem;width:85%;max-width:850px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);z-index:9999!important}.bottom-sidebar.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.glass-container{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:10000;background:linear-gradient(135deg,#ffffff40 0%,#ffffff26 100%);border:1px solid #ffffff4d;border-radius:24px;flex:1;padding:1rem 1.2rem;overflow:hidden;box-shadow:0 20px 50px #0006,0 5px 15px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a}.glass-container:before{content:"";z-index:-1;background:linear-gradient(45deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:3s infinite shimmer;position:absolute;inset:0}.scroll-container{scrollbar-width:thin;scrollbar-color:#fff6 transparent;-webkit-overflow-scrolling:touch;cursor:grab;width:100%;overflow:auto hidden}.scroll-container:active{cursor:grabbing}.scroll-container::-webkit-scrollbar{height:6px;display:none}.scroll-container::-webkit-scrollbar-track{background:#ffffff14;border-radius:3px}.scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#fff6 0%,#fff9 100%);border:1px solid #ffffff1a;border-radius:3px}.scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffffff80 0%,#ffffffb3 100%)}.menu-items-row{gap:.9rem;min-width:min-content;padding:.3rem 0;display:flex}.menu-square{cursor:pointer;width:85px;height:85px;color:inherit;text-align:center;z-index:1;transform-origin:50%;background:#ffffff1f;border:1px solid #fff3;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:.8rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.hover-animation{opacity:0;z-index:-1;background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-square:hover .hover-animation{opacity:1;width:150%;height:150%}.menu-square:hover{background:#fff3;border-color:#ffffff4d;animation:3s ease-in-out infinite float;box-shadow:0 10px 25px #0000004d,0 5px 15px #0003,inset 0 1px #ffffff1a}.menu-square.hovered{animation:1.5s ease-in-out infinite pulse}.menu-square.active{background:#1db95440;border-color:#1db95480;animation:2s ease-in-out infinite activePulse;box-shadow:0 10px 25px #1db9544d,0 5px 15px #1db95433,inset 0 1px #ffffff1a}.square-icon{z-index:2;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.menu-square:hover .square-icon{animation:.5s iconBounce;transform:scale(1.15)translateY(-2px)}.nav-icon{color:#fffffff2;filter:drop-shadow(0 2px 4px #0003);font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-square:hover .nav-icon{color:#fff;filter:drop-shadow(0 4px 8px #0000004d);transform:scale(1.1)}.menu-square.active .nav-icon{color:#1db954;animation:2s ease-in-out infinite iconGlow}.square-title{color:#fffffff2;text-align:center;-webkit-line-clamp:2;text-shadow:0 1px 2px #0000004d;z-index:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:600;line-height:1.2;transition:all .3s cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}.menu-square:hover .square-title{color:#fff;text-shadow:0 2px 4px #0006;transform:translateY(-1px)}.menu-square.active .square-title{color:#1db954;animation:2s ease-in-out infinite textGlow}.square-badge{color:#ffc107;white-space:nowrap;z-index:3;background:linear-gradient(135deg,#ffc1074d 0%,#ffc10733 100%);border:1px solid #ffc10766;border-radius:8px;padding:.1rem .4rem;font-size:.6rem;font-weight:600;animation:2s ease-in-out infinite badgePulse;position:absolute;top:6px;left:6px;box-shadow:0 2px 5px #ffc1074d}.support-number{color:#fffc;text-shadow:0 1px 2px #0000004d;direction:ltr;margin-top:.2rem;font-size:.6rem;font-weight:500;transition:all .3s;display:block}.menu-square:hover .support-number{color:#fff}.square-chevron{color:#fff9;z-index:2;font-size:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:6px;right:6px}.menu-square:hover .square-chevron{color:#fff;transform:scale(1.2)}.square-chevron.rotated{color:#1db954;animation:.5s chevronBounce;transform:rotate(180deg)}.menu-item-wrapper{position:relative}.submenu-bottom{opacity:0;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);pointer-events:none;background:#0f172afa;border:1px solid #fff3;border-radius:14px;flex-direction:column;gap:.4rem;min-width:130px;max-height:0;padding:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%)scale(.95);box-shadow:0 15px 40px #0006;z-index:99999!important}.submenu-bottom.active{opacity:1;pointer-events:auto;max-height:200px;padding:.6rem;animation:.4s cubic-bezier(.34,1.56,.64,1) submenuSlide;transform:translate(-50%)scale(1)}.submenu-square{color:#ffffffe6;cursor:pointer;text-align:center;white-space:nowrap;opacity:0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;padding:.6rem .8rem;font-size:.7rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s forwards fadeInUp}.submenu-bottom.active .submenu-square:first-child{animation-delay:.1s}.submenu-bottom.active .submenu-square:nth-child(2){animation-delay:.2s}.submenu-bottom.active .submenu-square:nth-child(3){animation-delay:.3s}.submenu-square:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.submenu-square.active{color:#fff;background:#1db95440;border-color:#1db95466;animation:2s ease-in-out infinite activeGlow}.submenu-title{display:block}.logout-square{background:linear-gradient(135deg,#ff6b6b26 0%,#ff6b6b14 100%);border-color:#ff6b6b40}.logout-square:hover{background:linear-gradient(135deg,#ff6b6b40 0%,#ff6b6b26 100%);border-color:#ff6b6b59;animation:2s ease-in-out infinite logoutPulse}.logout-square .nav-icon{color:#ff6b6b}.logout-square:hover .nav-icon{animation:1s ease-in-out logoutIconSpin}.scroll-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;z-index:10001;background:#fff3;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 5px 15px #0000004d}.scroll-btn:hover:not(.disabled){background:#ffffff4d;animation:1.5s ease-in-out infinite buttonPulse;transform:scale(1.15);box-shadow:0 8px 25px #0006}.scroll-btn.disabled{opacity:.4;cursor:not-allowed;transform:scale(.9)}.scroll-btn svg{filter:drop-shadow(0 2px 3px #0000004d);font-size:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 15px 35px #1db95466,0 5px 15px #0000004d}50%{box-shadow:0 20px 40px #1db95499,0 8px 20px #0006}}@keyframes activePulse{0%,to{box-shadow:0 10px 25px #1db9544d,0 5px 15px #1db95433,inset 0 1px #ffffff1a}50%{box-shadow:0 15px 30px #1db95466,0 8px 20px #1db9544d,inset 0 1px #ffffff26}}@keyframes iconBounce{0%,to{transform:scale(1.15)translateY(-2px)}50%{transform:scale(1.2)translateY(-3px)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 2px 4px #1db9544d)}50%{filter:drop-shadow(0 4px 8px #1db95480)}}@keyframes textGlow{0%,to{text-shadow:0 1px 2px #1db9544d}50%{text-shadow:0 2px 4px #1db95480}}@keyframes badgePulse{0%,to{box-shadow:0 2px 5px #ffc1074d}50%{box-shadow:0 4px 10px #ffc10780}}@keyframes buttonPulse{0%,to{box-shadow:0 8px 25px #0006}50%{box-shadow:0 12px 30px #00000080}}@keyframes logoutPulse{0%,to{box-shadow:0 10px 25px #ff6b6b4d,0 5px 15px #0003}50%{box-shadow:0 15px 30px #ff6b6b66,0 8px 20px #0000004d}}@keyframes logoutIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes submenuSlide{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes activeGlow{0%,to{box-shadow:0 5px 15px #1db95433}50%{box-shadow:0 8px 20px #1db9544d}}@keyframes chevronBounce{0%,to{transform:rotate(180deg)scale(1)}50%{transform:rotate(180deg)scale(1.3)}}@keyframes closeBtnAppear{0%{opacity:0;transform:scale(.5)rotate(-90deg)}70%{opacity:1;transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (min-width:1200px){.bottom-sidebar{max-width:950px;bottom:40px}.glass-container{border-radius:28px;padding:1.2rem 1.5rem}.menu-square{border-radius:20px;width:90px;height:90px}.square-icon{width:36px;height:36px}.nav-icon{font-size:1.2rem}.square-title{font-size:.75rem}.toggle-sidebar-btn{width:75px;height:35px;bottom:40px}.toggle-icon{font-size:1.7rem}}@media (max-width:767px){.bottom-sidebar{gap:.5rem;width:calc(100% - 30px);bottom:20px}.glass-container{border-radius:20px;padding:.8rem}.menu-square{border-radius:16px;width:75px;height:75px;padding:.7rem}.square-icon{width:28px;height:28px;margin-bottom:.4rem}.nav-icon{font-size:1rem}.square-title{font-size:.65rem}.scroll-btn{width:36px;height:36px;display:none}.scroll-container::-webkit-scrollbar{display:block}.toggle-sidebar-btn{width:75px;height:55px;bottom:20px}.toggle-icon{font-size:1.3rem}.close-sidebar-btn{width:45px;height:45px;top:-20px;right:-20px}}@media (max-width:480px){.bottom-sidebar{width:calc(100% - 20px);bottom:15px}.glass-container{border-radius:18px;padding:.6rem}.menu-square{width:70px;height:70px;padding:.6rem}.square-icon{width:26px;height:26px}.nav-icon{font-size:.9rem}.square-title{font-size:.6rem}.toggle-sidebar-btn{width:70px;height:50px;bottom:15px}.toggle-icon{font-size:1.2rem}.close-sidebar-btn{width:40px;height:40px;top:-15px;right:-15px}}.bottom-sidebar,.glass-container,.submenu-bottom,.menu-square,.scroll-btn,.toggle-sidebar-btn,.close-sidebar-btn{z-index:99999!important}body *{z-index:auto!important}.bottom-sidebar *{z-index:inherit!important}