.referral-page{padding:32px 16px 70px;background:linear-gradient(135deg,#f8f9ff,#f4f0ff);min-height:calc(100vh - 160px)}
.referral-container{width:min(100%,1120px);margin:0 auto;display:grid;gap:20px}.referral-heading{margin:0 0 2px}.referral-heading h1{margin:0 0 22px;color:#17142f;font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:800;white-space:nowrap}.referral-share-card,.referral-card{padding:24px;border:1px solid #e4e5f1;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(50,47,110,.07)}.referral-share-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.referral-label{display:block;color:#77748a;font-size:12px;font-weight:700}.referral-code{display:block;margin-top:6px;color:#5146e5;font-size:28px;letter-spacing:2px}.referral-copy{min-height:42px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#4658f2,#7746e8);color:#fff;font:inherit;font-weight:700;cursor:pointer}.referral-link-row{display:flex;grid-column:1/-1;gap:10px}.referral-link-row input{width:100%;min-width:0;min-height:42px;padding:0 12px;border:1px solid #dfe2ef;border-radius:10px;color:#56536d;background:#fafbff}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.referral-stats article{padding:18px;border:1px solid #e4e5f1;border-radius:14px;background:#fff}.referral-stats span{display:block;color:#77748a;font-size:12px}.referral-stats strong{display:block;margin-top:8px;color:#29234f;font-size:22px}.referral-card h2{margin:0 0 14px;color:#29234f;font-size:20px}.referral-card ol{margin:0;padding-left:22px;color:#5f5b76;line-height:1.9}.referral-card-heading{display:flex;justify-content:space-between;gap:16px}.referral-card-heading p{margin:0;color:#858199;font-size:13px}.referral-history-wrap{overflow-x:auto}.referral-history{width:100%;border-collapse:collapse;min-width:700px}.referral-history th,.referral-history td{padding:13px 10px;border-bottom:1px solid #eeeef5;text-align:left;font-size:13px;white-space:nowrap}.referral-history th{color:#77748a;font-size:11px;text-transform:uppercase}.positive{color:#15804d;font-weight:800}.negative{color:#b43b4f;font-weight:800}.referral-empty{text-align:center!important;color:#77748a}.referral-notifications p{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:10px 0;border-bottom:1px solid #eeeef5;color:#5f5b76}.referral-notifications p:last-child{border-bottom:0}.referral-notifications strong{color:#29234f}
@media(max-width:700px){.referral-page{padding:20px 12px 48px}.referral-heading h1{margin-bottom:16px}.referral-share-card{grid-template-columns:1fr}.referral-share-card>.referral-copy{width:100%}.referral-link-row{display:grid;grid-template-columns:1fr}.referral-copy{width:100%}.referral-stats{grid-template-columns:repeat(2,1fr)}.referral-share-card,.referral-card{padding:18px}.referral-code{font-size:24px}}
.admin-referral-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.admin-referral-filters input,.admin-referral-filters select{min-height:42px;min-width:0;padding:0 12px;border:1px solid #e0e2ef;border-radius:9px;background:#fff}.admin-referral-filters input[name=q]{flex:1 1 260px}.referral-admin-panel{margin-top:18px;overflow:hidden}.referral-admin-panel h2{padding:22px 22px 0;margin:0;font-size:18px}.referral-admin-panel .table-wrap{padding:0 22px 22px}.referral-admin-panel code{color:#5146e5}@media(max-width:650px){.admin-referral-filters>*{width:100%}.referral-admin-panel .table-wrap{padding:0 12px 12px}}