.sidebar{position:fixed;top:0;width:320px;height:100vh;background:#484747;overflow:auto;color:white;padding:10px;transition:transform .3s ease-in-out;z-index:1045}.left-sidebar{left:0;transform:translateX(-100%)}.right-sidebar{right:0;transform:translateX(100%)}.sidebar.active{transform:translateX(0)}.sidebar-content{margin-top:0}.sidebar-header{padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1}.sidebar-header h3{margin:0;color:#f8f9fa;font-size:24px}.close-button{position:absolute;top:10px;right:10px;color:white;border:none;padding:5px 10px;cursor:pointer}.sidebar-menu{list-style:none;padding:0;margin:0}.menu-item{cursor:pointer;transition:background-color .2s}.menu-button{padding:10px 15px;color:#f8f9fa;border:none;cursor:pointer;z-index:1001}.menu-button,.menu-item.has-dropdown{position:relative}.menu-link{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;color:#f8f9fa;text-decoration:none;font-size:16px;transition:all .3s ease}.menu-link:hover{background-color:#f0f0f0;color:#333}.menu-link:hover .arrow{border-top:5px solid #333}.inner--text{position:relative;display:inline-block}.bar{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#333;transform:translateX(-100%);opacity:0;transition:all .3s ease}.menu-link:hover .bar{transform:translateX(0);opacity:1}.arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #f8f9fa;transition:transform .3s ease}.inner-sub--menu{max-height:0;overflow:hidden;transition:max-height .3s ease;color:#f8f9fa}.menu-item.active .inner-sub--menu{max-height:500px}.menu-item.active .arrow{transform:rotate(180deg);color:#333}.submenu-link{display:block;padding:5px 20px;color:#f8f9fa;text-decoration:none;transition:all .3s ease}.submenu-link:hover{background-color:#f0f0f0;color:#333}.submenu-link .bar{bottom:0}.fade{transition-property:opacity;transition-timing-function:var(
    --tw-ease,var(--default-transition-timing-function)
  );transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:0.15s;--tw-ease:linear;transition-duration:.15s;transition-timing-function:linear}.offcanvas-backdrop{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:1040;background-color:#1e2228b3;width:100vw;height:100vh;position:fixed}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:1}