.wpf-user-dashboard{box-shadow:0 8px 32px -2px rgba(27,37,51,.1);border-radius:8px;background:#fff;max-width:100%;max-width:1200px!important;margin:0 auto}.wpf-user-dashboard .wpf-dashboard-card{padding:20px;border-radius:8px}.wpf-user-dashboard .wpf-user-dashboard-table{background:#fff;border:1px solid #e2e6ec;border-radius:6px;display:flex;flex-direction:column;font-size:14px;overflow:hidden;margin-top:20px}.wpf-user-dashboard .wpf-user-dashboard-table.loading{pointer-events:none;opacity:.9}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-loader.loading{display:inline-block;width:80px;height:80px;position:absolute;left:calc(50% - 8px);top:calc(50% - 8px)}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-loader.loading:after{content:" ";display:block;width:44px;height:44px;margin:8px;border-radius:50%;border-color:#ff9000 transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:10px;margin:20px;border-bottom:1px solid hsla(0,0%,50.2%,.2)}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title .wpf-sync-action{display:flex;background:#fff;border:1px solid hsla(0,0%,50.2%,.2);border-radius:4px;padding:8px;cursor:pointer}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title .wpf-sync-action .wpf-sync-subscription-btn{background:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-table-container{border:1px solid #e2e6ec;border-radius:8px;margin:10px 20px 20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header{align-items:center;background:#fbfbfb;display:flex;font-size:14px;text-transform:uppercase;overflow-y:scroll}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header .wpf-user-dashboard-table__column{flex:1;padding:12px;min-width:100px;font-weight:500}@media only screen and (max-width:876px){.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header{display:none}}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows{flex:1;overflow-y:scroll}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row{border-top:1px solid #e2e6ec;display:flex;line-height:1.6;align-items:center;gap:4px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column{flex:1;padding:12px;min-width:100px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-subscription-action-btn{display:flex;gap:4px;justify-content:flex-end}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-subscription-action-btn .wpf_toal_amount_btn{border:1px solid hsla(0,0%,62%,.30196078431372547);border-radius:4px;padding:0 12px;font-size:14px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content{max-width:400px;margin:0 auto;padding:0}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-title{display:flex;align-items:center;gap:20px;justify-content:space-between;background:hsla(0,0%,50.2%,.0784313725490196);padding:0 20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body{padding:20px;text-align:center}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body .wpf-info-icon{font-size:48px;width:50px;color:#ff9000;margin-bottom:20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body h4{font-size:18px;font-weight:600}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body p{color:rgba(0,0,0,.7411764705882353);font-size:14px;font-weight:500}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer{display:flex;align-items:center;gap:14px;justify-content:right;background:hsla(0,0%,50.2%,.0784313725490196);padding:16px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn{background:#fff;border:1px solid #fff;padding:8px 16px;border-radius:4px;cursor:pointer}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn.wpf-cancel{color:#ff9000}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn.wpf-success{background:#ff9000;border:1px solid #ff9000;color:#fff}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription{justify-content:center;align-items:center;border-radius:50%;position:relative}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription .wpf-cancel-confirm-button{position:absolute;left:-28px;cursor:pointer;transform:translateX(-50%);background-color:#fff;color:#2196f3;padding:6px 0;border:none;border-radius:4px;font-size:14px;font-weight:600;opacity:0;transition:opacity .3s ease;width:35px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription .wpf-cancel-confirm-button.active{opacity:1}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription-btn{border-radius:4px;padding:0;font-weight:600;pointer-events:none;color:#607d8b;opacity:.6;width:20px;height:100%}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription-btn.active{pointer-events:all;cursor:pointer;opacity:1}.wpf-user-dashboard .wpf-user-profile{border-bottom:1px solid hsla(0,0%,50.2%,.10980392156862745);display:flex;flex-wrap:wrap;padding:20px;gap:40px}.wpf-user-dashboard .wpf-user-profile .wpf-user-avatar img{width:140px;height:140px;border-radius:50%}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-user-name{font-size:24px;font-weight:600;color:#0a021d}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-info-item{display:flex;gap:5px;align-items:center}.wpf-user-dashboard .wpf-user-content{display:flex;flex-wrap:wrap}.wpf-user-dashboard .wpf-user-content .wpf-menu{border-right:1px solid hsla(0,0%,50.2%,.10980392156862745);min-width:240px;background:rgba(213,218,223,.09019607843137255)}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item{display:flex;align-items:center;cursor:pointer;gap:12px;padding:14px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item.active{border-left:4px solid #198754;background-color:#fff;padding-left:10px;color:#198754}.wpf-user-dashboard .wpf-user-content .wpf-content{display:none;flex:70%;padding:20px;overflow-y:scroll;box-sizing:border-box}.wpf-user-dashboard .wpf-user-content .wpf-content.active{display:block}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-head{display:flex;align-items:center;gap:10px;color:#2f3448;border-bottom:1px solid #d6dae1;padding-bottom:5px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;justify-content:center}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card{width:calc(33% - 20px);display:flex;min-width:220px;border:1px solid #dadadb;border-radius:8px;align-items:center;flex-wrap:wrap}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info{padding:20px;flex:1}@media only screen and (max-width:1244px){.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info{padding:10px}}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info .h4{color:#2f3448;margin:0;font-size:22px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info .wpf_toal_amount_btn{margin:0!important;color:#1797f2;cursor:pointer;font-size:12px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info span{color:#8e8e8e;font-size:14px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon{padding:20px 20px 0;max-height:40px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img{padding:8px;border-radius:8px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.spent{background:#fef4e6;width:26px;height:26px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.order{background:#e6f2fe}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.subscription{background:#f0ecfd}@media only screen and (max-width:1244px){.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon{padding:10px}}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-submission-head{display:flex;align-items:center;gap:10px;color:#2f3448;border-bottom:1px solid #d6dae1;padding-bottom:5px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status{border:1px solid rgba(255,152,0,.30196078431372547);border-radius:25px;padding:4px 8px;font-weight:500;color:#fff;background-color:#2f3448}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.active,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.paid{border:1px solid #198754;background:#198754}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.pending{background:#f58e07}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.cancelled{border:1px solid #dc2626;background:#dc2626}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-sub-id{color:#1797f2;cursor:pointer}.wpf-user-dashboard .wpf-dashboard-modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);max-height:calc(100vh - 100px);overflow-y:scroll}.wpf-user-dashboard .wpf-dashboard-modal .modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;border-radius:8px;max-width:1120px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content.max-width-340{max-width:340px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content .submission-modal{padding:15px 20px;border:1px solid hsla(0,0%,50.2%,.12156862745098039);border-radius:8px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content .wpf_submission_details{padding-bottom:12px}.wpf-user-dashboard .wpf-dashboard-modal .wpf-close{color:#aaa;float:right;font-size:22px;font-weight:700;border:1px solid hsla(0,0%,50.2%,.1803921568627451);padding:0 6px 3px;height:22px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;background-color:hsla(0,0%,50.2%,.050980392156862744)}.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:focus,.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:hover{color:#000;text-decoration:none;cursor:pointer}@media only screen and (max-width:876px){.wpf-user-dashboard .wpf_payment_receipt .wpf_payment_info_item{width:100%;border-bottom:1px solid #e3e8ee;box-sizing:border-box}.wpf-user-dashboard .wpf_payment_receipt .wpf_order_items_table_wrapper{overflow-y:scroll}}@media only screen and (max-width:426px){.wpf-content,.wpf-dashboard-card{padding:4px!important}.wpf-user-dashboard-table__column{padding:2px!important;min-width:68px!important}}.wpf-dashboard-auth-box{background:#fff;border:1px solid hsla(0,0%,50.2%,.09019607843137255);border-radius:8px;max-width:500px!important;box-shadow:0 4px 25px rgba(0,0,0,.2)}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button>a,.wpf-dashboard-auth-box .wpf-dashboard-auth-box-header{padding:14px;background:#ff9800;border-radius:8px 8px 0 0;color:#fff;font-size:20px;font-weight:600}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button{margin-top:42px}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button a{border-radius:8px;text-decoration:none}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body{padding:20px;font-size:16px}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body .wpf-dashboard-auth-box-button{text-align:center}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body .wpf-dashboard-auth-box-button button{border:none;border-radius:8px;padding:14px;font-size:16px;cursor:pointer}