.wpf-user-dashboard{border-radius:8px;background:#fff;max-width:100%;max-width:1200px!important;margin:0 auto;border:1px solid #EAECF0;color:#475569;font-weight:500}.wpf-user-dashboard .wpf-dashboard-card{border-radius:8px}.wpf-user-dashboard .wpf-user-dashboard-table{position:relative;background:#fff;border-radius:0 0 8px 8px;display:flex;flex-direction:column;font-size:14px;overflow:hidden}.wpf-user-dashboard .wpf-user-dashboard-table.loading{pointer-events:none;opacity:.7}.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);z-index:9999}.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:6px solid #ff9000;border-color:#ff9000 transparent #ff9000 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 10px;border-top:1px solid #80808033;border-radius:8px 8px 0 0;margin-top:14px;border-left:1px solid #80808033;border-right:1px solid #80808033}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title .wpf-sync-action .wpf-sync-subscription-btn{display:flex;justify-content:center;align-items:center;gap:2px;border:1px solid #D6DAE1;font-size:16px;font-weight:600;border-radius:6px;padding:5px 10px;cursor:pointer;color:#2F3448;background-color:#fff;line-height:1.5}.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;border:1px solid #EAECF0;background:#FAFAFA}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header .wpf-user-dashboard-table__column{flex:1;padding:12px;min-width:100px;color:#2F3448;font-family:"Inter",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:20px}@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;border-left:1px solid #EAECF0;border-right:1px solid #EAECF0;border-bottom:1px solid #EAECF0;border-radius:0 0 8px 8px}.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:19px 12px;min-width:100px;color:var(--System-Dark,#2F3448);font-family:"Inter",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.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;justify-content:end;gap:4px}.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{display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #D6DAE1;background:#FAFAFA;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{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:#80808014;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:#000000bd;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:#80808014;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{display:flex;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 0.3s ease}.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 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-dashboard_empty{display:flex;justify-content:center;align-items:center;height:200px;font-size:24px;color:gray}.wpf-user-dashboard .wpf-user-profile{border-bottom:1px solid #EAECF0;display:flex;flex-wrap:wrap;padding:20px;gap:40px}.wpf-user-dashboard .wpf-user-profile .wpf-user-avatar img{width:125px;height:125px;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-user-name p{margin:10px 0}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-info-item{display:flex;gap:5px;align-items:center}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-info-item span{display:flex;align-items:center;color:#565865;font-weight:500;font-size:14px}.wpf-user-dashboard .wpf-user-content{display:flex;flex-wrap:wrap}.wpf-user-dashboard .wpf-user-content .wpf-menu{border-right:1px solid #8080801c;min-width:235px;background:#d5dadf17;padding:20px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item{display:flex;align-items:center;cursor:pointer;gap:12px;padding:10px;margin:5px 0;color:#2F3448}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item.active{display:flex;align-items:center;border-radius:.75rem;transition:all 200ms;background-color:#eff6ff;color:#1d4ed8;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item.active img{filter:brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(1000%) hue-rotate(203deg) brightness(92%) contrast(85%)}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn{display:flex;align-items:center;gap:6px;padding:10px;cursor:pointer;border-top:1px solid #9e9e9e30;margin-top:20px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn .dashicons-upload{transform:rotate(90deg);margin-top:2px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn a{color:#000;text-decoration:none}.wpf-user-dashboard .wpf-user-content .wpf-content{display:none;flex:70%;padding:30px;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{margin-bottom:30px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-head{display:flex;align-items:center;gap:10px;color:#2F3448;border-top:1px solid #D6DAE1;padding:14px 20px;border-radius:8px 8px 0 0;border-left:1px solid #D6DAE1;border-right:1px solid #D6DAE1}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card{display:flex;gap:20px;flex-wrap:wrap;padding:20px;justify-content:center;border:1px solid #D6DAE1;border-radius:0 0 8px 8px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card{width:calc(33% - 14px);display:flex;min-width:220px;border:1px solid #D6DAE1;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{display:flex;flex-direction:column;gap:3px}@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;font-family:"Inter",sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:28px;margin:0}.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:#565865;font-family:"Inter",sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon{padding:20px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:10px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.spent{background:#F0ECFD}.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:#E6F2FE}@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;padding:14px 20px;border-radius:8px 8px 0 0;border-top:1px solid #D6DAE1;border-left:1px solid #D6DAE1;border-right:1px solid #D6DAE1}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content{display:flex;padding:5px 11px;justify-content:center;align-items:center;gap:6px;border-radius:6px;text-align:center;font-family:"Inter",sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px;width:-moz-fit-content;width:fit-content}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.paid,.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_item_content.paid,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.active{border:1px solid #F3FAF8;color:#16896B;background:#F3FAF8}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.pending,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.intented,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.pending,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.intented{background:#FFF9F3;color:#DC8006;border:1px solid #FFF9F3}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.cancelled,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.cancelled{color:#C72F08;border:1px solid #FDF5F3;background:#FDF5F3}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.failed,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.failed{color:#C72F08;background:#FDF5F3;border:1px solid #FDF5F3}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.processing,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.processing{color:#0171DB;border:1px solid #F2F9FE;background:#F2F9FE}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.draft,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.draft{color:#565865;border:1px solid #F5F6F7;background:#F5F6F7}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.authorized,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.authorized{border:1px solid #F3FAF8;color:#16896B;background:#F3FAF8}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.trialing,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.trialing{color:#565865;border:1px solid #F5F6F7;background:#F5F6F7}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-user-dashboard-last_column{display:flex;justify-content:center;align-items:center;padding:5px 4px;min-width:107px;color:#2F3448;border:1px solid #D6DAE1;border-radius:8px;background:#FAFAFA;margin-right:15px;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 #8080801f;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 #8080802e;padding:0 6px 3px 6px;height:22px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;background-color:#8080800d}.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:hover,.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:focus{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 #80808017;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-header,.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button>a{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}