.sidebar-menu{z-index:99999;visibility:hidden;opacity:0;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-menu.open{visibility:visible;opacity:1}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar-content{z-index:1;background:#fff;width:350px;height:100%;transition:left .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-350px;overflow-y:auto;box-shadow:5px 0 20px #0000004d}.sidebar-menu.open .sidebar-content{left:0}.sidebar-header{background:linear-gradient(135deg,#2c1654 0%,#6a11cb 100%);border-bottom:2px solid #f0f0f0;justify-content:flex-end;align-items:center;padding:20px;display:flex}.close-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex}.close-btn:hover{color:#000;background:#f90;transform:rotate(90deg)}.sidebar-body{padding:25px}.sidebar-search{border:2px solid #e8e8e8;border-radius:8px;margin-bottom:25px;transition:border-color .3s;display:flex;overflow:hidden}.sidebar-search:focus-within{border-color:#f90}.sidebar-search input{background:0 0;border:none;outline:none;flex:1;padding:12px 15px;font-size:14px}.sidebar-search button{cursor:pointer;color:#000;background:#f90;border:none;padding:12px 18px;transition:all .3s}.sidebar-search button:hover{background:#e68a00}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav>ul>li{margin-bottom:5px}.sidebar-nav>ul>li>a,.sidebar-nav>ul>li>.submenu-toggle{color:#333;text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sidebar-nav>ul>li>a:hover,.sidebar-nav>ul>li>.submenu-toggle:hover{color:#f90;background:#ff990014;border-color:#f903;transform:translate(5px)}.sidebar-nav>ul>li>a i,.sidebar-nav>ul>li>.submenu-toggle i{text-align:center;color:#f90;width:20px}.submenu-toggle{position:relative}.submenu-toggle .arrow{margin-left:auto;font-size:12px;transition:transform .3s}.has-submenu.open .submenu-toggle .arrow{transform:rotate(180deg)}.submenu{max-height:0;margin:0;padding:0;list-style:none;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.has-submenu.open .submenu{max-height:800px;padding:10px 0}.submenu li{margin-bottom:3px}.submenu li a{color:#666;border-radius:6px;align-items:center;gap:12px;padding:10px 15px 10px 50px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.submenu li a:hover{color:#f90;background:#ff99000d;padding-left:55px}.submenu li a img{object-fit:contain;width:18px;height:18px}@media (max-width:480px){.sidebar-content{width:300px;left:-300px}.sidebar-search input{font-size:13px}}