.referral-panel{color:#18392e;background:linear-gradient(140deg,#effaf3,#fff);border:1px solid #cce5d7;border-radius:22px;margin:24px 0;padding:clamp(18px,3vw,32px)}.referral-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.referral-heading h2{flex:1;margin:0;font-size:clamp(22px,3vw,30px)}.referral-panel p{max-width:85ch;line-height:1.65}.referral-note{background:#fff;border-left:3px solid #32916b;border-radius:10px;padding:14px}.referral-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.referral-metrics div{background:#fff;border-radius:12px;flex-direction:column;padding:16px;display:flex}.referral-metrics strong{font-size:32px}.referral-metrics span{font-size:14px}.referral-link{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.referral-link label{flex:1;min-width:0}.referral-link input{box-sizing:border-box;background:#fff;border:1px solid #9cbead;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}.referral-history{padding:0;list-style:none}.referral-history li{border-bottom:1px solid #dce8e0;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.referral-scroll{overflow:auto}.referral-scroll td{word-break:break-all;padding:10px;font-size:12px}.referral-panel details{margin-top:20px}.referral-panel summary{cursor:pointer}@media (max-width:560px){.referral-metrics{grid-template-columns:1fr}.referral-metrics div{flex-direction:row;align-items:center;gap:16px}.referral-link{display:block}.referral-link button{width:100%;margin-top:12px}.referral-history li{flex-wrap:wrap}}.referral-filters{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.referral-filters label{flex:1;gap:8px;min-width:180px;display:grid}.referral-filters input,.referral-filters select{color:#18392e;background:#fff;border:1px solid #9cbead;border-radius:10px;padding:12px}.referral-scroll table{text-align:left;width:100%}.referral-scroll th{padding:10px}.referral-scroll td{word-break:normal;min-width:110px}.referral-share-card{background:#fff;border:2px solid #32916b;border-radius:18px;margin:24px 0;padding:clamp(18px,3vw,28px)}.referral-share-card h3{margin:0;font-size:23px}.referral-share-card .referral-link textarea{box-sizing:border-box;resize:none;color:#143d30;overflow-wrap:anywhere;background:#f4faf6;border:1px solid #9cbead;border-radius:10px;width:100%;padding:14px;font-size:16px;line-height:1.5}.referral-share-buttons{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.referral-share-buttons .btn{border:1px solid #bdd9c9;min-height:44px;text-decoration:none;color:#18392e!important;background:#f1f7f3!important}.referral-share-buttons .btn:hover{background:#dfeee4!important}.referral-rewards{background:#e0f4e7;border:1px solid #add1bb;border-radius:18px;margin:24px 0;padding:22px}.referral-rewards h3{align-items:center;gap:10px;margin:0;font-size:23px;display:flex}.referral-share-card .btn-primary{color:#fff!important;background:#195b43!important}@media (max-width:560px){.referral-share-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.referral-share-buttons .btn{justify-content:center;padding:10px;font-size:14px}.referral-rewards{padding:16px}}