.beatz-list-card .card-header.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 .card-header.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 .card-header.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 .card-header.beatz-list-card-header .beatz-list-header-inner{position:relative;z-index:1}#create.beatz-list-add-button{background-color:#1d1d1f!important;border:none!important;width:56px;height:56px;border-radius:50%;padding:0;box-shadow:0 4px 12px #00000026;display:inline-flex;align-items:center;justify-content:center}#create.beatz-list-add-button i{color:#cf0;font-size:22px;line-height:1}#create.beatz-list-add-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}#create.beatz-list-add-button:active{transform:translateY(0);box-shadow:0 3px 8px #00000040}.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}.modal-content{border-radius:16px!important;overflow:hidden;border:none!important;box-shadow:0 10px 40px #00000026!important}.abp-modal-header{background:linear-gradient(135deg,#cf0,#e8f700)!important;padding:1.5rem 2rem!important;border-bottom:none!important;position:relative;overflow:hidden;display:flex!important;align-items:center!important;justify-content:space-between!important}.abp-modal-header:before{content:"";position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:#fff3;border-radius:50%;pointer-events:none}.abp-modal-header .modal-title,.abp-modal-header h2,.abp-modal-header h3,.abp-modal-header h4{font-size:18px!important;font-weight:700!important;color:#1d1d1f!important;letter-spacing:-.3px;margin:0!important;position:relative;z-index:1;line-height:1.3}.abp-modal-close-button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:6px!important;background:transparent!important;border:none!important;padding:0!important;cursor:pointer;transition:all .2s;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;position:relative;z-index:1;filter:none!important;opacity:1!important}.abp-modal-close-button:hover{background:#1d1d1f1a!important}.abp-modal-header+.modal-body,.modal-content .modal-body{padding:2rem!important;background:#fff!important;max-height:calc(100vh - 200px);overflow-y:auto}.abp-modal-header+.modal-body::-webkit-scrollbar,.modal-content .modal-body::-webkit-scrollbar{width:6px}.abp-modal-header+.modal-body::-webkit-scrollbar-track,.modal-content .modal-body::-webkit-scrollbar-track{background:#f5f5f7}.abp-modal-header+.modal-body::-webkit-scrollbar-thumb,.modal-content .modal-body::-webkit-scrollbar-thumb{background:#e5e5ea;border-radius:3px}.modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#d5d5dd}.abp-modal-header~.modal-footer,.modal-content .modal-footer{background:#f5f5f7!important;padding:1.5rem 2rem!important;border-top:1px solid #e5e5ea!important;display:flex!important;gap:1rem!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}@media (max-width: 600px){.modal-content .modal-footer{flex-direction:column-reverse!important;gap:.75rem!important;padding:1.25rem 1.5rem!important}}: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}