@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text!important;user-select:text!important}html{-webkit-text-size-adjust:100%;touch-action:pan-y}a,img{-webkit-touch-callout:none}body{background:#fff}.login-container{animation:fadeIn .5s ease-in-out forwards;display:flex;flex-direction:column;min-height:100vh;opacity:0;position:relative;width:100%}.login-button{align-items:center;display:flex;font-size:1.25rem;height:69px;justify-content:center;margin-bottom:2rem;position:relative}.login-button:disabled{background:#a0a0a0;cursor:not-allowed}.forget-password,.sign-up{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;height:57px;transition:all .3s ease;width:100%}.forget-password:hover,.sign-up:hover{background:#0b826a;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.forget-password:active,.sign-up:active{transform:translateY(0)}@media (min-width:768px){.login-container{flex-direction:row;min-height:100vh}.left-section{animation:slideInLeft .5s ease-out;justify-content:center;padding:2rem;width:40%}.divider{height:80%;margin:auto 0;width:3px}.right-section{animation:slideInRight .5s ease-out;justify-content:center;padding:2rem 4rem;width:60%}.action-buttons{flex-direction:row;justify-content:space-between}.forget-password,.sign-up{width:48%}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:100%;position:fixed;right:20px;top:20px;width:350px;z-index:9999}.toast{border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;opacity:0;overflow:hidden;padding:16px 20px;position:relative;transform:translateX(120%);transition:all .3s ease}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;height:24px;width:24px}.toast-message{font-family:Poppins,sans-serif;font-size:14px;line-height:1.4}.toast.success{background:#0d977c}.toast.error{background:#f44336}.toast.warning{background:#ff9800}.toast.info{background:#2196f3}.toast-progress{animation:progress linear forwards;background:#ffffff4d;bottom:0;height:4px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.slide-in{animation:slideIn .3s ease-out forwards}.toast.fade-out{animation:fadeOut .3s ease-in forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.button-loader{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.register-container{animation:fadeIn .5s ease-in-out forwards;min-height:100vh;opacity:0;position:relative;width:100%}.left-section,.register-container{display:flex;flex-direction:column}.left-section{align-items:center;animation:slideInLeft .5s ease-out;padding:2rem;text-align:center}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.logo,.logo-placeholder{background:#e4e4e4;border-radius:20px;height:150px;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease;width:150px}.logo:hover{transform:scale(1.05)}.affiliate-name{color:#4a4a4a;font-size:2.5rem;line-height:72px;transition:color .3s ease}.affiliate-name,.tagline{font-style:normal;font-weight:400}.tagline{color:#727272;font-size:1.25rem;line-height:1.5;margin-top:.5rem;max-width:450px}.divider,.tagline{transition:all .3s ease}.divider{margin:2rem 0;width:100%}.right-section{align-items:center;animation:slideInRight .5s ease-out;display:flex;flex-direction:column;padding:2rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.welcome{color:#4a4a4a;font-size:2rem;line-height:54px;margin-bottom:1rem}.instruction,.welcome{font-style:normal;font-weight:400;text-align:center}.instruction{color:#727272;font-size:1.25rem;line-height:1.5;margin-bottom:2rem;max-width:528px}.error-message{background:#ffebee;border-radius:8px;color:#c62828;font-size:.9rem;padding:12px}.error-message,.form-group{margin-bottom:1.5rem;width:100%}.input-label{color:#727272;display:block;font-size:1.1rem;font-style:normal;font-weight:400;line-height:30px;margin-bottom:.5rem}.input-container{position:relative;transition:all .3s ease;width:100%}.input-container input{background:#fff;border:2px solid #e4e4e4;border-radius:20px;color:#4a4a4a;font-size:1.1rem;height:68px;padding:0 1rem;transition:all .3s ease;width:100%}.input-container input.error{border-color:#c62828}.input-container input:focus{border-color:#0d977c;box-shadow:0 0 0 2px #0d977c33;outline:none}.input-container input::placeholder{color:#727272;opacity:.7}.field-error{color:#c62828;display:block;font-size:.8rem;margin-top:.3rem;padding-left:.5rem}.show-password{align-items:center;background:#0d977c;border:none;border-radius:15px;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.show-password:hover{background:#0b826a}.show-password.visible .eye-line{opacity:0}.eye-icon{height:24px;position:relative;width:24px}.eye-line{background:#fff;height:2px;transform:translateY(-50%);transition:opacity .3s ease;width:100%}.eye-circle,.eye-line{position:absolute;top:50%}.eye-circle{border:2px solid #fff;border-radius:50%;height:12px;left:50%;transform:translate(-50%,-50%);width:12px}.terms-checkbox{align-items:center;display:flex;margin:1.5rem 0}.terms-checkbox input{background:#fff;border:2px solid hsla(0,0%,89%,.933);border-radius:5px;cursor:pointer;height:24px;margin-right:.5rem;transition:all .3s ease;width:24px}.terms-checkbox input.error{border-color:#c62828}.terms-checkbox input:checked{background:#0d977c;border-color:#0d977c}.terms-checkbox label{color:#727272;cursor:pointer;font-size:1rem;font-style:normal;font-weight:400;line-height:30px}.register-button{align-items:center;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:69px;justify-content:center;margin-bottom:2rem;position:relative;transition:all .3s ease;width:100%}.register-button:hover{background:#0b826a;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.register-button:active{transform:translateY(0)}.register-button:disabled{background:#a0a0a0;cursor:not-allowed}.arrow-icon{height:20px;position:absolute;right:20px;width:20px}.arrow-line{background:#fff;height:2px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.quick-links-divider{margin:2rem 0;position:relative;text-align:center;width:100%}.quick-links-divider .line{background:#e4e4e4;height:2px;width:100%}.quick-links-text{background:#fff;color:#727272;font-size:1rem;font-style:normal;font-weight:400;left:50%;line-height:24px;padding:0 1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.action-buttons{flex-direction:column;gap:1rem;width:100%}.login-button{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;height:57px;transition:all .3s ease;width:100%}.login-button:hover{background:#0b826a;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}@media (min-width:768px){.register-container{flex-direction:row;min-height:100vh}.left-section{justify-content:center;padding:2rem;width:40%}.divider{height:80%;margin:auto 0;width:3px}.right-section{justify-content:center;padding:2rem 4rem;width:60%}.action-buttons{flex-direction:row;justify-content:center}.login-button{width:50%}}@media (min-width:1024px){.left-section{align-items:flex-start;padding-left:5rem;text-align:left}.right-section{padding-right:5rem}}@media (max-width:767px){.left-section{padding:1rem}.affiliate-name{font-size:2rem;line-height:1.2}.tagline{font-size:1rem;margin-top:.25rem}.right-section{padding:1rem}.welcome{font-size:1.5rem;margin-bottom:.5rem}.instruction{font-size:1rem;margin-bottom:1.5rem}}.sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;overflow-y:auto;transition:transform .3s ease;width:329px}.sidebar,.sidebar-overlay{left:0;position:fixed;top:0}.sidebar-overlay{background:#00000080;bottom:0;display:none;right:0;z-index:99}.user-profile{border-radius:0 0 20px 20px;margin-bottom:20px;padding:32px 29px}.avatar{height:80px;margin-bottom:20px;width:80px}.avatar svg{height:40px;width:40px}.user-info h3{font-size:32px;font-weight:400;margin-bottom:8px}.user-info p{font-size:20px}.menu-section{margin-bottom:30px;padding:0 29px}.menu-section h4{font-size:20px;font-weight:400;margin-bottom:20px}.menu-section li svg{height:24px;width:24px}.menu-section li span,.version{font-size:20px}.version{padding:20px 29px}@media (max-width:768px){.sidebar{width:280px}}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.user-profile-container{margin-bottom:20px;padding:20px}.user-profile{background:#0d977c;border-radius:12px;color:#eeeef0;gap:15px;padding:20px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background:#fff3;border-radius:50%;flex-shrink:0;height:60px;justify-content:center;width:60px}.avatar svg{stroke:#eeeef0;height:30px;width:30px}.user-info{overflow:hidden}.user-info h3{font-size:20px;font-weight:500;margin-bottom:4px}.user-info h3,.user-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info p{font-size:14px;opacity:.9}.menu-section{margin-bottom:20px;padding:0 20px}.menu-section h4{color:#727272;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.menu-section ul{list-style:none}.menu-section li{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.menu-section li:hover{background:#f5f5f5}.menu-section li.active{background:#0d977c1a;color:#0d977c;font-weight:500}.menu-section li.active svg{stroke:#0d977c}.menu-section li svg{stroke:#727272;flex-shrink:0;height:20px;margin-right:16px;width:20px}.menu-section li span{font-size:16px}.submenu{animation:fadeIn .3s ease;margin-bottom:8px;margin-left:40px}.submenu li{background:#f5f5f580;font-size:14px!important;margin-bottom:4px!important;padding:10px 16px!important}.submenu li:hover{background:#f0f0f0!important}.submenu li.active-sub{background:#0d977c1a!important;color:#0d977c;font-weight:500}.dropdown-arrow{flex-shrink:0;height:16px;margin-left:auto;transition:transform .2s ease;width:16px}.dropdown-arrow.expanded{transform:rotate(180deg)}.version{color:#727272;font-size:14px;margin-top:auto;padding:20px}.ripple{animation:ripple .6s linear;background-color:#0d977c4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}}@media (max-width:768px){.sidebar{width:280px}.user-profile{flex-direction:row;padding:15px}.avatar{height:50px;width:50px}.avatar svg{height:25px;width:25px}.user-info h3{font-size:18px}.user-info p{font-size:13px}}.mobile-header{align-items:center;background:#0d977c;box-shadow:0 2px 5px #0000001a;color:#fff;height:60px;left:0;padding:15px!important;position:fixed;top:0;width:100%;z-index:98}.mobile-header h1{font-size:20px;font-weight:500;margin-left:15px}.sidebar-toggle{background:none;border:none;cursor:pointer;height:30px;position:relative;width:30px}.sidebar-toggle span{background:#fff;display:block;height:3px;margin:5px 0;transition:all .3s ease;width:100%}@media (max-width:1024px){.mobile-header{display:flex;position:fixed}body{padding-top:30px!important}.main-content{padding-top:60px!important}}.sidebar{z-index:100}.dashboard-container{background:#fff;display:flex;min-height:100vh}.main-content{padding:32px 40px}.mobile-header{display:none;margin-bottom:20px;padding:16px 0}.menu-button{background:none;border:none;cursor:pointer;padding:8px}.menu-button svg{stroke:#4a4a4a;height:24px;width:24px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.greeting h1{color:#4a4a4a;font-size:32px;font-weight:400;margin-bottom:8px}.greeting p{color:#727272;font-size:20px}.export-button{gap:12px;padding:14px 24px;transition:all .2s ease}.export-button:hover{background:#0b826a}.export-button svg{stroke:#fff;height:20px;width:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:20px;box-shadow:0 0 8px #0000001a;padding:24px}.stat-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stat-header svg{stroke:#727272;height:24px;width:24px}.stat-header h3{color:#727272;font-size:20px;font-weight:400}.stat-card h2{color:#4a4a4a;font-size:48px;font-weight:400;margin-bottom:8px}.stat-card p{font-size:16px}.positive{color:#0d977c}.negative{color:#f44336}.reports-section{background:#fff;border-radius:20px;box-shadow:0 0 8px #0000001a;padding:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.section-header h2{color:#4a4a4a;font-size:32px;font-weight:400}.section-header p{color:#727272;font-size:20px}.time-filter{display:flex;gap:12px}.time-filter button{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;padding:14px 24px}.time-filter button.active{background:#0d977c}.time-filter button:not(.active){background:#e4e4e4;color:#727272}.chart-container{height:400px;margin-bottom:32px;width:100%}.chart{align-items:flex-end;display:flex;gap:26px;height:100%;padding-bottom:40px}.chart-column-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.chart-column{border-radius:20px 20px 0 0;transition:height .5s ease;width:26px}.chart-column.clicks{background:#0d977c;height:30%}.chart-column.conversion{background:#446571;height:50%}.chart-column.revenue{background:#484759;height:70%}.chart-label{color:#727272;font-size:20px;margin-top:8px}.chart-legend{display:flex;gap:32px;justify-content:center}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:50%;height:25px;width:25px}.legend-color.clicks{background:#0d977c}.legend-color.conversion{background:#446571}.legend-color.revenue{background:#484759}@media (max-width:1200px){.main-content{padding:32px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.main-content{margin-left:0}.mobile-header{display:block}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.time-filter{justify-content:flex-end;width:100%}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.chart{gap:16px}.chart-column{width:20px}.chart-label{font-size:16px}}@media (max-width:480px){.main-content{padding:24px 16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.export-button{justify-content:center;width:100%}.chart-legend{align-items:center;flex-direction:column;gap:12px}}.campaigns-container{background:#fff;display:flex;min-height:100vh;position:relative}.campaigns-content{flex:1 1;margin-left:250px;padding:20px;width:calc(100% - 250px)}@media (max-width:1024px){.campaigns-content{margin-left:0;width:100%}.sidebar-open .campaigns-content{margin-left:250px;width:calc(100% - 250px)}}.campaigns-header h1{color:#4a4a4a;font-size:32px;line-height:48px;margin-bottom:8px}.campaigns-header h1,.campaigns-header p{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.campaigns-header p{color:#727272;font-size:20px;line-height:30px;margin-bottom:30px}.search-filter-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.search-box{max-width:600px;position:relative;width:100%}.search-box input{border:2px solid #e4e4e4;border-radius:20px;color:#727272;font-family:Poppins,sans-serif;font-size:16px;outline:none;padding:12px 20px 12px 50px;width:100%}.search-icon{left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-dropdowns{display:flex;flex-wrap:wrap;gap:20px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#727272;display:block;font-family:Poppins,sans-serif;margin-bottom:8px}.select-with-tags{align-items:center;border:2px solid #e4e4e4;border-radius:20px;min-height:44px;padding:8px;position:relative}.select-with-tags,.selected-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{align-items:center;background:#0d977c;border-radius:12px;display:flex;gap:4px;padding:4px 8px}.tag,.tag button{color:#fff;font-size:14px}.tag button{background:none;border:none;cursor:pointer;line-height:1}.select-with-tags select{background:#0000;border:none;flex:1 1;font-family:Poppins,sans-serif;min-width:120px;outline:none;padding:5px}.campaigns-table-container{border-radius:20px;box-shadow:0 0 0 2px #e4e4e4;margin-bottom:30px;max-height:calc(100vh - 300px);overflow-y:auto;width:100%}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table thead{color:#fff;z-index:10}.campaigns-table th,.campaigns-table thead{background:#0d977c;position:-webkit-sticky;position:sticky;top:0}.campaigns-table th{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;padding:15px;text-align:left}.campaigns-table tbody tr{background:#fff;border-bottom:2px solid #e4e4e4;cursor:pointer;transition:background .2s}.campaigns-table tbody tr:hover{background:#f5f5f5}.campaigns-table tbody tr:last-child{border-bottom:none}.campaigns-table td{border-bottom:2px solid #e4e4e4;color:#727272;font-family:Poppins,sans-serif;padding:15px}.campaigns-table tbody tr:last-child td{border-bottom:none}.campaign-name{align-items:center;display:flex;gap:10px;position:relative}.campaign-name img{border-radius:10px;height:40px;object-fit:cover;width:40px}.approval-indicator{background:orange;border-radius:10px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:-80px;top:-10px}.status-badge{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.status-badge.live{background:#0d977c;color:#fff}.status-badge.pending{background:orange;color:#fff}.approval-button{align-items:center;background:#0d977c;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:8px;padding:8px 16px;transition:background .3s}.approval-button:hover{background:#0b826b}.approval-button svg{height:16px;width:16px}.view-button{background:#0895f3;border:none;border-radius:18px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;padding:8px 16px;transition:background .3s}.view-button:hover{background:#333}.no-results{color:#727272;font-style:italic;padding:30px;text-align:center}.campaigns-footer{border-top:1px solid #e4e4e4;color:#727272;font-family:Poppins,sans-serif;margin-top:30px;padding-top:20px}@media (max-width:768px){.filter-dropdowns{flex-direction:column}.campaigns-table td,.campaigns-table th{font-size:14px;padding:10px}.approval-button,.view-button{font-size:14px;padding:6px 12px}.approval-indicator{display:block;margin-top:5px;position:static}}@media (max-width:480px){.campaigns-header h1{font-size:24px;line-height:36px}.campaigns-header p{font-size:16px;line-height:24px}.search-box input{font-size:14px;padding:10px 15px 10px 40px}.search-icon svg{height:18px;width:18px}.campaigns-table-container{max-height:calc(100vh - 350px)}}.campaign-details-container{background:#f5f5f5;display:flex;min-height:100vh;position:relative}.main-content{margin-left:329px}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.campaign-header h1{color:#4a4a4a;font-size:32px;font-weight:400;margin-bottom:8px}.campaign-header p{color:#727272;font-size:20px;margin:0}.see-reports-btn{align-items:center;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:20px;gap:10px;padding:12px 20px;transition:background .3s ease}.see-reports-btn:hover{background:#0b856e}.see-reports-btn svg{height:20px;width:20px}.campaign-info-section{display:flex;gap:20px;margin-bottom:20px}.campaign-card{background:#fff;border-radius:40px;box-shadow:0 0 8px #0000001a;flex:1 1;padding:30px}.left-card{max-width:600px}.right-card{max-width:550px}.campaign-header-info{align-items:center;display:flex;gap:20px;margin-bottom:30px}.campaign-header-info h2{color:#4a4a4a;font-size:32px;margin:0 0 5px}.campaign-header-info p{color:#727272;font-size:20px;margin:0}.campaign-logo-placeholder{align-items:center;background:#f0f0f0;border-radius:20px;display:flex;flex-shrink:0;height:100px;justify-content:center;margin-right:20px;overflow:hidden;width:100px}.campaign-logo-placeholder img{max-height:100%;max-width:100%;object-fit:contain}.campaign-detail-row{margin-bottom:20px}.detail-line{background:#e4e4e4;height:2px;margin:15px 0}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-item span:first-child{color:#727272;font-size:24px}.detail-item span:last-child{color:#727272;font-size:20px}.report-table{border-collapse:collapse;box-shadow:0 0 0 2px #e4e4e4;margin-bottom:30px;max-height:calc(100vh - 300px);overflow-y:auto}.report-table thead{color:#fff;z-index:10}.report-table th,.report-table thead{background:#0d977c;position:-webkit-sticky;position:sticky;top:0}.report-table th{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;padding:15px;text-align:left}.report-table tbody tr{background:#fff;border-bottom:2px solid #e4e4e4;cursor:pointer;transition:background .2s}.report-table tbody tr:hover{background:#f5f5f5}.report-table tbody tr:last-child{border-bottom:none}.report-table td{border-bottom:2px solid #e4e4e4;color:#727272;font-family:Poppins,sans-serif;padding:15px}.report-table tbody tr:last-child td{border-bottom:none}.view-url{color:#0d977c;cursor:pointer;text-decoration:underline;transition:all .2s ease}.view-url:hover{color:#0b856e}.delete-btn{background:#f44;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 15px;transition:all .3s ease}.delete-btn:hover{background:#c00;transform:scale(1.05)}.cashback-offer{color:#4a4a4a;font-size:36px;margin:20px 0}.url-section{margin:20px 0}.url-section span{display:block;margin-bottom:10px}.url-box,.url-section span{color:#727272;font-size:20px}.url-box{background:#fff;border:2px solid #e4e4e4;border-radius:20px;padding:15px 20px;word-break:break-all}.postback-section{display:flex;gap:20px}.postback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.postback-header h2{color:#000;font-size:36px;margin:0}.add-postback-btn{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px;transition:background .3s ease}.add-postback-btn:hover{background:#0b856e}.tracking-link-box{background:#fff;border:2px solid #e4e4e4;border-radius:20px;color:#727272;font-size:20px;height:90px;margin-top:20px;padding:15px 20px;word-break:break-all}.modal-overlay{align-items:center;background:#0003;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.postback-modal{background:#fff;border-radius:40px;max-width:700px;padding:30px;width:100%}.modal-header,.postback-modal{position:relative}.modal-header h2{color:#4a4a4a;font-size:32px;margin:0 0 5px}.modal-header p{color:#727272;font-size:16px;margin:0}.close-modal-btn{background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:0;top:0}.close-modal-btn svg{height:24px;width:24px}.modal-divider{height:3px;margin:20px 0}.modal-form{margin-bottom:30px}.modal-form label{color:#727272;display:block;font-size:16px;margin-bottom:10px}.form-input{margin-bottom:20px;position:relative}.form-input input,.form-input select{-webkit-appearance:none;appearance:none;border:2px solid #e4e4e4;border-radius:20px;color:#727272;font-size:16px;padding:15px 20px;width:100%}.form-input svg{height:16px;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px}.save-btn{font-size:24px;margin-top:20px;padding:15px 30px;width:100%}.save-btn:hover{background:#0b856e}.tracking-params h3{color:#4a4a4a;font-size:24px;margin-bottom:15px}.tracking-params ul{list-style:none;margin:0;padding:0}.tracking-params li{color:#727272;font-size:16px;margin-bottom:10px}.tracking-params code{background:#f0f0f0;border-radius:4px;font-family:monospace;padding:2px 4px}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#0d977c;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#727272;font-size:24px;padding:50px;text-align:center}.campaign-card{animation:fadeIn .5s ease-out forwards}.report-table{animation:fadeIn .6s ease-out forwards}.add-postback-btn:hover,.save-btn:hover,.see-reports-btn:hover{animation:pulse 1s ease infinite}.view-url,button{transition:all .2s ease}button:active{transform:scale(.98)}@media (max-width:1200px){.campaign-info-section,.postback-section{flex-direction:column}.left-card,.right-card{max-width:100%}}@media (max-width:1024px){.main-content{margin-left:0;padding-top:80px}}@media (max-width:768px){.campaign-header{flex-direction:column;gap:20px}.campaign-header h1{font-size:24px}.campaign-header p{font-size:16px}.see-reports-btn{align-self:flex-start}.campaign-card{padding:20px}.postback-header h2{font-size:24px}.postback-modal{border-radius:20px;padding:20px}.modal-header h2{font-size:24px}.report-table td,.report-table th{font-size:14px;padding:10px 15px}.cashback-offer{font-size:24px}}@media (max-width:480px){.main-content{padding:70px 15px 15px}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.report-table{display:block;overflow-x:auto;white-space:nowrap}.cashback-offer{font-size:20px}.tracking-link-box,.url-box{font-size:16px;padding:10px 15px}.delete-btn{font-size:12px;padding:6px 12px}}.tracking-link-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tracking-link-actions{display:flex;gap:10px}.add-more-param-btn,.add-param-btn,.copy-link-btn{align-items:center;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 15px;transition:all .3s ease}.add-more-param-btn:hover,.add-param-btn:hover,.copy-link-btn:hover{background:#0b856e}.add-more-param-btn svg,.add-param-btn svg,.copy-link-btn svg{height:16px;width:16px}.tracking-link-input{background:#0000;border:none;color:#727272;font-size:16px;outline:none;padding:0;width:100%}.param-inputs-container{border-top:2px solid #e4e4e4;margin-top:20px;padding-top:20px}.param-input-row{margin-bottom:15px}.param-input-row label{color:#727272;display:block;font-size:14px;margin-bottom:5px}.param-input-row input{border:2px solid #e4e4e4;border-radius:20px;color:#727272;font-size:16px;padding:10px 15px;width:100%}.add-more-param-btn{background:#f0f0f0;color:#0d977c;margin-top:10px}.add-more-param-btn:hover{background:#e0e0e0}@media (max-width:768px){.tracking-link-actions{flex-direction:column;gap:8px}.add-param-btn,.copy-link-btn{font-size:14px;padding:8px 12px}}.performance-report-container{display:flex;min-height:100vh;position:relative}.loader-container{gap:10px}.main-content{background:#fff;margin-left:370px;min-height:100vh;padding:32px 42px;position:relative;transition:all .3s ease;width:calc(100% - 370px);z-index:1}.header h1{color:#4a4a4a;font-size:32px;line-height:48px;margin-bottom:8px}.header p{color:#727272;font-size:20px;line-height:30px;margin-bottom:40px}.date-range-container{margin-bottom:30px;position:relative;width:351px}.date-range-display{align-items:center;background:#0d977c;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:57px;justify-content:center;padding:0 20px;position:relative;transition:all .3s ease;width:100%}.date-range-display:hover{background:#0b826b}.dropdown-icon{height:20px;margin-left:10px;transition:transform .3s ease;width:20px}.date-range-display:hover .dropdown-icon{transform:translateY(2px)}.custom-date-picker{background:#fff;border-radius:20px;box-shadow:0 10px 20px #0000001a;left:0;padding:20px;position:absolute;top:65px;width:350px;z-index:100}.date-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.date-picker-header h3{color:#4a4a4a;font-size:18px}.date-picker-header button{background:none;border:none;color:#727272;cursor:pointer;font-size:24px}.date-inputs{gap:15px}.date-input-group,.date-inputs{display:flex;flex-direction:column}.date-input-group label{color:#727272;font-size:14px;margin-bottom:5px}.date-input-group input{border:2px solid #e4e4e4;border-radius:10px;font-size:16px;padding:10px}.apply-dates{background:#0d977c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px;transition:background .3s ease;width:100%}.apply-dates:hover{background:#0b826b}.export-button{align-items:center;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:52px;justify-content:center;line-height:30px;position:absolute;right:42px;top:54px;transition:all .3s ease;width:220px}.export-button svg{height:24px;margin-right:10px;width:24px}.export-button:hover{background:#0b826b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.export-button:active{transform:translateY(0)}.report-table{border-radius:20px;box-shadow:0 0 8px #0000001a;margin-bottom:50px;overflow:hidden;width:100%}.table-header{background:#0d977c;color:#fff;display:grid;font-size:18px;grid-template-columns:repeat(6,1fr);padding:20px;text-align:center}.table-body{background:#fff}.table-row{border-bottom:3px solid #e4e4e4;color:#727272;display:grid;font-size:16px;grid-template-columns:repeat(6,1fr);padding:15px 20px;text-align:center;transition:all .3s ease}.table-row:last-child{border-bottom:none;border-radius:0 0 20px 20px}.table-row:hover{background:#0d977c0d}.footer{bottom:32px;color:#727272;font-size:18px;left:422px;position:absolute}@media (max-width:1200px){.report-table{overflow-x:auto}.table-header,.table-row{min-width:900px}.export-button{margin-bottom:20px;position:relative;right:auto;top:auto}}@media (max-width:992px){.main-content{margin-left:0;padding:80px 20px 20px;width:100%}.mobile-header{display:flex}.date-range-container,.footer{width:100%}.footer{left:auto;margin-top:30px;position:static;text-align:center}}@media (max-width:768px){.header h1{font-size:28px}.header p{font-size:18px}.export-button{width:100%}}@media (max-width:576px){.header h1{font-size:24px}.header p{font-size:16px}.custom-date-picker{left:0;right:0;width:100%}.footer{font-size:16px}}.campwise-report-container{display:flex}.campwise-main-content,.campwise-report-container{background:#fff;min-height:100vh;position:relative}.campwise-main-content{margin-left:370px;padding:32px 42px;transition:all .3s ease;width:calc(100% - 370px);z-index:1}.campwise-main-content.sidebar-open{margin-left:250px;width:calc(100% - 250px)}.campwise-reports-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.campwise-reports-header h1{color:#4a4a4a;font-size:32px;line-height:48px;margin:0}.campwise-reports-header p{color:#727272;font-size:20px;line-height:30px;margin:0}.campwise-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.campwise-date-picker-container{flex:1 1;min-width:200px;position:relative}.campwise-date-picker-toggle{align-items:center;background:#0d977c;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;min-width:180px;padding:12px 16px;transition:all .3s ease}.campwise-date-picker-toggle:hover{background:#0b826b}.campwise-date-picker-dropdown{animation:campwise-fadeIn .2s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 20px #0000001a;left:0;min-width:250px;padding:15px;position:absolute;top:100%;width:100%;z-index:100}.campwise-date-range-option{border-radius:10px;cursor:pointer;margin:5px 0;padding:10px 15px;transition:all .2s ease}.campwise-date-range-option:hover{background:#f5f5f5}.campwise-date-range-option.active{background:#0d977c;color:#fff}.campwise-custom-range-container{border-top:1px solid #e4e4e4;margin-top:15px;padding-top:15px}.campwise-custom-range-inputs{gap:15px}.campwise-custom-range-inputs,.campwise-date-input{display:flex;flex-direction:column}.campwise-date-input label{color:#727272;font-size:14px;margin-bottom:8px}.campwise-date-input input{border:2px solid #e4e4e4;border-radius:10px;font-size:14px;padding:10px 12px;transition:all .3s ease}.campwise-date-input input:focus{border-color:#0d977c;outline:none}.campwise-apply-date-range{background:#0d977c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.campwise-apply-date-range:hover{background:#0b826b}.campwise-apply-date-range:disabled{background:#e4e4e4;cursor:not-allowed}.campwise-export-btn,.campwise-filter-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.campwise-export-btn,.campwise-filter-btn{background:#0d977c;color:#fff}.campwise-export-btn{padding-left:45px;position:relative}.campwise-export-btn:hover,.campwise-filter-btn:hover{background:#0b826b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.campwise-export-btn:active,.campwise-filter-btn:active{transform:translateY(0)}.campwise-export-btn svg,.campwise-export-icon,.campwise-filter-btn svg{height:18px;width:18px}.campwise-export-icon{left:20px;position:absolute}.campwise-reports-table-container{border-radius:20px;box-shadow:0 0 8px #0000001a;margin-bottom:50px;max-height:600px;overflow:hidden;overflow:auto;width:100%}.campwise-reports-table-container::-webkit-scrollbar{height:8px;width:8px}.campwise-reports-table-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.campwise-reports-table{border-collapse:collapse;min-width:100%;width:100%}.campwise-reports-table thead tr{background:#0d977c;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.campwise-reports-table th{border:none;font-size:18px;font-weight:500;padding:20px;text-align:center;white-space:nowrap}.campwise-reports-table tbody{background:#fff}.campwise-reports-table tbody tr{border-bottom:none}.campwise-reports-table td{border:none;color:#727272;font-size:16px;overflow:visible;padding:15px 20px;text-align:center;text-overflow:clip;transition:all .3s ease;white-space:nowrap}.campwise-reports-table tbody tr:hover{background:#0d977c0d}.campwise-reports-table tbody tr:not(:last-child){border-bottom:1px solid #00000008}.campwise-no-data-row td{padding:60px 0;text-align:center}.campwise-no-data-found{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px}.campwise-no-data-found svg{color:#727272;height:60px;width:60px}.campwise-no-data-found p{color:#4a4a4a;font-size:18px;margin:0;text-align:center}.campwise-refresh-btn{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 24px;transition:all .3s ease}.campwise-refresh-btn:hover{background:#0b826b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.campwise-footer{color:#727272;font-size:16px;margin-top:30px;padding:20px 0;text-align:center}.campwise-loader-container{align-items:center;background:#fff;display:flex;gap:10px;height:100vh;justify-content:center}.campwise-loader-circle{animation:campwise-bounce 1.5s ease-in-out infinite;background:#0d977c;border-radius:50%;height:20px;width:20px}.campwise-loader-circle:first-child{animation-delay:0s}.campwise-loader-circle:nth-child(2){animation-delay:.2s}.campwise-loader-circle:nth-child(3){animation-delay:.4s}.campwise-filter-modal-overlay{animation:campwise-fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.campwise-filter-modal{animation:campwise-slideIn .3s ease;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;width:400px}.campwise-filter-modal-header{align-items:center;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;padding:20px}.campwise-filter-modal-header h2{color:#4a4a4a;font-size:22px;margin:0}.campwise-close-modal{background:none;border:none;color:#727272;cursor:pointer;font-size:24px;padding:5px}.campwise-filter-search{padding:15px 20px}.campwise-filter-search input{border:1px solid #e4e4e4;border-radius:10px;font-size:14px;padding:12px 15px;width:100%}.campwise-filter-options{flex:1 1;overflow-y:auto;padding:15px 20px}.campwise-filter-option{margin-bottom:15px}.campwise-filter-option label{align-items:center;color:#4a4a4a;cursor:pointer;display:flex;font-size:14px;padding-left:30px;position:relative}.campwise-filter-option input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.campwise-checkmark{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;height:20px;left:0;position:absolute;top:0;width:20px}.campwise-filter-option input:checked~.campwise-checkmark{background-color:#0d977c;border-color:#0d977c}.campwise-checkmark:after{content:"";display:none;position:absolute}.campwise-filter-option input:checked~.campwise-checkmark:after{display:block}.campwise-filter-option .campwise-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:7px;top:3px;transform:rotate(45deg);width:5px}.campwise-filter-modal-footer{border-top:1px solid #e4e4e4;display:flex;gap:15px;justify-content:space-between;padding:15px 20px}.campwise-close-btn,.campwise-save-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .3s ease}.campwise-close-btn{background:#727272;border:none;color:#fff}.campwise-close-btn:hover{background:#5a5a5a}.campwise-save-btn{background:#0d977c;border:none;color:#fff}.campwise-save-btn:hover{background:#0b826b}@keyframes campwise-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes campwise-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes campwise-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:1200px){.campwise-main-content{padding:25px}.campwise-reports-header{flex-direction:column}.campwise-header-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width:992px){.campwise-main-content{margin-left:0;padding:80px 20px 20px;width:100%}.campwise-filter-modal{width:320px}}@media (max-width:768px){.campwise-reports-header h1{font-size:28px;line-height:1.3}.campwise-reports-header p{font-size:16px;line-height:1.5}.campwise-date-picker-toggle,.campwise-export-btn,.campwise-filter-btn{font-size:14px;padding:10px 15px}.campwise-date-picker-dropdown{min-width:auto;width:100%}.campwise-filter-modal{width:280px}}@media (max-width:576px){.campwise-reports-header h1{font-size:24px}.campwise-header-actions{align-items:stretch;flex-direction:column;gap:10px}.campwise-date-picker-container,.campwise-export-btn,.campwise-filter-btn{width:100%}.campwise-filter-modal{max-width:300px;width:100%}.campwise-no-data-found svg{height:48px;width:48px}.campwise-no-data-found p{font-size:16px}.campwise-refresh-btn{font-size:14px;padding:10px 20px}}.postback-container{background:#fff;display:flex;min-height:100vh}.postback-content{flex:1 1;margin-left:329px;padding:20px;transition:margin-left .3s ease}.postback-header{margin-bottom:30px}.postback-title{color:#4a4a4a;font-size:32px;margin:0}.postback-subtitle,.postback-title{font-family:Poppins,sans-serif;font-weight:400}.postback-subtitle{color:#727272;font-size:20px;margin:5px 0 0}.postback-url-container{background:#fff;border-radius:40px;box-shadow:0 0 8px #00000040;margin-bottom:20px;padding:20px;width:100%}.postback-url-input{background:#0000;border:none;color:#727272;font-family:Poppins,sans-serif;font-size:20px;outline:none;width:100%}.postback-url-input::placeholder{color:#727272}.postback-buttons{display:flex;gap:20px;margin-bottom:30px}.postback-btn{align-items:center;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:24px;gap:10px;padding:12px 30px;transition:background .3s ease}.postback-btn:hover{background:#0b826b}.placeholders-title{color:#4a4a4a;font-family:Poppins,sans-serif;font-size:32px;font-weight:400;margin-bottom:20px}.placeholders-list{display:flex;flex-direction:column;gap:9px}.placeholder-item{color:#727272;font-family:Poppins,sans-serif;font-size:24px;font-weight:400;line-height:36px}@media (max-width:1024px){.postback-content{margin-left:0;padding-top:80px}.postback-buttons{flex-direction:column}}@media (max-width:768px){.postback-title{font-size:28px}.postback-subtitle{font-size:18px}.postback-btn{font-size:20px;padding:10px 20px}.placeholders-title{font-size:28px}.placeholder-item{font-size:20px;line-height:30px}}@media (max-width:480px){.postback-title{font-size:24px}.postback-subtitle{font-size:16px}.postback-url-container{padding:15px}.postback-url-input{font-size:16px}.placeholders-title{font-size:24px}.placeholder-item{font-size:16px;line-height:24px}.copyright{font-size:18px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.postback-container{animation:fadeIn .5s ease-out}.postback-url-container{animation:fadeIn .7s ease-out;transition:all .3s ease}.postback-url-container:hover{box-shadow:0 0 15px #0000004d}.postback-btn{animation:fadeIn .9s ease-out;transition:all .3s ease}.postback-btn:hover{animation:pulse 1s infinite}.placeholder-item{animation:fadeIn 1.1s ease-out;transition:all .3s ease}.placeholder-item:hover{color:#0d977c;transform:translateX(5px)}.test-response{animation:fadeIn .5s ease-out;background:#f8f8f8;border-left:4px solid #0d977c;border-radius:20px;margin:20px 0;padding:15px}.test-response pre{color:#4a4a4a;font-family:Courier New,monospace;margin:0;white-space:pre-wrap}.test-response.success{border-left-color:#0d977c}.test-response.error{border-left-color:red}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#fff;overflow-x:hidden}.wallet-page-container{display:flex;min-height:100vh;position:relative}.wallet-loader-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}.wallet-loader{display:flex;gap:10px}.wallet-loader-circle{animation:walletBounce 1.5s ease-in-out infinite;background:#0d977c;border-radius:50%;height:20px;width:20px}.wallet-loader-circle:first-child{animation-delay:0s}.wallet-loader-circle:nth-child(2){animation-delay:.2s}.wallet-loader-circle:nth-child(3){animation-delay:.4s}@keyframes walletBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.wallet-main-content{background:#fff;margin-left:370px;min-height:100vh;padding:32px 42px;position:relative;transition:all .3s ease;width:calc(100% - 370px);z-index:1}.wallet-header h1{animation:walletFadeIn .5s ease-in-out;color:#4a4a4a;font-size:32px;line-height:48px;margin-bottom:8px}.wallet-header p{animation:walletFadeIn .7s ease-in-out;color:#727272;font-size:20px;line-height:30px;margin-bottom:40px}.wallet-content-row{animation:walletFadeIn .9s ease-in-out;display:flex;gap:30px;margin-bottom:50px}.wallet-invoices-card,.wallet-transaction-card,.wallet-withdrawal-card{background:#fff;border-radius:40px;box-shadow:0 0 8px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.wallet-withdrawal-card{display:flex;flex-direction:column;min-height:545px;width:436px}.wallet-invoices-card{display:flex;flex-direction:column;height:545px;overflow-y:auto;width:485px}.wallet-invoices-card h3{color:#4a4a4a;font-size:24px;margin-bottom:20px}.wallet-animate-card{animation:walletSlideUp .5s ease-in-out}.wallet-animate-card:first-child{animation-delay:.1s}.wallet-animate-card:nth-child(2){animation-delay:.2s}@keyframes walletFadeIn{0%{opacity:0}to{opacity:1}}@keyframes walletSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-balance-section{display:flex;flex-direction:column;margin-bottom:30px;position:relative}.wallet-balance-label{color:#727272;font-size:20px;line-height:30px}.wallet-balance-amount{color:#4a4a4a;font-size:40px;line-height:60px}.wallet-refresh-icon{border:1.5px solid #0d977c;border-radius:50%;cursor:pointer;height:50px;position:absolute;right:0;top:10px;transition:transform .3s ease;width:50px}.wallet-refresh-icon:hover{transform:rotate(180deg)}.wallet-refresh-icon:before{border-radius:50%;border-right:1.5px solid #0d977c;border-top:1.5px solid #0d977c;content:"";height:15px;left:12px;position:absolute;top:12px;width:15px}.wallet-warning-box{align-items:center;animation:walletPulse 2s infinite;background:#df555533;border-radius:40px;display:flex;margin-bottom:40px;min-height:74px;padding:15px 20px;width:100%}@keyframes walletPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.wallet-warning-icon{border:3px solid #df5555;border-radius:50%;flex-shrink:0;height:48px;margin-right:15px;position:relative;width:48px}.wallet-warning-icon:before{color:#df5555;content:"!";font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wallet-warning-box p{color:#df5555;font-size:16px;line-height:24px}.wallet-withdrawal-form{display:flex;flex-direction:column;flex-grow:1}.wallet-form-group{margin-bottom:30px}.wallet-form-group label{color:#727272;display:block;font-size:16px;line-height:24px;margin-bottom:10px}.wallet-input-field{align-items:center;background:#fff;border:2px solid #e4e4e4;border-radius:20px;display:flex;height:51px;padding:0 20px;transition:all .3s ease;width:100%}.wallet-input-field:focus-within{border-color:#0d977c;box-shadow:0 0 0 2px #0d977c33}.wallet-input-field input{border:none;color:#727272;font-size:16px;line-height:24px;outline:none;width:100%}.wallet-withdraw-button{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;height:52px;line-height:30px;margin-top:auto;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.wallet-withdraw-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.wallet-withdraw-button:hover{background:#0b826b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.wallet-withdraw-button:active{transform:translateY(0)}.wallet-withdraw-button:focus:not(:active):after{animation:walletRipple 1s ease-out}@keyframes walletRipple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.wallet-invoice-item{align-items:center;background:#fff;border-radius:20px;box-shadow:0 0 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;min-height:100px;padding:20px;position:relative;transition:all .3s ease;width:100%}.wallet-invoice-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.wallet-invoice-item:before{background:#0d977c;border-radius:20px 0 0 20px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.wallet-invoice-details{display:flex;flex-direction:column;margin-left:15px}.wallet-invoice-id{color:#4a4a4a;font-size:24px;line-height:36px;margin-bottom:5px}.wallet-invoice-date{color:#727272;font-size:20px;line-height:30px}.wallet-invoice-amount{color:#0d977c;font-size:24px;font-weight:700;line-height:36px}.wallet-transaction-section{animation:walletFadeIn 1.1s ease-in-out;width:100%}.wallet-transaction-section h2{color:#4a4a4a;font-size:24px;line-height:36px;margin-bottom:20px}.wallet-transaction-row{display:flex;gap:30px;margin-bottom:20px}.wallet-transaction-card{align-items:center;display:flex;height:100px;padding:20px;position:relative;transition:all .3s ease;width:436px}.wallet-transaction-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.wallet-transaction-card:before{background:#0d977c;border-radius:20px 0 0 20px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.wallet-transaction-icon{align-items:center;background:#e4e4e4;border-radius:20px;color:#0d977c;display:flex;flex-shrink:0;font-weight:700;height:60px;justify-content:center;margin-right:20px;width:60px}.wallet-transaction-details{display:flex;flex-direction:column;flex-grow:1}.wallet-transaction-platform{color:#4a4a4a;font-size:24px;line-height:36px}.wallet-transaction-date{color:#727272;font-size:16px;line-height:24px}.wallet-transaction-amount{color:#0d977c;font-size:24px;font-weight:700;line-height:36px;margin-left:20px}.wallet-menu-button{background:none;border:none;cursor:pointer;padding:5px}@media (max-width:1200px){.wallet-content-row{flex-direction:column}.wallet-invoices-card,.wallet-withdrawal-card{width:100%}.wallet-transaction-row{flex-direction:column}.wallet-transaction-card{width:100%}}@media (max-width:992px){.wallet-main-content{margin-left:0;padding:80px 20px 20px;width:100%}.wallet-mobile-header{display:flex}.wallet-header h1{font-size:28px}.wallet-header p{font-size:18px}}@media (max-width:768px){.wallet-balance-amount{font-size:32px}.wallet-invoice-amount,.wallet-invoice-id,.wallet-transaction-amount,.wallet-transaction-platform{font-size:20px}.wallet-invoice-date,.wallet-transaction-date{font-size:16px}.wallet-warning-box{align-items:flex-start;flex-direction:column;padding:15px}.wallet-warning-icon{margin-bottom:10px}}@media (max-width:576px){.wallet-header h1{font-size:24px}.wallet-header p{font-size:16px}.wallet-invoices-card,.wallet-withdrawal-card{border-radius:30px;padding:20px 15px}.wallet-invoice-item,.wallet-transaction-card{align-items:flex-start;flex-direction:column;height:auto;padding:15px}.wallet-invoice-amount,.wallet-transaction-amount{align-self:flex-end;margin-top:10px}.wallet-transaction-card{height:auto}.wallet-transaction-icon{height:50px;margin-right:15px;width:50px}}.invoice-container{background:#fff;display:flex;min-height:100vh}.invoice-content{flex:1 1;margin-left:329px;padding:20px;transition:margin-left .3s ease}.invoice-header{margin-bottom:30px}.invoice-title{color:#4a4a4a;font-size:32px;margin:0}.invoice-subtitle,.invoice-title{font-family:Poppins,sans-serif;font-weight:400}.invoice-subtitle{color:#727272;font-size:20px;margin:5px 0 0}.date-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.date-group{flex:1 1;min-width:300px}.date-label{color:#727272;font-size:20px;margin-bottom:10px}.date-label,.date-value{font-family:Poppins,sans-serif;font-weight:400}.date-value{animation:fadeIn .5s ease-out;color:#4a4a4a;font-size:36px}.divider{height:100px;margin:0 20px;width:5px}.payment-method{align-items:center;animation:rotateIn 1s ease-out;border:6px solid #ccc;border-radius:50%;display:flex;height:96px;justify-content:center;margin-left:auto;width:96px}.info-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.info-card{animation:slideUp .5s ease-out;background:#f1f1f1;border-radius:20px;flex:1 1;min-width:400px;padding:20px}.info-row{display:flex;justify-content:space-between;margin-bottom:20px}.info-label,.info-value{color:#727272;font-family:Poppins,sans-serif;font-size:20px;font-weight:400}.status-card{animation:fadeIn .8s ease-out;background:#484759;border-radius:40px;margin-bottom:40px;padding:25px}.status-header{gap:20px;margin-bottom:15px}.status-header,.status-icon{align-items:center;display:flex}.status-icon{border:1.5px solid #fff;border-radius:50%;height:60px;justify-content:center;width:60px}.status-title{font-size:24px}.status-message,.status-title{color:#fff;font-family:Poppins,sans-serif;font-weight:400}.status-message{font-size:16px;line-height:24px;padding-left:80px}.fun-fact{animation:fadeIn 1s ease-out;flex-direction:column;margin-top:60px}.fact-icon,.fun-fact{align-items:center;display:flex}.fact-icon{border:1.5px solid #446571;border-radius:50%;height:100px;justify-content:center;margin-bottom:20px;width:100px}.fact-title{margin-bottom:10px}.fact-text,.fact-title{color:#727272;font-family:Poppins,sans-serif;font-size:24px;font-weight:400}.fact-text{text-align:center}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}@media (max-width:1024px){.invoice-content{margin-left:0;padding-top:80px}.payment-method{margin:20px auto 0}}@media (max-width:768px){.date-group{min-width:100%}.divider{display:none}.info-card{min-width:100%}.status-message{padding-left:0}.invoice-title{font-size:28px}.invoice-subtitle{font-size:18px}.date-value{font-size:28px}}@media (max-width:480px){.invoice-title{font-size:24px}.invoice-subtitle{font-size:16px}.date-value{font-size:24px}.info-label,.info-value{font-size:16px}.status-title{font-size:20px}.status-message{font-size:14px}.fact-text,.fact-title{font-size:20px}.copyright{font-size:18px}}.profile-page{background:#fff;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.main-content{flex:1 1;padding:20px;transition:margin-left .3s ease}.main-content.shifted{margin-left:250px}.profile-header{margin-bottom:30px}.profile-header h1{color:#4a4a4a;font-size:32px;margin-bottom:8px}.profile-header p{color:#727272;font-size:20px}.profile-content{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px}.payment-card,.profile-card{background:#fff;border-radius:40px;box-shadow:0 0 8px #00000040;flex:1 1;min-width:300px;padding:30px}.payment-card,.profile-card{max-width:500px}.profile-avatar{align-items:center;background:#0d977c;border-radius:30px;display:flex;height:85px;justify-content:center;margin-bottom:20px;width:85px}.avatar-initials{color:#fff;font-size:32px;font-weight:500}.profile-info h2{color:#4a4a4a;font-size:24px;margin-bottom:5px}.profile-info .role{color:#727272;font-size:16px}.divider{margin:25px 0}.profile-detail{margin-bottom:20px}.detail-label{color:#727272;font-size:16px;margin-bottom:8px}.detail-value{color:#4a4a4a;font-size:20px}.mobile-section{align-items:center;display:flex;gap:10px}.edit-button{background:none;border:none;cursor:pointer;padding:5px}.payment-form{margin-bottom:30px}.payment-form label{color:#727272;display:block;font-size:16px;margin-bottom:8px}.payment-form input{border:2px solid #e4e4e4;border-radius:20px;font-size:16px;margin-bottom:20px;padding:15px 20px;width:100%}.save-button{background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:20px;margin-left:auto;padding:15px 40px;transition:background .3s ease}.save-button:hover{background:#0b856f}.payment-warning{align-items:center;background:#df555533;border-radius:40px;display:flex;gap:15px;margin-bottom:30px;padding:15px}.warning-icon{flex-shrink:0}.payment-warning p{color:#df5555;font-size:16px;line-height:1.5}.action-buttons{display:flex;gap:20px;justify-content:space-between}.danger-button{background:#df5555;border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:15px 25px;transition:background .3s ease}.danger-button:hover{background:#c74a4a}.recent-logins{margin-top:40px}.recent-logins h2{color:#4a4a4a;font-size:24px;margin-bottom:30px}.login-card{background:#fff;box-shadow:0 0 8px #00000040;gap:20px;padding:25px}.login-avatar,.login-card{align-items:center;border-radius:20px;display:flex}.login-avatar{background:#0d977c;height:70px;justify-content:center;width:70px}.device-icon{height:40px;width:40px}.login-info{flex:1 1}.login-info h3{color:#4a4a4a;font-size:24px;margin-bottom:8px}.login-info p{color:#727272;font-size:16px}.login-status{text-align:right}.login-status p{color:#727272;font-size:16px;margin-bottom:10px}.terminate-button{background:#df5555;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.terminate-button:hover{background:#c74a4a}.profile-footer{border-top:1px solid #e4e4e4;margin-top:40px;padding-top:20px}.profile-footer p{color:#727272;font-size:22px}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-fade-in-up{animation:fadeInUp .5s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.profile-content{flex-direction:column}.payment-card,.profile-card{max-width:100%}}@media (max-width:768px){.main-content.shifted{margin-left:0}.login-card{flex-direction:column;text-align:center}.login-status{margin-top:15px;text-align:center}.action-buttons{flex-direction:column}}@media (max-width:480px){.profile-header h1{font-size:28px}.profile-header p{font-size:18px}.payment-card,.profile-card{padding:20px}}.delete-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal.disintegrating{animation:fadeOut .8s forwards}.modal-content{background:#fff;border-radius:30px;box-shadow:0 10px 30px #0003;max-width:500px;overflow:hidden;padding:30px;position:relative;width:90%}.modal-content h2{color:#df5555;font-size:24px;margin-bottom:15px;text-align:center}.modal-divider{background:#e4e4e4;height:2px;margin:15px 0}.warning-text{color:#4a4a4a;font-size:18px;font-weight:500;margin-bottom:15px;text-align:center}.warning-details{color:#727272;font-size:16px;margin-bottom:30px;text-align:center}.modal-buttons{display:flex;gap:20px;justify-content:center}.modal-cancel,.modal-delete{border:none;border-radius:20px;cursor:pointer;font-size:16px;padding:15px 30px;transition:all .3s ease}.modal-cancel{background:#e4e4e4;color:#4a4a4a}.modal-cancel:hover{background:#d4d4d4}.modal-delete{background:#df5555;color:#fff}.modal-delete:hover:not(:disabled){background:#c74a4a}.modal-delete:disabled{cursor:not-allowed;opacity:.7}.modal-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.particle{border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}.delete-modal.disintegrating .particle{animation:particleFly 1s forwards}@keyframes fadeOut{to{opacity:0}}@keyframes particleFly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--random-x)*100px - 50px),calc(var(--random-y)*100px - 50px))}}@keyframes animate-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:animate-scale-in .3s cubic-bezier(.175,.885,.32,1.275)}.disintegrating-main{position:relative}.disintegrating-main:before{animation:fadeIn .5s forwards;background:#ffffffe6;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.disintegrating-main .particle{animation:contentParticleFly 1s forwards;animation-delay:calc(var(--delay)*.1s);background:#0d977c;border-radius:50%;height:10px;opacity:0;position:absolute;width:10px}@keyframes contentParticleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(var(--random-x)*200px - 100px),calc(var(--random-y)*200px - 100px)) scale(0)}}.settings-container{background:#fff;display:flex;min-height:100vh}.settings-content{flex:1 1;margin-left:329px;padding:20px;transition:margin-left .3s ease}.settings-header{margin-bottom:30px}.settings-title{color:#4a4a4a;font-size:32px;margin:0}.settings-subtitle,.settings-title{font-family:Poppins,sans-serif;font-weight:400}.settings-subtitle{color:#727272;font-size:20px;margin:5px 0 0}.settings-cards{display:flex;flex-wrap:wrap;gap:20px}.general-settings-card{animation:slideUp .5s ease-out;min-width:400px}.controls-card,.general-settings-card{background:#fff;border-radius:40px;box-shadow:0 0 8px #00000040;flex:1 1;padding:25px}.controls-card{animation:slideUp .7s ease-out;min-width:300px}.section-title{color:#4a4a4a;font-family:Poppins,sans-serif;font-size:32px;font-weight:400;margin-bottom:20px}.form-group{margin-bottom:30px}.form-label{display:block;font-size:20px;font-weight:400;margin-bottom:10px}.form-input,.form-label{color:#727272;font-family:Poppins,sans-serif}.form-input{border:2px solid #e4e4e4;border-radius:20px;font-size:24px;outline:none;padding:15px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#0d977c}.save-btn{animation:fadeIn 1s ease-out;background:#0d977c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:20px;padding:12px 30px;transition:background .3s ease}.save-btn:hover{background:#0b826b}.control-item{animation:fadeIn .8s ease-out;margin-bottom:30px}.control-title{color:#000;font-family:Poppins,sans-serif;font-size:24px;font-weight:400;margin-bottom:5px}.divider{background:#e4e4e4;height:3px;margin:15px 0}.control-description{color:#727272;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;margin-bottom:15px}.toggle-switch{display:inline-block;height:30px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#df555533;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#df5555;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background-color:#0d977c33}input:checked+.toggle-slider:before{background-color:#0d977c;transform:translateX(30px)}.copyright{color:#727272;font-family:Poppins,sans-serif;font-size:22px;font-weight:400;margin-top:30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}.modern-loader{display:flex;gap:10px}.loader-circle{animation:bounce 1.5s ease-in-out infinite;background:#0d977c;border-radius:50%;height:20px;width:20px}.loader-circle:first-child{animation-delay:0s}.loader-circle:nth-child(2){animation-delay:.2s}.loader-circle:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:1024px){.settings-content{margin-left:0;padding-top:80px}}@media (max-width:768px){.controls-card,.general-settings-card{min-width:100%}.settings-title{font-size:28px}.settings-subtitle{font-size:18px}.section-title{font-size:28px}.form-input{font-size:20px}}@media (max-width:480px){.settings-title{font-size:24px}.settings-subtitle{font-size:16px}.section-title{font-size:24px}.form-input,.form-label{font-size:18px}.form-input{padding:12px}.control-title{font-size:20px}.copyright{font-size:18px}}
/*# sourceMappingURL=main.98add751.css.map*/