*{box-sizing:border-box}:root{--card-padding-mobile:.75rem;--card-padding-tablet:1.25rem;--card-padding-desktop:1.5rem;--primary-green:#33db09;--light-green:#76ff54;--bright-green:#0fe545;--bg-light-green:#f7fffb;--border-green:#ccffc0;--icon-green:#2ede02;--text-dark:#364153;--white:#fff}.revenue-chart-container{width:100%;height:25vh;min-height:180px;max-height:250px}.revenue-chart-svg{width:100%;height:100%}.revenue-chart-text{font-size:10px}.revenue-chart-circle{r:3}.earnings-overview-container{margin-bottom:32px}.earnings-title{letter-spacing:0%;text-transform:capitalize;color:var(--text-dark);margin:0 0 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:700;line-height:100%}.earnings-responsive-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.last-30-days-card{background:var(--white);border-radius:16px;flex-direction:column;width:100%;max-width:689px;padding:1rem;display:flex;box-shadow:0 4px 6.7px #0003}.last-30-days-title{letter-spacing:0%;text-transform:capitalize;color:var(--primary-green);border-radius:8px;margin:0 0 1rem;padding:8px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;line-height:100%;display:inline-block}.earnings-chart-container{width:100%;height:25vh;min-height:180px;max-height:250px;padding-bottom:1.5rem;padding-left:2rem;position:relative}.this-month-card{background:var(--bg-light-green);border:1px solid var(--border-green);border-radius:18px;flex-direction:column;width:100%;max-width:507px;max-height:427px;padding:1rem;display:flex;box-shadow:0 4px 6.7px #0003}.this-month-title{letter-spacing:0%;text-transform:capitalize;color:var(--text-dark);flex-shrink:0;margin:0 0 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;line-height:100%}.earnings-items-container{flex-direction:column;flex:1;gap:12px;margin-bottom:16px;display:flex}.earning-item{background:var(--light-green);border-radius:9px;flex-shrink:0;align-items:center;gap:12px;width:100%;min-height:70px;margin-bottom:10px;padding:12px 16px;display:flex;box-shadow:0 2px 4px #0003}.earning-icon-box{background:var(--white);opacity:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 3px 5.3px #0003}.earning-item:last-child .earning-icon{color:var(--icon-green);fill:var(--icon-green)}.earning-icon{width:20px;height:20px;color:var(--icon-green)}.earning-details{flex:1}.earning-amount{color:var(--white);margin:0 0 4px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.125rem;font-weight:700;line-height:100%}.earning-label{color:var(--white);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:400;line-height:100%}.download-invoice-btn{background:var(--bright-green);border:1px solid var(--white);width:100%;max-width:300px;height:45px;color:var(--text-dark);cursor:pointer;opacity:1;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:1px;margin-left:auto;margin-right:auto;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;box-shadow:0 2px 4.9px #0000002b}.download-invoice-btn:hover{opacity:.9}@media (min-width:320px) and (max-width:480px){.content-grid-3col,.content-grid-2col,.stats-grid,.revenue-card-wrapper,.performance-metrics-card{width:100%;min-width:0;max-width:100%}.revenue-chart-container{height:20vh;min-height:150px;max-height:180px}.revenue-chart-text{font-size:9px}.revenue-chart-circle{r:2.5}.earnings-overview-container{width:100%;margin-bottom:16px;padding:0 .5rem}.earnings-title{margin-bottom:.75rem;font-size:1.25rem}.earnings-responsive-grid{flex-direction:column;gap:.75rem;width:100%;display:flex}.last-30-days-card{width:100%;min-width:0;max-width:100%;padding:var(--card-padding-mobile);margin:0}.last-30-days-title{margin-bottom:.75rem;padding:6px 12px;font-size:.75rem}.earnings-chart-container{height:180px;min-height:180px;max-height:180px;padding-bottom:1rem;padding-left:1.5rem;padding-right:.5rem}.earnings-chart-container svg{max-width:100%;height:auto}.this-month-card{width:100%;min-width:0;max-width:100%;max-height:none;padding:var(--card-padding-mobile);margin:0}.this-month-title{margin-bottom:12px;font-size:1rem}.earnings-items-container{gap:8px;margin-bottom:12px}.earning-item{gap:10px;min-height:60px;margin-bottom:8px;padding:10px 12px}.earning-icon-box{width:40px;height:40px}.earning-icon{width:18px;height:18px}.earning-amount{margin-bottom:3px;font-size:.875rem}.earning-label{font-size:.625rem}.download-invoice-btn{width:100%;max-width:100%;height:40px;margin-left:0;margin-right:0;font-size:13px}}@media (min-width:481px) and (max-width:767px){.content-grid-3col,.content-grid-2col,.stats-grid,.revenue-card-wrapper,.performance-metrics-card{width:100%;min-width:0;max-width:100%}.revenue-chart-container{height:22vh;min-height:160px;max-height:200px}.revenue-chart-text{font-size:10px}.earnings-overview-container{width:100%;margin-bottom:20px;padding:0 .5rem}.earnings-title{margin-bottom:.875rem;font-size:1.375rem}.earnings-responsive-grid{flex-direction:column;gap:.75rem;width:100%;display:flex}.last-30-days-card{width:100%;min-width:0;max-width:100%;margin:0;padding:1rem}.last-30-days-title{padding:7px 14px;font-size:.8125rem}.earnings-chart-container{height:22vh;min-height:160px;max-height:220px;padding-left:1.5rem}.this-month-card{width:100%;min-width:0;max-width:100%;max-height:none;margin:0;padding:1rem}.this-month-title{margin-bottom:16px;font-size:1.125rem}.earnings-items-container{gap:10px;margin-bottom:14px}.earning-item{gap:11px;min-height:65px;padding:10px 14px}.earning-icon-box{width:45px;height:45px}.earning-icon{width:19px;height:19px}.earning-amount{font-size:1rem}.earning-label{font-size:.6875rem}.download-invoice-btn{width:100%;max-width:100%;height:42px;margin-left:0;margin-right:0;font-size:13px}}@media (min-width:768px) and (max-width:1024px){.revenue-chart-container{height:28vh;min-height:200px;max-height:240px}.revenue-chart-text{font-size:11px}.revenue-chart-circle{r:4}.earnings-responsive-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.last-30-days-card{max-width:100%;padding:var(--card-padding-tablet)}.earnings-chart-container{height:30vh;min-height:200px;max-height:280px}.this-month-card{max-width:100%;max-height:none;padding:var(--card-padding-tablet)}.download-invoice-btn{max-width:100%;margin-left:0;margin-right:0}.earnings-title{font-size:1.125rem}.last-30-days-title{font-size:.9375rem}.this-month-title{font-size:1.5rem}.earning-amount{font-size:1.25rem}.earning-label{font-size:.8125rem}}@media (min-width:1025px){.revenue-chart-container{height:30vh;min-height:220px;max-height:250px}.revenue-chart-text{font-size:12px}.revenue-chart-circle{r:5}.earnings-responsive-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.last-30-days-card{padding:var(--card-padding-desktop)}.earnings-chart-container{height:35vh;min-height:220px;max-height:300px}.this-month-card{padding:var(--card-padding-desktop)}.earnings-title{letter-spacing:0%;text-transform:capitalize;color:var(--text-dark);margin:0 0 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:700;line-height:100%}.last-30-days-title{font-size:1rem}.this-month-title{font-size:1.75rem}.earning-amount{font-size:1.5rem}.earning-label{font-size:.875rem}}