.pb-trx-ref--credit,.pb-trx-ref--debit{--icon-color:#1ace37;--icon-fill:#e8fff6}.pb-trx-table .table__main{margin-top:24px}.pb-trx-table-dark .table__main{background:var(--dark-mode-background)}.receipt-modal{max-width:1200px!important;width:90vw!important}.receipt-modal .ant-modal-content{display:flex;flex-direction:column;height:90vh}.receipt-modal .ant-modal-body{flex:1 1;overflow:hidden;padding:0}.receipt-modal iframe{border:none;height:100%;width:100%}.business-transfers{align-items:center;background:#fff;background:var(--base-white,#fff);border-radius:1.2rem;display:flex;flex-direction:column;gap:2.2rem;height:100%;width:100%}.business-transfers__top-wrap{border-radius:12px;direction:flex;flex-direction:column;gap:2.2rem;width:100%}.business-transfers__top-wrap--bulk-details{background-color:red}.business-transfers__top-wrap__top-wrap{background:#fff;background:var(--base-white,#fff);border-radius:12px;direction:flex;flex-direction:column;gap:2.2rem;height:42rem;padding:1.2rem;width:100%}.business-transfers .top-wrap__main-content{display:flex;gap:2.2rem;width:100%}.business-transfers .top-wrap__main-content--profile-img{align-items:center;background:#f9f9f9;background:var(--base-background,#f9f9f9);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:44px;height:20rem;justify-content:flex-end;justify-content:center;width:25.5rem}.business-transfers .top-wrap__main-content--profile-img svg{height:50%;width:50%}.business-transfers .top-wrap__main-content--user-data{display:flex;flex-direction:column;margin-top:.8rem;width:100%}.business-transfers .top-wrap__main-content--user-data .user-data{display:flex;gap:2.2rem;width:100%}.business-transfers .top-wrap__main-content--user-data .user-data__main-content{border-bottom:1px solid #f7f7f7;border-bottom:1px solid var(--raven-black-50,#f7f7f7);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:3rem;width:85%}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col{align-items:start;display:flex;flex-direction:column;gap:2rem;gap:3.2rem}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col--item{align-items:flex-start;display:flex;flex-direction:column;gap:.6rem;min-width:16.5rem}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col--item .verified{color:#1ace37;color:var(--success-100,#1ace37);font-size:1rem;font-style:normal;font-weight:700;text-transform:uppercase}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col--item span{align-items:center;display:flex;gap:.8rem}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col--item small{color:#8b8b8b;color:var(--raven-black-500,#8b8b8b);font-size:1rem;font-style:normal;font-weight:400;text-align:center}.business-transfers .top-wrap__main-content--user-data .user-data__main-content .main-content__col--item p{color:#1c2127;color:var(--primary-rock-black,#1c2127);font-size:1.2rem;font-style:normal;font-weight:400}.business-transfers .top-wrap__main-content--user-data .user-data__account-summary{align-items:center;display:flex;gap:1.6rem;justify-content:space-between;margin-top:2rem;width:100%}.business-transfers .top-wrap__main-content--user-data .user-data__account-summary--item{align-items:flex-start;border:.6px solid #eee;border:.6px solid var(--raven-black-100,#eee);border-radius:8px;display:flex;flex:1 0;flex-direction:column;gap:.4rem;padding:1.2rem .8rem}.business-transfers .top-wrap__main-content--user-data .user-data__account-summary--item p{color:#8b8b8b;color:var(--raven-black-500,#8b8b8b);font-size:1.2rem;font-style:normal;font-weight:400}.business-transfers .top-wrap__main-content--user-data .user-data__account-summary--item h6{color:#020202;color:var(--base-black-base-background-dark,#020202);font-size:1.8rem;font-style:normal;font-weight:500}.business-transfers .top-wrap__main-content .retry-btn{align-items:center;display:flex;gap:1.2rem;padding-top:1.9rem;width:100%}.business-transfers .top-wrap__main-content .retry-btn button{background-color:initial;color:#020202;color:var(--base-black-base-background-dark,#020202);font-size:1.4rem;font-style:normal;font-weight:500}.business-transfers .top-wrap__main-content .retry-btn button:last-child{border:.7px solid #8b8b8b;border:.7px solid var(--raven-black-500,#8b8b8b);border-radius:8px}.business-transfers__table-wrap{background:#fff;background:var(--base-white,#fff);border-radius:12px;display:flex;flex:1 1;flex-direction:column;height:100%;height:max-content;width:100%}.b-drop-down-wrapper{position:relative}.b-drop-down-wrapper .b-drop-down{background:#fff;border:.12rem solid #e5e6e6;border-radius:1rem;box-shadow:0 0 2px 0 #33333305,0 3px 4px 0 rgba(51,51,51,.039);max-height:350px;overflow:auto;position:static}.b-drop-down-wrapper .b-drop-down .wrapper{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1.5rem}.b-drop-down-wrapper .b-drop-down .wrapper:hover{background:#fcfcfc}.b-drop-down-wrapper .b-drop-down .wrapper:not(:last-child){border-bottom:.12rem solid #e5e6e6}.b-drop-down-wrapper .b-drop-down .wrapper span{align-items:center;background:#f7f7f7;border-radius:50%;display:flex;font-weight:600;height:5rem;justify-content:center;width:5rem}.b-drop-down-wrapper .b-drop-down .wrapper .grey-email{color:#949494}.context-menu{position:relative}.context-menu .menus{background:#fff;border-radius:1rem;box-shadow:0 20px 20px -20px rgba(51,51,51,.118);box-shadow:0 24px 20px -8px rgba(51,51,51,.118);min-width:25rem;padding:1rem;position:absolute;right:0;top:100%;z-index:10}.context-menu .menus div{align-items:center;display:flex;flex-shrink:0;gap:1rem}.trx-table-row{display:flex;flex-direction:column;gap:.2rem}.trx-table-row__small{font-size:1rem}.pb-trx-ref{align-items:center;display:flex;gap:1rem}.pb-trx-ref--debit{--icon-color:#ff0f00;--icon-fill:#fff5f5}.pb-trx-ref--debit svg{scale:-1}.pb-trx-ref--credit{--icon-color:#1ace37;--icon-fill:#e8fff6}.pb-trx-ref__icon{--size:3rem;background-color:var(--icon-fill);border-radius:var(--size);color:var(--icon-color);display:grid;height:var(--size);place-items:center;width:var(--size)}.pb-trx-ref__icon svg{--svg-size:calc(var(--size)/2);height:var(--svg-size);width:var(--svg-size)}.pb-trx-table{margin-top:1.2rem}.pb-trx-table-dark{--icon-dark-fill:#333}.pb-trx-table-dark .pb-trx-ref--credit,.pb-trx-table-dark .pb-trx-ref--debit{--icon-fill:var(--icon-dark-fill)}.pb-trx-table-dark .bugiss-status{background-color:var(--icon-dark-fill)}.input-g .form-input,.input-g .form-label{font-size:1.5rem!important}.b-selected{max-height:50rem;overflow:auto}.b-selected ul{position:relative}.b-selected ul li{align-items:center;background:#f7f7f7;border-radius:1rem;display:flex;gap:1rem;justify-content:space-between;margin:1.5rem 0;padding:1rem}.b-selected ul li span{align-items:center;border-radius:50%;display:flex;font-size:2rem;font-weight:600;height:4rem;justify-content:center;width:4rem}.b-selected ul li div{width:100%}.b-selected ul li div .grey-email{color:#828282}.b-selected ul li button{cursor:pointer}.dropdown-container{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.dropdown-container.open{max-height:500px;opacity:1}.campaign{-ms-overflow-style:none;display:flex;height:82vh;overflow:auto;scrollbar-width:none}.campaign__sidebar{background-color:#fff;border-right:1px solid #f7f7f7;padding:2rem;width:36.7rem}.campaign__menu{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.campaign__menu-item{align-items:center;color:#666;cursor:pointer;display:flex;flex-direction:row;font-size:14px;gap:.5rem;padding:12px 16px;transition:background .3s ease}.campaign__menu-item p{font-size:1.4rem;font-style:normal;font-weight:400}.campaign__menu-item--active{background:#fff;background:var(--Base-WHITE,#fff);border:.5px solid #eee;border:.5px solid var(--RAVEN-black-100,#eee);border-radius:10px;box-shadow:0 24px 48px -8px #33333314,0 48px 64px -36px #33333314;color:#755ae2}.campaign__menu-item--active p{color:#755ae2;color:var(--Primary-PURPLE-100,#755ae2);font-size:1.4rem;font-style:normal;font-weight:700}.campaign__menu-item:hover{background-color:#a450e90d}.campaign__content{align-items:start;display:flex;flex:1 1;justify-content:center;margin-top:2rem}.campaign__container{width:76%}.campaign .details_tab{justify-self:center;width:73%}.campaign__subtitle{color:var(#8b8b8b);font-size:1.6rem;font-style:normal;font-weight:400;letter-spacing:1.92px;line-height:160%}.campaign__title{color:var(#333);font-size:3.2rem;font-style:normal;font-weight:600;letter-spacing:-.64px;line-height:140%;margin-top:1rem}.campaign__upload{display:flex;justify-content:left;margin-bottom:2.4rem;margin-top:2.4rem}.campaign__upload-placeholder{align-items:center;background:#f3f3f3;border-radius:8px;display:flex;height:158px;justify-content:center;margin-top:2rem;padding:2.9rem;width:148px}.campaign__details_tab{justify-self:center;width:85%}.campaign__form{display:flex;flex-direction:column;gap:16px}.campaign__input{width:100%}.campaign__date{display:flex;gap:12px}.campaign__date-input{flex:1 1}.campaign__button{background-color:#a450e9;border-radius:6px;color:#fff;font-weight:700;margin-top:3rem;padding:12px;text-align:center;width:100%}.campaign__outreach-methods-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-top:4rem;width:100%}.campaign__outreach-method{align-items:center;background:#f9f9f9;border:.8px solid #eee;border:.8px solid var(--RAVEN-black-100,#eee);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.campaign__outreach-method:hover{background:#f5f2ff}.campaign__outreach-method.checked{background:#f5f2ff;border:1.5px solid #755ae2}.campaign__outreach-method-content{align-items:center;display:flex;gap:.75rem}.campaign__outreach-method_icon_span{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.campaign__outreach-method_icon_span.checked{background-color:#e0daf9}.campaign__outreach-method_icon_span svg{color:#acacac;height:16px;width:16px}.campaign__outreach-method_icon_span.checked svg{color:#755ae2}.campaign__outreach-method_label{color:#000;font-size:14px;font-weight:400;line-height:140%;transition:color .3s ease}.campaign__outreach-method_label.checked{color:#333;font-weight:500}.campaign .message-box-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.campaign .message-for-section{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:2rem}.campaign .message-for-text{color:#755ae2;font-size:16px;font-weight:500;margin-right:1rem}.campaign .message-tabs{display:flex;gap:1rem}.campaign .message-tab{background-color:#f5f5f5;border:none;border-radius:50px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.campaign .message-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.campaign .message-title-input{align-items:cente;display:flex;font-size:14px;justify-items:center}.campaign .message-content-input{border-top:1px dashed #e0e0e0!important;border:none;font-family:inherit;font-size:14px;min-height:150px;outline:none;padding:1rem;resize:none;width:100%}@media (max-width:768px){.campaign .campaign__outreach-methods-container{grid-template-columns:1fr}.campaign .message-for-section{align-items:flex-start;flex-direction:column;gap:.75rem}.campaign .message-tabs{flex-wrap:wrap}}@media (max-width:480px){.campaign .campaign__title{font-size:18px}.campaign .campaign__outreach-method{padding:.75rem}.campaign .campaign__outreach-method_icon_span{height:32px;width:32px}.campaign .campaign__outreach-method_label{font-size:13px}.campaign .message-tab{font-size:11px;padding:.4rem .75rem}}.campaign .campaign__outcomes{display:flex;gap:2rem;margin-top:2rem}.campaign .campaign__outcomes .outcome-pills{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-style:italic;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.campaign .campaign__outcomes .outcome-pills-remove{cursor:pointer;transition:all .3s ease}.campaign .enter__campaign{display:flex;gap:2rem}.campaign .enter__icon{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:100;height:5rem;justify-content:center;padding:1rem;width:5rem!important}.campaign .campaign__upload{margin-top:2rem}.campaign .upload-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:4rem;width:85%}.campaign .upload-container .upload-box{align-items:left;background-color:initial!important;border:1px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;gap:2rem;justify-content:left;padding:2rem;transition:all .3s ease;width:100%}.campaign .upload-container .upload-box .upload-icon-container{align-items:center;background-color:#f1f1f1;border-radius:4px;display:flex;height:68px;justify-content:center;margin-bottom:1rem;width:68px}.campaign .upload-container .upload-box .upload-icon{color:#1b1b1b}.campaign .upload-container .upload-box .upload-text{color:#666;font-size:14px;margin-top:1.5rem;text-align:left}.campaign .upload-container .upload-box .upload-link{color:#6366f1;font-weight:600}.campaign .upload-container .upload-box .upload-description{color:#666;margin-top:4px}.campaign .upload-container .upload-box.drag-active{background-color:#f5f5ff;border-color:#6366f1}.campaign .file-preview{background-color:initial!important;border:1px dashed #ccc;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;width:100%}.campaign .file-preview .file-preview-content{align-items:center;display:flex}.campaign .file-preview .file-icon{align-items:center;background-color:#f0eeff;border-radius:8px;display:flex;height:8.2rem;justify-content:center;margin-right:1rem;padding:.8rem;width:7.6rem}.campaign .file-preview .file-info-preview{display:flex;flex-direction:column}.campaign .file-preview .file-name{color:#6366f1;font-size:12px;font-weight:600}.campaign .file-preview .file-size{color:#666;font-size:12px;font-weight:400}.campaign .file-preview .file-remove-button{align-items:center;align-self:start;background:#ffefee;border:none;border-radius:50%;color:#ff0f00!important;cursor:pointer;display:flex;height:4.4rem;justify-content:center;padding:1.5rem;width:4.4rem}.campaign .validation-list{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:1.75rem;margin-top:1.5rem;padding-bottom:3rem;width:100%}.campaign .validation-list .validation-item{align-items:center;color:#666;color:#646464;color:var(--RAVEN-black-600,#646464);display:flex;font-size:14px;gap:.5rem;text-decoration:none}.campaign .validation-list .validation-item.valid{color:#acacac;color:var(--RAVEN-black-400,#acacac);text-decoration:line-through}.campaign .validation-list .validation-dot,.campaign .validation-list .validation-icon{align-items:center;display:flex;justify-content:center}.campaign .validation-list .validation-dot{background-color:#ffecd6;border-radius:50%;height:26px;width:26px}.campaign .validation-list .validation-dot-in{background-color:#f9d5b2;border-radius:50%;height:12px;width:12px}.campaign .validation-list .invalid-text{color:#ff6b6b;text-decoration:none}.campaign-management:-webkit-scrollbar,.campaign::-webkit-scrollbar{display:none}.page-title-container{align-items:center;display:flex;justify-content:space-between;width:100%}.campaign-grid{grid-gap:20px;-ms-overflow-style:none;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;scrollbar-width:none}.campaign-grid .campaign-inner-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;margin-top:-3rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.campaign-grid .campaign-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.campaign-grid .campaign-card{background-color:#fafaff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;overflow:hidden;padding:.5rem;position:relative}.campaign-grid .campaign-card:before{background-image:url(/static/media/bg.36b1fa04a939e50f311e.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.campaign-grid .campaign-card:after{background-color:#fafaff80;content:"";height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;width:100%}.campaign-grid .campaign-card *{position:relative;z-index:1}.campaign-grid .campaign-icon svg{color:#c4b5fd;height:120px;margin-top:6rem;width:120px}.campaign-grid .campaign-name{color:#333;font-size:18px;font-weight:500;margin-bottom:15px}.campaign-grid .campaign-detail{align-items:center;display:flex;font-size:14px;margin-bottom:8px}.campaign-grid .detail-label{color:#666;font-size:12px;font-weight:600;margin-right:5px}.campaign-grid .detail-value{color:#333}.campaign-grid .status-value{font-size:14px;font-weight:700;margin-top:2rem}.campaign-grid .status-value.running{color:#10b981}.campaign-grid .status-value.paused{color:#f59e0b}@media (max-width:768px){.campaign-grid .campaign-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.campaign-grid .campaign-grid{grid-template-columns:repeat(2,1fr)}}.outcome-pills-container{display:inline-block;margin-right:1rem;margin-top:2rem;position:relative}.outcome-pills{border-radius:20px;gap:8px;justify-content:space-around;padding:8px 16px;transition:all .3s ease}.outcome-pills,.remove-button{align-items:center;cursor:pointer;display:flex}.remove-button{background:none;border:none;font-size:1.2rem;font-weight:400;justify-content:center;margin-left:4px;opacity:0;padding:2px;transition:opacity .2s ease}.outcome-pills-container:hover .remove-button{opacity:1}.color-palette-container{position:relative}.color-dropdown-toggle{align-items:center;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;height:5rem;justify-content:center;width:5rem}.color-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:5px;min-width:260px;padding:10px;position:absolute;right:0;top:100%;z-index:10}.color-section h4{font-size:14px;font-weight:700;margin-bottom:10px}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.color-swatch{border-radius:4px;cursor:pointer;height:40px;transition:transform .2s;width:40px}.color-swatch:hover{transform:scale(1.1)}.color-preview{align-items:center;border-radius:.4rem;display:flex;height:100%;justify-content:center;width:100%}.custom-color-preview{background:linear-gradient(135deg,red,#0f0,#00f);color:#fff;font-size:1.2rem}.custom-color-picker{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.color-picker-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.color-picker-row label{font-size:14px;font-weight:500}.color-input-group{align-items:center;display:flex;gap:5px}.color-input-group input[type=color]{border:1px solid #ddd;cursor:pointer;height:30px;padding:0;width:30px}.color-text-input{border:1px solid #ddd;border-radius:4px;font-size:12px;height:30px;padding:0 5px;width:80px}.color-preview-box{border-radius:4px;font-weight:500;margin:10px 0;padding:10px;text-align:center}.save-color-button{background-color:#6e41c0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:background-color .2s;width:100%}.save-color-button:hover{background-color:#5a35a0}Add these styles to your colorPalette.css file .m{appearance:none}.campaign-detail-content{margin:0}.campaign-detail-card{background-color:#fff;border-bottom:1px solid #eee;display:flex;margin-bottom:2.4rem;overflow:hidden;padding-bottom:3rem}.campaign-mobile-mockup{background-image:url(/static/media/recall.bc703ac454ac827ef09f.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:22.5rem;width:21.3rem}.campaign-info{flex:1 1;padding:2.4rem}.campaign-info-header{display:flex;justify-content:space-between;margin-bottom:1.6rem}.detail-label{color:#8b8b8b;font-size:1.6rem;font-weight:400;letter-spacing:12%;line-height:2.5rem;text-transform:uppercase}.campaign-title{color:#020202;font-size:3.2rem;font-weight:600;letter-spacing:-4%;line-height:3.8rem;margin:8px 0}.campaign-description{color:#676767;font-size:1.6rem;font-weight:400;line-break:auto;line-height:2.5rem;margin:8px 0 16px;max-width:45.04rem;overflow-wrap:break-word}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.options-menu{color:#888;font-size:20px}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:1.5rem;overflow:hidden;position:absolute;right:0;width:260px;z-index:10}.dropdown-menu-content{display:flex;flex-direction:column}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f9f9f9}.dropdown-item:hover .dropdown-item-label{color:#000}.dropdown-item-icon{color:#333;font-size:18px;margin-right:12px}.dropdown-item-label{color:#333}.pause-container{background-color:#fff8f0}.pause-item .dropdown-item-icon{color:#f8b76b;font-size:20px}.pause-item .dropdown-item-label{color:#f8b76b}.pause-item:hover .dropdown-item-label{color:#000}.stop-container{background-color:#fff1f0}.stop-item .dropdown-item-icon{color:#f26969;font-size:20px}.stop-item .dropdown-item-label{color:#f26969}.stop-item:hover .dropdown-item-label{color:#000}.campaign-status-info{align-items:center;display:flex;gap:24px}.status-pill{background-color:#e8fff6;color:#1ace37;text-align:center}.date-range,.status-pill{border-radius:7.2rem;font-family:BR Firma;font-size:1.2rem;font-style:italic;font-weight:600;letter-spacing:0;line-height:16.8px;padding:.6rem 1.2rem}.date-range{align-items:center;background-color:#f7f8f7;color:#020202;display:flex;gap:.8rem}.personal-overview-container{display:flex;gap:24px}.personal-overview-container .aside{border-right:1px solid #e8edf5;padding-right:2rem}.campaign-tabs,.metrics-tabs{border-bottom:1px solid #e8edf5;display:flex;margin-bottom:24px}.tab{color:#646464;cursor:pointer;font-weight:400;padding:12px 24px}.tab,.tab.active{font-size:14px;letter-spacing:0;line-height:140%;transition:all .2s ease}.tab.active{background-color:#fff;border-radius:.8rem;box-shadow:0 48px 64px -36px rgba(51,51,51,.078);box-shadow:0 24px 48px -8px rgba(51,51,51,.122);color:#755ae2;font-weight:600;gap:.4rem;padding:1.6rem}.tab:hover:not(.active){color:#666}.call-tabs{background-color:#f9fbfc;border-radius:1.2rem;margin-bottom:24px;padding:.5rem;width:fit-content}.call-tabs,.custom-tabs-container{display:flex;gap:1rem}.analytics-container{display:flex}.sidebar{flex-shrink:0}.main-content{--gradient-spacing:4rem;--chart-gradient:repeating-linear-gradient(to bottom,var(--clr-ee-333) 0,var(--clr-ee-333) 1px,#0000 1px,#0000 var(--gradient-spacing));--normal-offset-height:8.5rem;flex-grow:1}.main-content__chart-area{height:100%;margin-top:1rem}.main-content .overview-stats{background-color:#fff;border-radius:1.6rem;padding:1rem}.main-content .chart-header h2{color:#000;font-size:20px;font-weight:600;letter-spacing:0;line-height:160%}.main-content .chart-header p{color:#8b8b8b;font-size:12px;font-weight:400;letter-spacing:0;line-height:140%}.main-content .chart-header p span{font-size:12px;font-style:italic;font-weight:400;letter-spacing:0;line-height:140%;text-transform:uppercase}.main-content .overview-chart-area{background:var(--chart-gradient);height:100%;margin-top:var(--gradient-spacing);max-height:calc(100% - var(--normal-offset-height) - var(--gradient-spacing));min-height:46.5rem;width:100%}.metrics-tabs{border-bottom:none}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));margin-bottom:32px}.metric-card{background-color:#fff;border:.6px solid #e3e3e3;border-radius:12px;padding:24px}.metric-card h3{color:#000;font-size:2.4rem;font-weight:600;margin:0 0 8px}.metric-card p{color:#8b8b8b;font-size:14px;font-weight:400;letter-spacing:0;line-height:140%;margin:0}.call-stat-item{background-color:#fff;border:.5px solid #e3e3e3;border-radius:1rem;margin-bottom:24px;width:292px}.stat-header{align-items:center;display:flex;justify-content:space-between;padding:2rem}.stat-header span{color:#8b8b8b;font-size:1.2rem;font-weight:400}.icon-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.green-icon{background-color:#e8fff6;color:#1ace37}.blue-icon{background-color:#f0eeff;color:#755ae2}.red-icon{background-color:#fff5f5;color:#ff0f00}.call-stat-item h3{color:#020202;font-size:20px;font-weight:600;letter-spacing:0;line-height:160%;padding-left:2rem}.duration-div{background-color:#f9f9f9;border-radius:0 0 1rem 1rem;padding:1rem 2rem}.time-info{color:#6b7280;font-size:14px;font-size:1rem;margin:2rem}.duration,.time-info{font-style:italic;font-weight:500;letter-spacing:0;line-height:140%}.duration{color:#8b8b8b;font-size:12px;margin:0}.success-metrics-container{width:29.02rem}@media (max-width:1024px){.analytics-container{flex-direction:column}.sidebar{margin-bottom:24px;margin-right:0;width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}}.dashboard-container{background-color:#f8f9fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:24px;width:100%}.dashboard-header{display:flex;gap:2.5rem;width:100%}.tabs-container{display:flex;margin-bottom:24px}.tabs-container .tabs-wrapper{background:#f5f5f5;border-radius:12px;display:flex;gap:8px;padding:5px}.tabs-container .tab{background:#0000;border:none;border-radius:8px;color:#646464;cursor:pointer;font-size:14px;font-weight:400;line-height:140%;padding:12px 24px;transition:all .2s ease}.tabs-container .tab.active{background-color:#fff;box-shadow:0 4px 8px #0000000d;color:#755ae2;font-weight:600}.dashboard-content{display:flex;flex-direction:column;gap:24px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,.1fr)}.stats-card{background-color:#fff;border-radius:1.4rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:15rem;justify-content:center;padding:1.4rem;width:26.5rem}.stats-card .stats-card-content{display:flex;flex-direction:column;gap:16px}.stats-card .stats-icon{align-items:center;border-radius:50%;display:flex;height:4rem;justify-content:center;width:4rem}.stats-card .stats-icon.all-campaigns{background-color:#f0eeff}.stats-card .stats-icon.running-campaigns{background-color:#e8fff6}.stats-card .stats-icon.paused-campaigns{background-color:#fff8f0}.stats-card .stats-icon.stopped-campaigns{background-color:#fff5f5}.stats-card .stats-info{display:flex;flex-direction:column}.stats-card .stats-info .stats-label{color:#8b8b8b;font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:140%;margin-bottom:4px}.stats-card .stats-info .stats-value{color:#333;font-size:2.4rem;font-weight:600;letter-spacing:0;line-height:140%}.top-campaigns{--webkit-scroll:none;background-color:#fff;border-radius:1.6rem;box-shadow:0 2px 8px #0000000d;flex:1 1;overflow-y:scroll;padding:2rem;width:100%}.top-campaigns .section-title{color:#000;font-size:12px;font-weight:600;letter-spacing:0;letter-spacing:.5px;line-height:140%;margin-bottom:24px}.top-campaigns .campaigns-list{display:flex;flex-direction:column;gap:24px;height:25rem;padding-bottom:1.6rem}.top-campaigns .campaign-item{display:flex;gap:16px;transition:opacity .3s ease-in-out}.top-campaigns .campaign-item .campaign-image{border-radius:8px;height:6.4rem;overflow:hidden;width:6.4rem}.top-campaigns .campaign-item .campaign-image img{height:100%;object-fit:cover;width:100%}.top-campaigns .campaign-item .campaign-details{flex:1 1}.top-campaigns .campaign-item .campaign-details .campaign-title{color:#020202;font-size:12px;font-weight:600;letter-spacing:0;line-height:140%;margin:0 0 10px}.top-campaigns .campaign-item .campaign-details .campaign-progress{width:100%}.top-campaigns .campaign-item .campaign-details .campaign-progress .progress-bar{background-color:#f0f0f0;border-radius:6.4rem;height:.8rem;margin-bottom:8px;width:100%}.top-campaigns .campaign-item .campaign-details .campaign-progress .progress-bar .progress-fill{border-radius:6.4rem;height:100%}.top-campaigns .campaign-item .campaign-details .campaign-progress .progress-text{color:#646464;font-size:10px;font-style:italic;font-weight:500;letter-spacing:0;line-height:140%}.campaign-item:hover{opacity:1}.campaign-chart-section{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:24px}.campaign-chart-section .chart-header{margin-bottom:20px}.campaign-chart-section .chart-header .chart-title h2{color:#333;font-size:32px;font-weight:600;margin:0}.campaign-chart-section .chart-header .chart-title p{color:#8b8b8b;font-size:12px;letter-spacing:.5px;margin:4px 0 0}.campaign-chart-section .overview-stats{--gradient-spacing:4rem;--chart-gradient:repeating-linear-gradient(to bottom,var(--clr-ee-333) 0,var(--clr-ee-333) 1px,#0000 1px,#0000 var(--gradient-spacing));--normal-offset-height:8.5rem;height:300px}.campaign-chart-section .overview-stats .overview-chart-area{background:var(--chart-gradient);height:100%;margin-top:var(--gradient-spacing);max-height:calc(100% - var(--normal-offset-height) - var(--gradient-spacing));min-height:35rem;width:100%}.campaign-analytics-container{width:100%}.campaign-analytics-container .call-tabs{background:rgba(0,0,0,.031);margin-bottom:24px}.campaign-analytics-container .call-tabs .tab{font-size:14px;font-weight:500;padding:10px 20px}.campaign-analytics-container .call-tabs .tab:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.campaign-analytics-container .call-tabs .tab:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.campaign-analytics-container .campaigns-container{width:100%}.scrollable-campaigns{-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.scrollable-campaigns::-webkit-scrollbar{display:none}.scrollable-campaigns .campaign-item{flex:0 0 auto;margin-right:24px;scroll-snap-align:start;width:100%}.scrollable-campaigns .campaign-item:last-child{margin-right:0}.analytics-dashboard{background-color:#f4f6f9;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.analytics-dashboard__stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr)}.analytics-dashboard__radial-and-chart{display:flex;gap:1rem}.analytics-dashboard__radial-and-chart>*{flex:1 1}.call-stats-card{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;display:flex;padding:1rem}.call-stats-card--default{border-left:4px solid #6b63f6}.call-stats-card--warning{border-left:4px solid #ff9800}.call-stats-card--error{border-left:4px solid #f44336}.call-stats-card__icon{color:#6b63f6;font-size:2rem;margin-right:1rem}.call-stats-card__content{display:flex;flex-direction:column}.call-stats-card__label{color:#6c757d;font-size:.875rem}.call-stats-card__value{font-size:1.25rem;font-weight:700}.call-success-radial{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1.5rem}.call-success-radial__chart{height:200px;position:relative;width:200px}.call-success-radial__percentage{font-size:2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.call-success-radial .circular-chart{max-height:100%;max-width:100%}.call-success-radial .circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.call-success-radial .circle-success{fill:none;stroke-width:3.8;stroke:#6b63f6;stroke-linecap:round;animation:progress 1s ease-out forwards}.call-success-radial__legend{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.call-success-radial__legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.call-success-radial .dot{border-radius:50%;height:10px;width:10px}.call-success-radial .dot--success{background-color:#6b63f6}.call-success-radial .dot--pending{background-color:#ff9800}.call-success-radial .dot--failed{background-color:#f44336}@keyframes progress{0%{stroke-dasharray:0 100}}.call-trends-chart{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.call-trends-chart__header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:1rem}.call-trends-chart__highlight{color:#6b63f6;font-size:.875rem}.content-section{display:flex;gap:24px;width:100%}.empty-campaigns-container{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:16rem;padding:2rem;position:relative;width:100%}.empty-campaigns-container .empty-title{color:#000;font-size:2.2rem;font-weight:600;line-height:160%;margin-top:8.5rem;z-index:50}.empty-campaigns-container .empty-subtitle{color:#676767;font-size:1.8rem;font-weight:400;letter-spacing:0;line-height:160%;max-width:80%;z-index:50}.empty-campaigns-container .empty-bg-img{bottom:0;height:246px;position:absolute;right:0;width:324px}.empty-chart-container{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:2rem;gap:.5rem;justify-content:center;min-height:16rem;padding-top:12.5rem;position:relative;width:100%}.empty-chart-container .empty-title{color:#000;font-size:2.2rem;font-weight:600;letter-spacing:0;line-height:160%;margin-top:2.5rem;text-align:center;z-index:50}.empty-chart-container .empty-subtitle{align-self:center;color:#676767;font-size:16px;font-weight:400;justify-self:center;letter-spacing:0;line-height:160%;max-width:80%;text-align:center;z-index:50}.empty-chart-container .empty-bg-img{bottom:0;position:absolute;right:0}