.sar-dashboard{
 --sar-primary:#0B5FA5;--sar-primary-dark:#08487d;--sar-border:#d7e1ea;--sar-muted:#687787;
 --sar-bg:#f7f9fb;--sar-text:#142231;--sar-shadow:0 7px 22px rgba(17,38,58,.06);
 color:var(--sar-text);font-family:inherit
}
.sar-dashboard *{box-sizing:border-box}
.sar-card-outline{border:1.5px solid var(--sar-primary)!important;box-shadow:var(--sar-shadow)}
.sar-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:14px;background:#fff;margin-bottom:18px}
.sar-hero h2{margin:4px 0 6px;font-size:30px;line-height:1.2}.sar-hero p{margin:0;color:var(--sar-muted)}
.sar-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--sar-primary);font-weight:800;font-size:12px}
.sar-rate-badge{min-width:150px;padding:13px 16px;background:#fff;border:1px solid var(--sar-primary);border-radius:10px}
.sar-rate-badge span{display:block;color:var(--sar-muted);font-size:12px}.sar-rate-badge strong{display:block;font-size:27px;color:var(--sar-primary)}
.sar-referral-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px;margin-bottom:18px}
.sar-referral-box,.sar-qr-card{padding:20px;border-radius:14px;background:#fff}
.sar-referral-box{display:flex;flex-direction:column;justify-content:center;gap:14px}
.sar-copy-row{display:flex;gap:10px}.sar-copy-row input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--sar-border);border-radius:8px;background:#fff}
.sar-button{border:1px solid var(--sar-primary);background:var(--sar-primary);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer}
.sar-button:hover{background:var(--sar-primary-dark);color:#fff}.sar-button-secondary{background:#fff;color:var(--sar-primary)}.sar-button-secondary:hover{color:#fff}
.sar-muted{color:var(--sar-muted);font-size:13px;margin-top:4px}.sar-public-id{font-size:12px;color:var(--sar-muted);word-break:break-all}
.sar-qr-card{text-align:center}.sar-qr-card>div:first-child{text-align:left}.sar-qrcode{display:flex;justify-content:center;align-items:center;min-height:180px;margin:14px auto}.sar-qrcode img,.sar-qrcode canvas{max-width:180px;height:auto!important}
.sar-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.sar-stat{padding:18px;border-radius:12px;background:#fff}.sar-stat span{display:block;font-size:13px;color:var(--sar-muted);margin-bottom:8px}.sar-stat strong{display:block;font-size:22px;line-height:1.2}
.sar-panel{border-radius:14px;background:#fff;margin:0 0 18px;overflow:hidden}.sar-panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--sar-border)}.sar-panel-head h3{margin:0}.sar-panel-head span{color:var(--sar-muted);font-size:13px}
.sar-table-wrap{overflow-x:auto}.sar-table{width:100%;border-collapse:collapse}.sar-table th,.sar-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #edf1f5;vertical-align:middle}.sar-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#516273;background:#f8fafc}.sar-table tr:last-child td{border-bottom:0}
.sar-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#edf2f7}.sar-status--approved{background:#e6f6ee;color:#17613e}.sar-status--paid{background:#e8f1fb;color:#0b5fa5}.sar-status--rejected{background:#fdecec;color:#8a2020}.sar-status--pending{background:#fff5d6;color:#755700}
.sar-url-cell{max-width:420px;word-break:break-word}.sar-notice{padding:16px;border:1.5px solid #0B5FA5;background:#fff;border-radius:8px}.sar-notice--error{border-color:#a02b2b}
@media(max-width:900px){.sar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sar-referral-layout{grid-template-columns:1fr}.sar-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sar-stats{grid-template-columns:1fr}.sar-copy-row{flex-direction:column}.sar-hero{padding:20px}}

.sar-aff-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:6px;border:1.5px solid var(--sar-primary);border-radius:12px;background:#fff}
.sar-aff-nav a{display:inline-flex;padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--sar-text);font-weight:700}
.sar-aff-nav a.is-active{background:var(--sar-primary);color:#fff}
.sar-filterbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:16px;margin-bottom:18px;border:1.5px solid var(--sar-primary);border-radius:12px;background:#fff}
.sar-filterbar label{font-size:12px;font-weight:700;color:var(--sar-muted)}.sar-filterbar input,.sar-filterbar select{display:block;margin-top:5px;padding:9px 10px;border:1px solid var(--sar-border);border-radius:7px;background:#fff}
.sar-chart-card{padding:18px;border-radius:14px;background:#fff;margin-bottom:18px}.sar-chart-card h3{margin:0 0 14px}.sar-chart{width:100%;height:260px;display:block}
.sar-pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:15px 18px;border-top:1px solid var(--sar-border)}.sar-pagination a,.sar-pagination span{padding:7px 10px;border:1px solid var(--sar-border);border-radius:6px;text-decoration:none}.sar-pagination .current{background:var(--sar-primary);color:#fff;border-color:var(--sar-primary)}

.sar-mobile-cards{display:none}
@media(max-width:700px){
 .sar-dashboard{font-size:14px}
 .sar-hero{padding:18px}
 .sar-hero h2{font-size:24px}
 .sar-aff-nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:5px}
 .sar-aff-nav a{flex:0 0 auto;padding:9px 12px}
 .sar-filterbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .sar-filterbar label{width:100%}
 .sar-filterbar input,.sar-filterbar select{width:100%}
 .sar-filterbar .sar-button{grid-column:1/-1;width:100%}
 .sar-referral-layout{grid-template-columns:1fr}
 .sar-referral-box,.sar-qr-card,.sar-chart-card{padding:16px}
 .sar-copy-row{flex-direction:column}
 .sar-copy-row .sar-button{width:100%}
 .sar-table th,.sar-table td{white-space:nowrap;padding:10px 12px}
 .sar-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .sar-chart{height:220px}
}
@media(max-width:430px){
 .sar-filterbar{grid-template-columns:1fr}
 .sar-filterbar .sar-button{grid-column:auto}
 .sar-stats{grid-template-columns:1fr}
 .sar-rate-badge{min-width:0;width:100%}
}

.sar-status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.sar-status-box{background:#fff;border:1.5px solid var(--sar-primary);border-radius:12px;padding:16px}
.sar-status-box h4{margin:0 0 12px;font-size:15px}
.sar-status-metrics{display:grid;grid-template-columns:1fr;gap:8px}
.sar-status-metric{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;padding-top:8px}
.sar-status-metric:first-child{border-top:0;padding-top:0}
.sar-status-metric span{color:var(--sar-muted);font-size:12px}
.sar-status-metric strong{font-size:14px}
.sar-status-box--pending{border-color:#c79a00}
.sar-status-box--approved{border-color:#238257}
.sar-status-box--paid{border-color:#0B5FA5}
.sar-status-box--rejected{border-color:#a63b3b}
@media(max-width:900px){.sar-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sar-status-summary{grid-template-columns:1fr}}

.sar-dashboard input[type="text"],
.sar-dashboard input[type="search"],
.sar-dashboard input[type="number"],
.sar-dashboard input[type="email"],
.sar-dashboard input[type="date"],
.sar-dashboard select,
.sar-dashboard textarea{
  min-height:40px;border:1px solid var(--sar-border);border-radius:8px;background:#fff;color:var(--sar-text);box-shadow:none;padding:8px 11px;font:inherit
}
.sar-dashboard input:focus,.sar-dashboard select:focus,.sar-dashboard textarea:focus{
  border-color:var(--sar-primary);outline:none;box-shadow:0 0 0 1px var(--sar-primary)
}

.sar-dashboard input[type="text"],
.sar-dashboard input[type="search"],
.sar-dashboard input[type="number"],
.sar-dashboard input[type="email"],
.sar-dashboard input[type="date"],
.sar-dashboard input[type="url"],
.sar-dashboard select,
.sar-dashboard textarea{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:#fff!important;
  border:1px solid var(--sar-border)!important;
  border-radius:9px!important;
  min-height:42px!important;
  padding:8px 11px!important;
  color:var(--sar-text)!important;
  font:inherit!important;
  box-shadow:none!important;
}

/* Elementor / frontend visibility helpers */
.sar-affiliate-only,
.sar-logged-in-only,
.sar-admin-only,
.sar-affiliate-pending-only,
.sar-affiliate-suspended-only{
  display:none!important;
}

body.sar-affiliate-active .sar-affiliate-only{
  display:revert!important;
}

body.sar-logged-in .sar-logged-in-only{
  display:revert!important;
}

body.sar-logged-out .sar-logged-out-only{
  display:revert!important;
}

body.sar-non-affiliate .sar-non-affiliate-only{
  display:revert!important;
}

body.sar-admin-user .sar-admin-only{
  display:revert!important;
}

body.sar-affiliate-pending .sar-affiliate-pending-only{
  display:revert!important;
}

body.sar-affiliate-suspended .sar-affiliate-suspended-only{
  display:revert!important;
}

/* Hide inverse helpers when state does not match */
body.sar-logged-in .sar-logged-out-only,
body.sar-affiliate-active .sar-non-affiliate-only{
  display:none!important;
}