:root{--ref-orange:#f36f21;--ref-ink:#151515;--ref-muted:#6d6a66;--ref-paper:#f5f2ec;--ref-border:#ddd7ce}.referral-app,.referral-dashboard-page{min-height:100vh;background:var(--ref-paper);color:var(--ref-ink);font-family:Arial,sans-serif}.referral-app-nav{height:64px;padding:0 clamp(20px,4vw,60px);background:#111;color:#fff;display:flex;align-items:center;gap:24px}.referral-app-nav a{color:#fff;text-decoration:none}.referral-app-nav strong{margin-right:auto}.referral-centre,.referral-dashboard{max-width:1440px;margin:auto;padding:40px clamp(18px,4vw,60px) 80px}.referral-hero,.referral-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.referral-hero{background:#171717;color:#fff;padding:36px;border-radius:22px}.referral-dashboard-card>p,.referral-hero p,.referral-panel header p,.referral-rule>p{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--ref-orange)}.referral-dashboard-card h1,.referral-hero h1{font-size:clamp(36px,5vw,66px);line-height:1;margin:8px 0 12px}.referral-hero>a,.referral-primary{background:var(--ref-orange);color:#111;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:800}.referral-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.referral-dashboard-card,.referral-kpis article,.referral-panel{background:#fff;border:1px solid var(--ref-border);border-radius:18px;padding:22px}.referral-code-card small,.referral-kpis small{font-size:11px;letter-spacing:.12em;color:var(--ref-muted);font-weight:800}.referral-kpis strong{display:block;font-size:32px;margin:7px 0}.referral-dashboard-card>span,.referral-kpis span,.referral-panel>p{color:var(--ref-muted)}.referral-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.referral-grid,.referral-panel{margin-bottom:18px}.referral-panel h2{margin:6px 0 10px}.referral-rule{background:var(--ref-orange);border-color:var(--ref-orange)}.referral-rule>p,.referral-rule>span{color:#2b180b}.referral-rule>strong{display:block;font-size:30px;margin:10px 0}.referral-filters,.referral-inline{display:flex;gap:12px;align-items:end}.referral-inline label{flex:1;font-size:12px;font-weight:700}.referral-filters input,.referral-filters select,.referral-inline input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--ref-border);border-radius:10px;padding:11px;background:#fff;margin-top:6px}.referral-code-card a,.referral-code-card button,.referral-inline button,.referral-panel button{border:0;background:#171717;color:#fff;border-radius:9px;padding:11px 14px;font-weight:700;text-decoration:none;cursor:pointer}.referral-panel button:disabled{opacity:.45}.referral-message{font-weight:700;color:#8b3b0f}.referral-table-wrap{overflow:auto;margin-top:16px}.referral-table-wrap table{width:100%;border-collapse:collapse;min-width:780px}.referral-table-wrap th{text-align:left;font-size:11px;letter-spacing:.1em;color:var(--ref-muted);padding:10px;border-bottom:1px solid var(--ref-border)}.referral-table-wrap td{padding:14px 10px;border-bottom:1px solid #eee;vertical-align:top}.referral-table-wrap td small{display:block;color:var(--ref-muted);margin-top:5px}.referral-status{display:inline-block;background:#eee;border-radius:999px;padding:5px 9px;font-size:12px}.referral-status.active,.referral-status.eligible,.referral-status.paid{background:#dff2e4;color:#175b2b}.referral-status.pending_approval,.referral-status.pending_verification{background:#fff1cf;color:#795000}.referral-links{display:flex;gap:7px}.referral-links a{color:#9b3e08}.referral-small{display:block!important;margin-top:6px!important;padding:6px 8px!important}.referral-empty{padding:24px;text-align:center}.referral-dashboard-card{max-width:760px;margin:70px auto;display:grid;gap:14px}.referral-code-card{background:#171717;color:#fff;padding:22px;border-radius:15px;margin-top:10px}.referral-code-card strong{display:block;font-size:40px;letter-spacing:.08em;margin:8px 0 16px}.referral-code-card>div{display:flex;gap:10px}.referral-primary{justify-self:start;margin-top:8px}@media(max-width:800px){.referral-kpis{grid-template-columns:1fr 1fr}.referral-grid{grid-template-columns:1fr}.referral-filters,.referral-hero,.referral-inline,.referral-panel header{flex-direction:column;align-items:stretch}.referral-hero>a{align-self:flex-start}.referral-dashboard-card{margin:24px}.referral-app-nav span{display:none}}@media(max-width:480px){.referral-kpis{grid-template-columns:1fr}.referral-code-card strong{font-size:29px}}.referral-record-panel{background:#fff;border:1px solid var(--ref-border);border-left:4px solid var(--ref-orange);border-radius:12px;padding:18px;margin:14px 0}.referral-record-panel header{display:flex;justify-content:space-between;gap:12px}.referral-record-panel header p{margin:0;color:#9b3e08;font-size:11px;font-weight:800;letter-spacing:.12em}.referral-record-panel h3{margin:5px 0}.referral-record-panel>p{color:var(--ref-muted)}.referral-record-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.referral-record-facts span{background:#f6f3ed;border-radius:9px;padding:10px}.referral-record-facts small{display:block;color:var(--ref-muted)}.referral-record-facts a{align-self:center;color:#9b3e08;font-weight:700}.referral-record-panel.compact{margin:0 24px 18px}@media(max-width:700px){.referral-record-facts{grid-template-columns:1fr}.referral-record-panel.compact{margin-inline:12px}}