.ref-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ref-metrics>div,.ref-balance,.ref-history{padding:16px;border:1px solid #79639555;border-radius:14px;background:#ad83ff09}.ref-metrics strong{display:block;font-size:24px;color:#c3a1ff}.ref-metrics span{font-size:12px}.ref-link{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;align-items:end}.ref-link label{flex:1;min-width:160px}.ref-link input{width:100%;box-sizing:border-box;margin-top:8px}.ref-link .cta{margin:0}.ref-customer>p,.ref-apply p{line-height:1.65}.ref-apply{margin:24px 0}.ref-apply summary{cursor:pointer;color:#c3a1ff}.ref-apply textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0}.ref-history{display:grid;gap:6px;margin:10px 0}.ref-history small{opacity:.75;overflow-wrap:anywhere}.ref-history p{margin:4px 0;font-size:13px}.ref-balance{display:grid;gap:6px;margin:10px 0}.ref-balance h4{margin:0}.ref-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.ref-toolbar input{min-width:180px;flex:1}.ref-toolbar select{width:auto}.ref-admin-help{max-width:850px;line-height:1.6}.ref-admin-dialog{width:min(620px,calc(100vw - 30px));box-sizing:border-box;max-height:90vh;overflow:auto}.ref-admin-dialog form{display:grid;gap:14px}.ref-admin-dialog label{display:grid;gap:6px}.ref-admin-dialog textarea{min-height:90px;resize:vertical}.ref-admin-dialog .ref-check{display:flex;align-items:center}.ref-admin-dialog .ref-check input{width:auto}.ref-actions{display:flex;gap:6px;flex-wrap:wrap}.ref-admin-table td{max-width:300px;vertical-align:top;overflow-wrap:anywhere;white-space:normal}.ref-admin-table small{display:block;margin-top:5px}.ref-admin-table .ref-metrics{display:block;margin:0}.ref-admin-table p{margin:6px 0}.ref-account-card{margin-top:24px}.ref-account-card p{line-height:1.6}@media(max-width:500px){.ref-metrics{gap:6px}.ref-metrics>div{padding:10px}.ref-metrics strong{font-size:20px}.ref-link .cta{width:100%}}
.ref-admin-list{display:grid;gap:16px}.ref-history-head{display:flex;gap:24px;flex-wrap:wrap}.ref-history-head small{display:block;overflow-wrap:anywhere}.ref-facts{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,2fr);gap:8px 16px}.ref-facts dt{color:var(--muted,#a9afc3)}.ref-facts dd{margin:0;overflow-wrap:anywhere}.ref-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ref-admin-dialog{max-height:90vh;overflow:auto}.ref-admin-dialog input[type=checkbox]{width:auto;margin-right:10px}.ref-card p{overflow-wrap:anywhere}.ref-toolbar input{flex:1;min-width:170px}.ref-admin-list small{display:block}.ref-admin-dialog::backdrop{background:#000a}@media(max-width:500px){.ref-facts{grid-template-columns:1fr}.ref-facts dd{margin-bottom:8px}}
.admin-body .ref-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-body .ref-metrics strong{color:#171717}.admin-body .ref-metrics>div{background:#fff;border-color:#d1cec8}.admin-body .ref-card{padding:22px;background:#fff;border:1px solid #d1cec8;border-radius:16px}.admin-body .ref-card h3{margin:12px 0}.admin-body .ref-facts dt{color:#56534d}.admin-body .ref-balance{background:#f6f4f0;border-color:#d1cec8}.ref-pagination{display:flex;align-items:center;gap:16px;margin-top:20px}@media(max-width:700px){.admin-body .ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body .ref-card{padding:16px}}
.promo-form{margin:0 0 22px}.promo-entry{display:flex;gap:10px;align-items:stretch}.promo-entry input{min-width:0;flex:1;text-transform:uppercase;letter-spacing:.08em}#modal .promo-entry .cta{margin:0;padding:12px 16px;flex-shrink:0}.promo-original{font-size:.85em;font-weight:400;color:#a4a5b5;white-space:nowrap}.promo-success{color:#a4ecd1;line-height:1.5;overflow-wrap:anywhere}.ref-promo{padding:18px;border:1px solid #9c74ec80;background:#ad83ff0d;border-radius:16px;margin:20px 0}.ref-promo h3{margin-top:0}.ref-promo .ref-link{margin-bottom:0}.ref-promo input{font:700 24px monospace;letter-spacing:.12em;flex:1;min-width:0}.ref-promo .cta{white-space:normal}@media(max-width:380px){.promo-entry{flex-wrap:wrap}#modal .promo-entry .cta{width:100%}}
