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