.sidebar{background-color:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 5px rgba(0,0,0,.1);color:#333;height:100%;overflow-y:auto;position:fixed;right:-300px;top:0;transition:all .3s ease-in-out;width:300px;z-index:10000}.sidebar.active{right:0}.sidebar-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.sidebar-header img{max-width:120px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{cursor:pointer;font-size:16px;font-weight:500;padding:15px 20px}.sidebar-menu li:hover{background-color:#f1f5f9}.sidebar-menu a{color:#333;display:block;text-decoration:none}.sidebar-menu .submenu{display:none;list-style:none;margin:0 0 0 15px;padding:0}.sidebar-menu li:hover .submenu{display:block}.submenu li{font-size:14px;padding:10px 20px}.submenu li:hover{background-color:#eaf0f6}.sidebar-toggle{background-color:#fff;padding:0 10px;position:fixed;right:20px;top:20px;z-index:1001}.close-btn,.sidebar-toggle{border:none;color:#333;cursor:pointer}.close-btn{background:none;font-size:24px;padding:0}.sidebar-menu .btn{background-color:transparent!important;border:1px solid #333!important;border-radius:5px!important;color:#333!important;font-size:14px!important;font-weight:600!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.sidebar-menu .btn:hover{background-color:#333;color:#fff}.sidebar-menu .demo-btn{background-color:#8121c9!important;border-radius:5px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.sidebar-menu .demo-btn:hover{background-color:#67179e;color:#fff}.sidebar.active+div{display:block}.sidebar.active+.sidebar-toggle{display:none}