.beatz-list-card{border-radius:20px;border:1px solid #e5e5ea;background-color:#fff;box-shadow:0 4px 6px #00000012;overflow:hidden}.beatz-list-card-header{background:linear-gradient(135deg,#cf0,#d2ff1f);border-radius:20px 20px 0 0;padding:1.5rem 2rem;position:relative;overflow:hidden;border-bottom:0}.beatz-list-card-header:before{content:"";position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:#ffffff40;border-radius:50%;z-index:0}.beatz-list-card-header:after{content:"";position:absolute;bottom:-30px;left:5%;width:180px;height:180px;background:#1d1d1f0d;border-radius:50%;z-index:0}.beatz-list-card-header .beatz-list-header-inner{position:relative;z-index:1}.beatz-list-card-header .beatz-list-title{margin:0;font-size:1.4rem;font-weight:700;color:#1d1d1f;letter-spacing:-.5px}.beatz-list-card-header .beatz-list-subtitle{margin:.25rem 0 0;font-size:.95rem;font-weight:500;color:#1d1d1fb3}.beatz-list-card-body{padding:0}.beatz-list-add-button{background:#1d1d1f;color:#cf0;border:none;width:56px;height:56px;border-radius:50%;padding:0;font-size:28px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s ease}.beatz-list-add-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.beatz-list-add-button:active{transform:scale(.95)}.beatz-list-table ::ng-deep .ngx-datatable{border-radius:0 0 20px 20px;overflow:hidden}.beatz-list-table ::ng-deep .ngx-datatable .datatable-header{background:#fafafa;border-bottom:1px solid #e5e5ea}.beatz-list-table ::ng-deep .ngx-datatable .datatable-header .datatable-header-cell{padding:1rem 2rem;font-weight:600;font-size:.8em;color:#1d1d1f;letter-spacing:.5px;text-transform:uppercase;border:none}.beatz-list-table ::ng-deep .ngx-datatable .datatable-header .datatable-header-cell:last-child{text-align:right}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row{border-bottom:1px solid #e5e5ea;transition:all .2s ease}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row:last-child{border-bottom:none}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row:hover{background:#fafafa}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row .datatable-body-cell{padding:1.5rem 2rem;display:flex;align-items:center;border:none}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row .datatable-body-cell:first-child{font-weight:600;color:#1d1d1f}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row .datatable-body-cell:nth-child(2){color:#86868b}.beatz-list-table ::ng-deep .ngx-datatable .datatable-body-row .datatable-body-cell:last-child{justify-content:flex-end}.beatz-list-actions{display:flex;gap:.6rem;justify-content:flex-end;align-items:center}.beatz-list-edit-btn,.beatz-list-delete-btn{border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.beatz-list-edit-btn{background:#1d1d1f;box-shadow:0 2px 4px #1d1d1f33}.beatz-list-edit-btn svg{stroke:#cf0}.beatz-list-edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1d1d1f4d}.beatz-list-delete-btn{background:#ff2033;box-shadow:0 2px 4px #ff203333}.beatz-list-delete-btn svg{stroke:#fff}.beatz-list-delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff20334d}:root{--lpx-theme-light-bg: url("./media/login-bg-img-light-UP3O6NGW.svg");--lpx-theme-dim-bg: url("./media/login-bg-img-dim-N7H5TZLZ.svg");--lpx-theme-dark-bg: url("./media/login-bg-img-dark-RTOK7HEU.svg");--lpx-logo-icon: url("./media/icon-lite-6NE7WJNP.svg");--lpx-logo-url: var(--lpx-logo-icon);--lpx-logo: var(--lpx-logo-icon)}:root .abp-logo{background-repeat:no-repeat}:root .abp-support{width:178px;height:30px;background-image:url("./media/abp-support-5FTJLBAK.svg")}:root .abp-community{width:215px;height:30px;background-image:url("./media/abp-community-H44NZWZO.svg")}:root .abp-blog{width:142px;height:30px;background-image:url("./media/abp-blog-D3STSQ3T.svg")}:root .logo-x{width:20px;height:20px;background-image:url("./media/x-DMDTMORX.svg")}#lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-sidebar.lpx-scroll-container.lpx-has-scrollbar .lpx-logo-container{width:72px!important}#lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-sidebar.lpx-scroll-container.lpx-has-scrollbar .lpx-nav{min-width:72px}#lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-sidebar.lpx-scroll-container.lpx-has-scrollbar .lpx-nav-menu{max-width:72px}