.refm{--refm-ink:#172b38;--refm-muted:#627380;--refm-accent:#0066ff;--refm-border:#dfe7e8;color:var(--refm-ink);font-size:14px;line-height:1.6}
.refm .refm-referral-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.refm .refm-see-more{margin-top:18px}.refm .refm-template-body{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--refm-border);border-radius:6px;background:var(--refm-surface,#fff);color:var(--refm-ink)}.refm .refm-code{font-family:Consolas,monospace}.refm .refm-field{margin-bottom:14px}
.refm-admin{max-width:1400px;margin:24px 24px 0 4px}
.refm .refm-heading{margin-bottom:24px}.refm .refm-heading h1,.refm .refm-heading h2{font-weight:700;font-size:30px;letter-spacing:-.7px;line-height:1.3;margin:5px 0 8px;padding:0;color:var(--refm-ink)}
.refm .refm-heading p{color:var(--refm-muted);margin:0}.refm-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--refm-accent)}.refm-version{font-size:11px;letter-spacing:0;font-weight:500;color:var(--refm-muted);vertical-align:middle;background:#e8eeee;padding:4px 8px;border-radius:5px}
.refm .refm-tabs{display:flex;gap:8px;border-bottom:1px solid var(--refm-border);margin-bottom:26px;overflow-x:auto}.refm .refm-tabs a{text-decoration:none;color:var(--refm-muted);font-weight:600;padding:13px 18px;border-bottom:3px solid transparent;white-space:nowrap}.refm .refm-tabs a.is-active{color:var(--refm-accent);border-color:var(--refm-accent)}
.refm .refm-card{background:#fff;border:1px solid var(--refm-border);border-radius:12px;padding:24px;margin-bottom:22px;box-shadow:0 2px 3px #172b3803}.refm .refm-card h2,.refm .refm-card h3{color:var(--refm-ink);font-size:18px;font-weight:650;margin:0 0 14px;line-height:1.4}.refm .refm-card p{margin:0 0 14px}.refm .refm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.refm .refm-metric{padding:22px;background:#fff;border:1px solid var(--refm-border);border-radius:12px}.refm .refm-metric:first-child{background:#eef5ff;border-color:#cbdfff}.refm .refm-metric>span{display:block;color:var(--refm-muted);font-size:12px;font-weight:500;margin-bottom:10px}.refm .refm-metric>strong{font-size:26px;font-weight:700;line-height:1.3;display:block;word-break:break-word}.refm .refm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.refm .refm-muted{font-size:12px;color:var(--refm-muted);line-height:1.6}.refm .refm-definition{margin:0 0 20px}.refm .refm-definition>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #eef2f3}.refm .refm-definition dt{color:var(--refm-muted)}.refm .refm-definition dd{margin:0;font-weight:600;text-align:right}.refm .refm-steps{padding-left:20px;margin:0 0 20px}.refm .refm-steps li{padding:7px 0 7px 5px}
.refm .refm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;margin-top:20px}.refm .refm-field>label,.refm .refm-withdraw>label,.refm .refm-method-row label{display:block;font-weight:600;margin-bottom:6px}.refm .refm-field input,.refm .refm-field select,.refm .refm-withdraw select,.refm .refm-withdraw textarea,.refm .refm-copy input,.refm .refm-method-row input[type=text],.refm .refm-method-row textarea{width:100%;max-width:none;padding:9px 12px;border:1px solid #cdd9dc;border-radius:6px;background:#fff;color:var(--refm-ink);font-size:14px;min-height:42px;box-sizing:border-box}.refm .refm-field p{margin:6px 0 0}.refm .refm-toggle{display:flex;gap:7px;align-items:center;font-weight:500}.refm .refm-toggle input{margin:0}.refm .refm-method-row{background:#f7f9f9;border:1px solid var(--refm-border);border-radius:8px;padding:18px;margin-bottom:14px}.refm .refm-method-top{display:flex;gap:18px;align-items:center;margin-bottom:10px}.refm .refm-method-top>label:first-child{flex:1}.refm .refm-method-top>label.refm-toggle{display:flex;margin:0;white-space:nowrap}.refm .refm-method-row label input[type=text],.refm .refm-method-row label textarea{margin-top:5px}.refm .refm-copy{display:flex;gap:8px}.refm .refm-copy input{min-width:0}.refm .refm-withdraw textarea{margin-bottom:10px}.refm .refm-withdraw select{margin-bottom:8px}.refm .refm-primary{background:var(--refm-accent)!important;color:#fff!important;border:0;border-radius:6px;padding:0px 16px;font-weight:600}.refm button{cursor:pointer}.refm button:disabled{opacity:.5;cursor:not-allowed}.refm :focus-visible{outline:2px solid var(--refm-accent);outline-offset:3px}.refm [hidden]{display:none!important}
.refm .refm-table-scroll{overflow-x:auto}.refm table{width:100%;border-collapse:collapse;text-align:left;border:0;margin:0;font-size:13px}.refm table th{background:#f6f9f9;padding:12px 14px;color:var(--refm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:0;white-space:nowrap}.refm table td{padding:16px 14px;border:0;border-bottom:1px solid #edf1f2;vertical-align:top}.refm table tr:last-child td{border-bottom:0}.refm .refm-badge{display:inline-block;font-size:11px;font-weight:600;line-height:1.5;padding:4px 9px;border-radius:20px;white-space:nowrap;background:#eef2f4;color:#526673}.refm .refm-pending{background:#fff4d9;color:#856013}.refm .refm-available,.refm .refm-completed,.refm .refm-paid{background:#e5f4ec;color:#21694b}.refm .refm-reserved,.refm .refm-approved{background:#eaf0fc;color:#3a5e9d}.refm .refm-rejected{background:#fcecec;color:#a74545}.refm .refm-empty{text-align:center;padding:36px 12px;color:var(--refm-muted)}.refm .refm-note{display:block;font-size:12px;color:var(--refm-muted);margin-top:5px;max-width:280px;overflow-wrap:anywhere}.refm .refm-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;color:var(--refm-muted);font-size:12px}.refm .refm-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.refm .refm-section-heading h2{margin:0}.refm .refm-payment{margin:6px 0 12px;max-width:320px}.refm .refm-payment summary{cursor:pointer;color:var(--refm-accent)}.refm .refm-payment p{margin:8px 0;white-space:normal;overflow-wrap:anywhere}.refm .refm-payout-form textarea{width:100%;min-width:190px;border:1px solid var(--refm-border);border-radius:5px}.refm .refm-actions{display:flex;gap:8px;margin-top:7px}.refm .refm-notice{background:#fff4d9;border-radius:6px;padding:14px}.refm .refm-footer{font-size:11px;color:var(--refm-muted);padding:18px 0}
@media(max-width:1100px){.refm .refm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.refm .refm-grid{grid-template-columns:1fr}}
@media(max-width:600px){.refm-admin{margin:14px 10px 0 0}.refm .refm-card{padding:18px}.refm .refm-metric{padding:16px}.refm .refm-metric>strong{font-size:22px}.refm .refm-form-grid{grid-template-columns:1fr}.refm .refm-method-top{flex-wrap:wrap}.refm .refm-method-top>label:first-child{flex-basis:100%}.refm .refm-section-heading{align-items:start;flex-direction:column}.refm .refm-tabs a{padding:10px 12px}.refm .refm-heading h1,.refm .refm-heading h2{font-size:25px}}
.refm .refm-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.refm .refm-channel{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--refm-border);border-radius:8px;background:var(--refm-surface,#fff);font-weight:600}.refm .refm-channel svg{color:var(--refm-accent)}.refm .refm-channel input{margin:0}.refm .refm-settings>.refm-card>h2{padding-bottom:12px;border-bottom:1px solid var(--refm-border)}
.refm .refm-commission-statuses{grid-column:1/-1;min-width:0;margin:0 0 14px;padding:0;border:0}
.refm .refm-commission-statuses legend{padding:0;font-weight:600;margin-bottom:10px}
.refm .refm-status-options{display:flex;flex-wrap:wrap;gap:12px 24px}
.refm .refm-commission-statuses p{margin:10px 0 0}


/* HUDA e-STORE Enterprise visual layer — presentation only; core workflows remain intact. */
.refm.refm-admin{--refm-accent:#6847ff;--refm-ink:#18203b;--refm-muted:#697493;--refm-border:#dfe3f5;--refm-surface:#fff;max-width:none;margin:18px 20px 0 0;color:var(--refm-ink)}
.refm-admin .refm-admin-header{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(116,89,255,.55),transparent 28%),linear-gradient(125deg,#10152f 0%,#28245f 55%,#5134bd 100%);color:#fff;box-shadow:0 18px 42px rgba(37,29,105,.24);padding:26px 30px}
.refm-admin .refm-admin-header:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:8%;top:-190px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025);pointer-events:none}
.refm-admin .refm-brand h1{color:#fff;font-size:27px;font-weight:850;letter-spacing:-.7px}.refm-admin .refm-brand .refm-eyebrow{color:#c8c0ff;letter-spacing:2px;font-weight:800}.refm-admin .refm-brand-icon{border-radius:16px;background:linear-gradient(145deg,#8e78ff,#4826c5);box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 8px 18px rgba(0,0,0,.28);padding:7px}.refm-admin .refm-brand-icon img{border-radius:10px}
.refm-admin .refm-admin-layout{grid-template-columns:238px minmax(0,1fr);gap:20px;margin-top:20px}.refm-admin .refm-sidebar{border:1px solid #e0e4f6;border-radius:22px;background:linear-gradient(160deg,#fff,#f3f4ff);box-shadow:0 12px 32px rgba(35,45,100,.09);padding:18px 14px}.refm-admin .refm-tabs{gap:7px}.refm-admin .refm-tabs a{border:1px solid transparent;border-radius:13px;padding:12px 13px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.refm-admin .refm-tabs a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 18px rgba(62,55,150,.10)}.refm-admin .refm-tabs a.is-active{background:linear-gradient(135deg,#7054ff,#4827bd);color:#fff;border-color:#806cff;box-shadow:0 9px 20px rgba(86,59,220,.28)}.refm-admin .refm-tabs a.is-active svg{color:#fff}.refm-admin .refm-sidebar-note{border-radius:16px;background:linear-gradient(145deg,#211b56,#4832a5);color:#fff;padding:17px;box-shadow:inset 0 1px rgba(255,255,255,.2),0 10px 22px rgba(48,34,130,.2)}.refm-admin .refm-sidebar-note p{color:#d8d3ff}
.refm-admin .refm-main{min-width:0;border:1px solid #e4e7f6;border-radius:22px;background:linear-gradient(180deg,#fff,#fafaff);padding:28px;box-shadow:0 12px 34px rgba(32,42,92,.07)}.refm-admin .refm-heading h2{font-size:28px;font-weight:850;letter-spacing:-.6px;color:#171d3a}.refm-admin .refm-card,.refm-admin .refm-metric{border:1px solid #e0e4f4;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:0 9px 22px rgba(35,43,94,.07);transition:transform .2s,box-shadow .2s}.refm-admin .refm-card:hover,.refm-admin .refm-metric:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(48,43,130,.12)}.refm-admin .refm-metric{position:relative;overflow:hidden}.refm-admin .refm-metric:after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-42px;border-radius:50%;background:rgba(107,82,255,.07)}.refm-admin .refm-metric .refm-icon-tile,.refm .refm-icon-tile{border-radius:13px;box-shadow:inset 0 2px 2px rgba(255,255,255,.75),0 5px 10px rgba(25,32,75,.18);transform:translateY(-1px)}.refm-admin .button.refm-primary,.refm-admin .button-primary,.refm-admin button.refm-primary{border:1px solid #745aff!important;border-radius:12px!important;background:linear-gradient(135deg,#8065ff,#4a2bc4)!important;color:#fff!important;font-weight:800!important;box-shadow:0 7px 16px rgba(89,62,211,.25)!important;text-shadow:none!important}.refm-admin input:not([type=checkbox]):not([type=radio]),.refm-admin select,.refm-admin textarea{border-radius:11px;border-color:#dce1f2;box-shadow:inset 0 1px 2px rgba(25,35,80,.035)}.refm-admin .refm-table-scroll{border:1px solid #e4e7f4;border-radius:14px;overflow:auto}.refm-admin table{border-collapse:separate;border-spacing:0}.refm-admin thead th{background:#f0efff;color:#343064;font-weight:800}.refm-admin tbody tr:hover td{background:#f8f7ff}.refm-admin .refm-footer{color:#7c83a0;text-align:center;padding:24px}
.refm.refm-account{max-width:1440px;margin:24px auto;padding:0 22px;color:#18203b}.refm-account .refm-account-hero{position:relative;overflow:hidden;border:0;border-radius:24px;background:radial-gradient(circle at 90% 5%,rgba(130,105,255,.55),transparent 27%),linear-gradient(125deg,#10152f,#28245f 58%,#5336c1);color:#fff;padding:32px;box-shadow:0 18px 38px rgba(43,35,119,.22)}.refm-account .refm-account-hero h2,.refm-account .refm-account-hero p{color:#fff}.refm-account .refm-account-hero .refm-eyebrow{color:#c9c2ff;font-weight:850;letter-spacing:2px}.refm-account .refm-card,.refm-account .refm-metric{border:1px solid #e0e4f4;border-radius:19px;background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:0 10px 25px rgba(35,43,94,.075);transition:transform .2s,box-shadow .2s}.refm-account .refm-card:hover,.refm-account .refm-metric:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(48,43,130,.12)}.refm-account .refm-icon-tile{border-radius:14px;box-shadow:inset 0 2px 2px rgba(255,255,255,.8),0 6px 13px rgba(25,32,75,.2)}.refm-account .button.refm-primary,.refm-account button.refm-primary{border:1px solid #745aff!important;border-radius:12px!important;background:linear-gradient(135deg,#8065ff,#4a2bc4)!important;color:#fff!important;font-weight:800!important;box-shadow:0 7px 16px rgba(89,62,211,.24)!important}.refm-account input:not([type=checkbox]),.refm-account select,.refm-account textarea{border-radius:11px;border-color:#dce1f2}.refm-account .refm-copy input{min-width:0}.refm-account .refm-history{overflow:hidden}.refm-account table{border-collapse:separate;border-spacing:0}.refm-account thead th{background:#f0efff;color:#343064;font-weight:800}.refm-account tbody tr:hover td{background:#f8f7ff}
@media(max-width:960px){.refm-admin{margin-right:12px}.refm-admin .refm-admin-layout{grid-template-columns:minmax(0,1fr)}.refm-admin .refm-main{padding:20px}.refm.refm-account{padding:0 14px}}
@media(max-width:600px){.refm-admin{margin:10px 10px 0 0}.refm-admin .refm-admin-header{padding:18px;border-radius:17px}.refm-admin .refm-brand h1{font-size:20px}.refm-admin .refm-main{padding:14px;border-radius:16px}.refm-admin .refm-heading h2{font-size:23px}.refm-admin .refm-sidebar{border-radius:16px}.refm.refm-account{margin:14px auto;padding:0 10px}.refm-account .refm-account-hero{padding:22px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.refm-admin .refm-card,.refm-admin .refm-metric,.refm-admin .refm-tabs a,.refm-account .refm-card,.refm-account .refm-metric{transition:none;transform:none}}