.ref-entry{display:flex;justify-content:flex-end;margin-bottom:12px}.ref-actions{display:flex;gap:8px;flex-wrap:wrap}.ref-filters{display:flex;gap:12px;flex-wrap:wrap;padding:16px;margin:16px 0}.ref-filters label{display:grid;gap:5px;min-width:145px;flex:1}.ref-filters input,.ref-filters select,.ref-form-grid input,.ref-form-grid select{width:100%;min-width:0;border:1px solid #d9e2eb;border-radius:8px;background:#fff;padding:10px;color:#172b43;font:inherit}.ref-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.ref-metric{padding:16px;display:grid;gap:7px}.ref-metric strong{font-size:22px}.ref-metric small,.ref-table small{color:#64748b}.ref-table{overflow-x:auto;padding:10px;margin:14px 0}.ref-table table{width:100%;border-collapse:collapse;min-width:900px}.ref-table th,.ref-table td{padding:12px;text-align:right;vertical-align:top;border-bottom:1px solid #e5eaf0}.ref-table th{background:#f3f6fa;white-space:nowrap}.ref-table small{display:block;margin:5px 0;max-width:230px}.ref-table .btn{display:block;margin-top:6px;font-size:12px;white-space:normal}.ref-form-card,.ref-policy{padding:22px;margin:16px 0}.ref-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ref-form-grid label{display:grid;gap:6px;min-width:0}.ref-policy p,.ref-form-card p{line-height:1.8;overflow-wrap:anywhere}.ref-warning,#refFormError{color:#b45309!important}.ref-form-grid input[type=url],.ref-form-grid input[name=code],.ref-form-grid input[name=campaign_tag],.ref-form-grid input[name=content_tag]{direction:ltr}.ref-form-card h3{margin-bottom:18px}#refFormError{margin:12px 0}#referralsRoot{min-width:0;max-width:100%}
@media(max-width:1100px){.ref-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-form-grid{grid-template-columns:1fr}.ref-form-card,.ref-policy{padding:16px}.ref-filters label{min-width:125px}.ref-metric{padding:12px}.ref-metric strong{font-size:19px}.ref-actions .btn{flex:1}.ref-table{max-width:100%}}