.referral-portal-hero{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0c1d39,#124a88)}.referral-portal-hero h3{margin:6px 0;font:800 25px Manrope}.referral-portal-hero p{max-width:680px;margin:0;color:#dce9fb}.referral-reward{min-width:170px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.1)}.referral-reward strong,.referral-reward small{display:block}.referral-reward strong{font:800 29px Manrope}.referral-share{margin-top:14px;padding:16px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;border:1px solid #d9e3f0;border-radius:16px;background:#fff}.referral-qr{width:184px;height:184px;padding:7px;display:grid;place-items:center;border:1px solid #d8e1ed;border-radius:13px;background:#fff}.referral-qr img,.referral-qr canvas{max-width:170px;max-height:170px}.referral-share>div:last-child{display:grid;gap:9px}.referral-share label{display:grid;gap:5px}.referral-share label span{font-size:10px;font-weight:800;text-transform:uppercase;color:#607089}.referral-share label strong{font:800 20px Manrope;letter-spacing:.06em}.referral-share input{width:100%;padding:10px;border:1px solid #cbd7e8;border-radius:9px;background:#f7faff}.referral-actions{display:flex;gap:8px;flex-wrap:wrap}.referral-stats{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.referral-stats article{padding:13px;border:1px solid #d9e3ef;border-radius:12px;background:#f7faff}.referral-stats span,.referral-stats strong{display:block}.referral-stats span{font-size:10px;color:#65738a}.referral-stats strong{margin-top:4px;font:800 21px Manrope}.referral-history{margin-top:18px}.referral-history h4{margin:0 0 9px}.referral-list{display:grid;gap:8px}.referral-list article{padding:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce5f1;border-radius:11px;background:#fff}.referral-list article>div{display:grid;gap:2px}.referral-list small{color:#65738a}.referral-list button{padding:8px 10px;border:1px solid #cbd7e8;border-radius:8px;background:#fff;color:#075fd4;font-weight:800}.referral-status{padding:5px 7px;border-radius:999px;background:#edf2f8;font-size:9px;font-weight:900}.referral-status.submitted{color:#8a5a00;background:#fff0cd}.referral-status.qualified{color:#075fd4;background:#e9f2ff}.referral-status.rewarded{color:#087255;background:#e1f7ef}.referral-status.cancelled,.referral-status.reversed{color:#a22d2d;background:#fde8e8}.referral-empty{padding:20px;text-align:center;border:1px dashed #bac8d9;border-radius:12px;color:#66738a}.referral-terms{margin-top:14px;padding:11px 13px;border:1px solid #d9e3ef;border-radius:11px}.referral-terms summary{font-weight:800;cursor:pointer}.referral-terms p{color:#58677e;line-height:1.55}.referral-landing #client-current-document,.referral-landing .workspace-grid,.referral-landing #back-to-portal{display:none!important}.referral-personal-welcome{grid-column:1/-1;padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:12px;color:#fff;background:#0c1d39}.referral-personal-welcome span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.referral-personal-welcome strong{font-size:17px}.referral-personal-welcome small{margin-left:auto;color:#cbdcf3}.referral-checkbox{display:flex!important;align-items:center;gap:8px}.referral-invalid{padding:55px;text-align:center;border:1px solid #dce5ef;border-radius:18px;background:#fff}.customer-referral-alert{margin:12px 0;padding:13px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #aad1ff;border-radius:13px;background:#eef6ff}.customer-referral-alert>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#146cf0;font-size:19px}.customer-referral-alert strong,.customer-referral-alert small{display:block}.customer-referral-alert small{margin-top:3px;color:#5f6e84}.matrix-referral-origin{padding:16px;border:1px solid #b9d8ff;border-radius:14px;background:#f0f7ff}.matrix-referral-origin h3{margin:5px 0}.matrix-referral-origin p{color:#5e6d84}.referral-stats.matrix article{background:#fff}.referral-admin-form{padding:18px;display:grid;gap:16px;border:1px solid #d9e3ef;border-radius:17px;background:#fff}.referral-admin-switch{padding:13px;display:flex;align-items:flex-start;gap:9px;border:1px solid #cfe0f6;border-radius:12px;background:#f3f8ff}.referral-admin-switch input{margin-top:3px}.referral-admin-switch strong,.referral-admin-switch small{display:block}.referral-admin-switch small{margin-top:3px;color:#66738a}.referral-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.referral-admin-grid>label,.referral-admin-terms{display:grid;gap:6px}.referral-admin-grid>label>span,.referral-admin-terms>span{font-size:11px;font-weight:800}.referral-admin-grid>label>div{display:flex;align-items:center;border:1px solid #cbd7e8;border-radius:10px;overflow:hidden}.referral-admin-grid input,.referral-admin-grid select,.referral-admin-terms textarea{width:100%;padding:11px;border:1px solid #cbd7e8;border-radius:10px;background:#fff}.referral-admin-grid>label>div input{border:0;border-radius:0}.referral-admin-grid>label>div b{padding:0 11px}.referral-admin-switch.compact{padding:10px}.referral-admin-terms textarea{min-height:100px;resize:vertical;font:inherit}
@media(max-width:760px){.referral-portal-hero{align-items:flex-start;flex-direction:column}.referral-reward{width:100%}.referral-share{grid-template-columns:1fr}.referral-qr{margin:auto}.referral-stats,.referral-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-list article{grid-template-columns:1fr}.referral-list button{width:100%}.customer-referral-alert{grid-template-columns:auto 1fr}.customer-referral-alert button{grid-column:1/-1}.referral-personal-welcome{align-items:flex-start;flex-direction:column}.referral-personal-welcome small{margin-left:0}}