.referral-link-item{background-color:#d7f5f9;border:1px solid #00cddf;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;max-width:700px;margin:0 auto;padding:12px 16px;display:flex;box-shadow:inset 1px 0 10px 1px #1581d74d}.referral-link-item button{cursor:pointer;background:0 0;border:none}.referral-text{text-align:left;min-width:0;color:var(--black-color);flex:auto;overflow:hidden}.referral-text button{color:var(--black-color);font-weight:700;font-family:var(--body-font);text-align:left}.referral-link-text{text-align:left;width:100%;color:var(--black-color);font-weight:700;font-family:var(--body-font);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.7vw,16px);line-height:1.3;display:block;overflow:hidden}.light-text{color:#8d8d8d;font-size:13px;line-height:20px}.referral-link-item .copy-text{margin-top:0;font-size:14px}.referral-history-item{text-align:left;margin:0;padding-top:20px;padding-bottom:30px}.balance-section-container{background:#fff;padding:20px 0}.balance-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.balance-display{color:#4caf50;font-size:1.7em;font-weight:600;font-family:var(--secondary-font);background-color:#e8f5e9;border-radius:20px;flex-grow:2;margin:20px 0;padding:20px;display:inline-block}.balance-display strong{position:relative;bottom:4px}.balance-highlight{background-color:#e6ffe6;border-radius:5px;margin-left:10px;padding:10px 20px;font-size:1.3em;font-weight:600;display:inline}.withdraw-display.align-items-center{margin:0 auto}.withdraw-button{flex-grow:1;min-width:160px;padding:10px 20px;box-shadow:0 4px 8px #0003}.referral-history-item h2{color:#d4d3d3;text-align:left;font-size:40px;font-weight:700;position:relative}.referral-history-item .underline{border-bottom:1px solid #b9b9b9;margin-top:20px}.referral-history-item .referral-title{color:var(--black-color);font-size:24px;font-family:var(--third-font);font-weight:700}.referral-get-started-btn{width:100%;padding-top:100px}.card-btn-item{border:1px solid #bebebe;border-radius:5px}input.referral-input{width:100%;font-family:var(--secondary-font);border:none;border-radius:5px;padding:10px 30px 15px}button.referral-btn{background:var(--main-color);color:var(--white-color);cursor:pointer;font-size:18px;font-weight:600;font-family:var(--secondary-font);white-space:nowrap;border:none;border-radius:5px;outline:none;padding:10px 30px 15px}.referral-copy-btn{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.referral-copy-btn button{color:var(--blue-color1);justify-content:center;align-items:center;gap:.375rem;padding:0 2px;display:flex}.referral-copy{color:var(--blue-color1);white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1;position:static}.referral-history-items{height:auto;overflow-y:auto}.referral-text-item{font-family:var(--secondary-font);color:var(--black-color);font-size:18px}.pagination-controls{justify-content:center;align-items:center;margin-top:15px;padding:10px 0;display:flex}.pagination-controls button{cursor:pointer;background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;margin:0 5px;padding:5px 10px}.pagination-controls button:hover{background-color:#f8f9fa;border-color:#dee2e6}.pagination-controls button:disabled{color:#999}.pagination-controls select{border:1px solid #ddd;margin-left:15px;padding:5px 10px}.earnings-table{width:100%}.earnings-table th,.earnings-table td{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2vw,16px);overflow:hidden;font-family:var(--body-font)!important}@media screen and (max-width:1100px){.balance-section{gap:10px;padding-bottom:20px}}@media screen and (max-width:768px){.referral-link-item{margin-top:0;padding:12px 14px}.card-btn-item{border:none;flex-direction:column}.card-btn-item input.referral-input{border:1px solid #a3a3a3}.referral-copy{font-size:.75rem}}@media screen and (max-width:576px){.balance-highlight{display:flex}.balance-section{gap:10px}.balance-section-container{margin:10px 0;padding:10px}.balance-display{margin:10px 0;padding:10px;font-size:1.6em}.referral-link-item{gap:8px;padding:12px 10px}.referral-copy{font-size:.75rem}button.referral-btn{width:100%}}