@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/cairo-arabic-wght-normal.0c1icmv_m9k75.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/cairo-latin-ext-wght-normal.291hn-7exe06-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/cairo-latin-wght-normal.04l4ix94m3tbv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--brand:#f26b2a;--brand-hover:#d95516;--brand-rgb:242 107 42;--brand-contrast:#111;--ink:#111;--ink-rgb:17 17 17;--surface:#fff;--canvas:#f5f5f5;--muted:#6b7280;--border:#e5e7eb;--danger:#b42318;--danger-rgb:180 35 24;--warning:#b54708;--warning-rgb:181 71 8;--success:#027a48;--success-rgb:2 122 72;--radius:14px;--radius-small:10px;--shadow:0 12px 36px rgb(var(--ink-rgb) / .07)}*{box-sizing:border-box}::selection{background:var(--brand);color:var(--brand-contrast)}html{background:var(--canvas);min-height:100%}body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Cairo Variable,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}.brand-logo{flex:none;align-items:center;line-height:0;display:inline-flex}.brand-logo img{width:100%;height:auto;display:block}.brand-logo--mark{width:38px}.brand-logo--wordmark{width:clamp(126px,15vw,164px)}.topbar,.brand-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;min-height:68px;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:10px max(18px,50vw - 560px);display:flex}.brand-header{align-items:center;padding:10px max(18px,50vw - 560px);display:flex}.topbar-logo,.brand-header>a{align-items:center;display:inline-flex}.topbar nav{align-items:center;gap:8px;min-width:0;display:flex}.topbar nav a{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--ink);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:850;transition:border-color .15s,background .15s;display:inline-flex}.topbar nav a:hover{border-color:rgb(var(--brand-rgb) / .45);background:rgb(var(--brand-rgb) / .07)}.page{width:min(1120px,100% - 28px);margin:0 auto;padding:24px 0 56px}.stack{gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:20px}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(32px,6vw,58px);line-height:1.1}h2{margin:0 0 14px;font-size:clamp(22px,4vw,28px);line-height:1.25}p{line-height:1.8}.muted{color:var(--muted)}.small{font-size:13px}.badge{border:1px solid rgb(var(--brand-rgb) / .3);background:rgb(var(--brand-rgb) / .09);width:fit-content;color:var(--brand-hover);border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.auth-page{max-width:480px;padding-top:48px}.auth-card{padding:clamp(20px,5vw,30px)}.auth-card h1{margin-bottom:24px;font-size:clamp(32px,8vw,44px)}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:800}.input,.select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:50px;color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .13)}.btn{appearance:none;background:var(--brand);min-height:50px;color:var(--brand-contrast);box-shadow:0 7px 18px rgb(var(--brand-rgb) / .18);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:900;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--brand-hover);box-shadow:0 9px 22px rgb(var(--brand-rgb) / .22)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid rgb(var(--brand-rgb) / .25);outline-offset:2px}.btn:disabled{opacity:.58;box-shadow:none;cursor:not-allowed;transform:none}.btn.secondary{border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:none}.btn.secondary:hover{background:#fafafa;border-color:#d1d5db}.btn.danger{background:var(--danger);color:var(--surface);box-shadow:none}.btn.danger:hover{background:#912018}.btn.full{width:100%}.spinner{border:2px solid rgb(var(--ink-rgb) / .25);border-top-color:currentColor;border-radius:999px;flex:none;width:18px;height:18px;animation:.72s linear infinite spin}.btn.danger .spinner{border-color:currentColor #ffffff5c #ffffff5c}@keyframes spin{to{transform:rotate(360deg)}}.list{gap:10px;display:grid}.row{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;padding:14px;display:grid}.row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.pill{width:fit-content;color:var(--muted);background:#eee;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:850;display:inline-flex}.pill.success{background:rgb(var(--success-rgb) / .1);color:var(--success)}.pill.warning{background:rgb(var(--brand-rgb) / .1);color:var(--brand-hover)}.pill.danger{background:rgb(var(--danger-rgb) / .09);color:var(--danger)}.offline-banner{z-index:50;border-bottom:1px solid rgb(var(--warning-rgb) / .2);color:#7a2e0e;text-align:center;background:#fff4e5;padding:9px 14px;font-size:13px;font-weight:850;position:sticky;top:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;min-width:700px}th,td{border-bottom:1px solid var(--border);text-align:right;padding:12px 14px;font-size:13px}th{background:var(--canvas);color:var(--muted)}
.modal-backdrop{z-index:100;background:rgb(var(--ink-rgb) / .5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(100%,430px);box-shadow:0 24px 80px rgb(var(--ink-rgb) / .22);padding:20px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-head h2{margin:0 0 4px;font-size:22px}.modal-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.modal-close{border:1px solid var(--border);appearance:none;background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;flex:none;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.modal-amount{border:1px solid rgb(var(--brand-rgb) / .4);text-align:center;background:#fff8f4;border-radius:12px;margin-bottom:14px;padding:16px}.modal-amount span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.modal-amount b{color:var(--ink);font-size:clamp(28px,8vw,42px);font-weight:900;display:block}.modal-pin-input{text-align:center;letter-spacing:.12em;direction:ltr;height:58px;font-size:24px;font-weight:900}.modal-error{background:rgb(var(--danger-rgb) / .08);color:var(--danger);border-radius:10px;margin-bottom:12px;padding:11px 12px;font-size:13px;font-weight:900}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}
.agent-page{max-width:760px}.merchant-page{max-width:860px}.admin-page{max-width:1120px}.agent-top,.merchant-top,.admin-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.agent-shop,.merchant-name,.admin-title{letter-spacing:-.04em;margin:0;font-size:clamp(28px,6vw,44px);line-height:1.15}.agent-subline,.merchant-subline,.admin-subline{color:var(--muted);margin:6px 0 0;font-size:13px}.agent-primary-card,.merchant-primary-card{border-color:rgb(var(--brand-rgb) / .46);box-shadow:var(--shadow)}.agent-code-form{grid-template-columns:minmax(0,1fr) 132px;align-items:end;gap:10px;display:grid}.agent-code-input{text-align:center;letter-spacing:.16em;font-variant-numeric:tabular-nums;direction:ltr;height:66px;font-size:30px;font-weight:900}.agent-search-btn{min-height:66px;font-size:16px}.agent-confirm-card{border-top:1px solid var(--border);gap:14px;margin-top:16px;padding-top:16px;display:grid}.agent-confirm-title{gap:12px;display:grid}.agent-confirm-title h3{margin:10px 0 0;font-size:20px}.agent-confirm-total{border:1px solid rgb(var(--brand-rgb) / .42);color:var(--ink);text-align:center;direction:rtl;background:#fff8f4;border-radius:12px;padding:17px;font-size:clamp(30px,9vw,50px);font-weight:900;display:block}.agent-details{gap:8px;display:grid}.agent-detail{background:var(--canvas);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:14px;display:flex}.agent-detail span{color:var(--muted)}.agent-detail b{text-align:left;font-weight:900}.agent-status,.merchant-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.agent-mini-card,.merchant-stat{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.agent-mini-card span,.merchant-stat span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:800;display:block}.agent-mini-card b,.merchant-stat b{font-size:15px;font-weight:900;display:block}.merchant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.merchant-form-grid .wide{grid-column:span 2}.merchant-amount-input,.merchant-phone-input{text-align:center;font-variant-numeric:tabular-nums;direction:ltr;height:64px;font-weight:900}.merchant-amount-input{font-size:27px}.merchant-phone-input{font-size:20px}.merchant-submit{margin-top:16px}.merchant-submit .btn{width:100%}.merchant-result{border:1px solid rgb(var(--brand-rgb) / .42);background:#fff8f4;border-radius:12px;gap:12px;margin-top:14px;padding:16px;display:grid}.merchant-result>span{color:var(--muted);font-size:12px;font-weight:800}.merchant-result-code{color:var(--ink);text-align:center;letter-spacing:.14em;font-variant-numeric:tabular-nums;direction:ltr;font-size:clamp(34px,10vw,54px);font-weight:900}.merchant-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.merchant-list-card{box-shadow:none}.merchant-invoice-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:9px;padding:13px;display:grid}.merchant-invoice-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.merchant-invoice-code{letter-spacing:.07em;direction:ltr;font-size:20px;font-weight:900}.merchant-invoice-meta{color:var(--muted);font-size:13px}.merchant-invoice-actions{gap:8px;display:flex}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-kpi{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.admin-kpi.primary{border-color:rgb(var(--brand-rgb) / .45);background:#fff8f4}.admin-kpi span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.admin-kpi b{color:var(--ink);font-size:20px;font-weight:900;line-height:1.3;display:block}.admin-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.admin-card-head h2{margin-bottom:4px}.admin-card-head p{color:var(--muted);margin:0;font-size:13px}.dashboard-message{margin-top:14px;line-height:1.7;display:block}.dashboard-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dashboard-section-head h2,.dashboard-section-head p{margin:0}.fee-preview{border:1px solid var(--border);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;padding:10px;display:grid}.fee-preview>div{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px}.fee-preview span{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:800;display:block}.fee-preview b{font-size:14px;font-weight:900;display:block}.merchant-fee-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{border:1px dashed var(--border);background:var(--canvas);text-align:center;border-radius:12px;padding:18px}.pin-required-card{border-color:rgb(var(--brand-rgb) / .45);background:#fff8f4}.pin-required-card h2{margin-bottom:5px}.pin-required-card p{margin-top:0}
.pay-page{max-width:720px}.pay-main-card{border-color:rgb(var(--brand-rgb) / .42);text-align:center}.pay-main-card.paid{border-color:rgb(var(--success-rgb) / .3)}.pay-status-line{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pay-merchant{color:var(--muted);text-align:left;font-size:13px;font-weight:800}.pay-code-box{border:1px solid rgb(var(--brand-rgb) / .42);background:#fff8f4;border-radius:12px;gap:12px;padding:18px;display:grid}.pay-title{letter-spacing:-.04em;margin:0;font-size:clamp(24px,7vw,38px);line-height:1.15}.pay-code-box b{color:var(--ink);letter-spacing:.13em;font-variant-numeric:tabular-nums;direction:ltr;font-size:clamp(44px,16vw,76px);font-weight:900;line-height:1.1}.pay-instruction{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.7}.pay-expiry-note{color:var(--warning);margin:7px 0 0;font-size:13px;font-weight:800}.success-text{color:var(--success);font-weight:900}.pay-details-card,.pay-agents-card{box-shadow:none}.pay-details{gap:8px;display:grid}.pay-detail{background:var(--canvas);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.pay-detail-total{border:1px solid rgb(var(--brand-rgb) / .36);background:#fff8f4}.pay-detail-total b{font-size:17px}.pay-detail span{color:var(--muted)}.pay-detail b{text-align:left;font-weight:900}.pay-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pay-section-head h2,.pay-section-head p{margin:0}.pay-area-filter{margin:12px 0}.pay-agent-list{gap:10px;display:grid}.pay-agent-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:10px;padding:13px;display:grid}.pay-agent-main{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pay-agent-main b{margin-bottom:3px;font-size:16px;font-weight:900;display:block}.pay-agent-main span{color:var(--muted);font-size:13px;line-height:1.7;display:block}.pay-map-action{background:var(--brand);min-height:44px;color:var(--brand-contrast);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}
.home-page{max-width:1040px}.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:16px;display:grid}.home-hero-card{border-color:rgb(var(--brand-rgb) / .38);flex-direction:column;justify-content:center;min-height:440px;display:flex}.home-badge{margin-bottom:18px}.home-title{max-width:650px;margin:0 0 16px;font-size:clamp(40px,6vw,68px);line-height:1.08}.home-subtitle{max-width:570px;color:var(--muted);margin:0;font-size:17px;line-height:1.9}.home-actions{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.home-demo-card{box-shadow:none;align-content:center;gap:14px;display:grid}.home-demo-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-demo-head b{font-size:15px;font-weight:900}.home-demo-code{border:1px solid rgb(var(--brand-rgb) / .42);text-align:center;background:#fff8f4;border-radius:12px;padding:24px 16px}.home-demo-code b{color:var(--ink);letter-spacing:.13em;font-variant-numeric:tabular-nums;font-size:clamp(44px,8vw,70px);font-weight:900;line-height:1.1}.home-demo-total{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.home-demo-total span{color:var(--muted);font-size:13px;font-weight:800}.home-demo-total b{font-size:17px;font-weight:900}.interest-page{max-width:760px}.interest-intro-card{border-color:rgb(var(--brand-rgb) / .35);box-shadow:none;padding-block:28px}.interest-title{margin:15px 0 8px;font-size:clamp(36px,7vw,58px)}.interest-subtitle{color:var(--muted);margin:0;font-size:16px}.interest-form-card{border-color:rgb(var(--brand-rgb) / .3)}.interest-form{gap:18px;display:grid}.interest-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.interest-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.interest-type-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:9px;min-width:0;min-height:52px;padding:11px 12px;display:flex}.interest-type-option.selected{border-color:rgb(var(--brand-rgb) / .65);background:#fff8f4}.interest-type-option input{flex:none;margin:0}.interest-type-option b{min-width:0;color:var(--ink);font-size:14px;font-weight:900}.interest-notes{resize:vertical;min-height:96px}.interest-consent{color:var(--muted);align-items:flex-start;gap:9px;font-size:13px;font-weight:700;line-height:1.7;display:flex}.interest-consent input{flex:none;width:19px;height:19px;margin-top:2px}.interest-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.interest-success{border:1px solid rgb(var(--success-rgb) / .36);background:rgb(var(--success-rgb) / .06);text-align:center;border-radius:12px;gap:12px;padding:22px;display:grid}.interest-success h3,.interest-success p{margin:0}.interest-success p,.interest-success>div span{color:var(--muted)}.interest-success>div{gap:4px;display:grid}.interest-success>div span{font-size:12px;font-weight:800}.interest-success>div b{font-size:22px}.interest-login-note{color:var(--muted);justify-content:center;gap:8px;font-size:13px;display:flex}.interest-login-note a{color:var(--ink);font-weight:900}.interest-admin-page{max-width:1120px}.interest-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.interest-leads-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.interest-lead-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;padding:14px;display:grid}.interest-lead-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.interest-lead-head b{margin-bottom:4px;font-size:17px;font-weight:900;display:block}.interest-lead-head span{color:var(--muted);font-size:12px}.interest-lead-contact{flex-wrap:wrap;gap:8px;display:flex}.interest-lead-contact span{background:var(--canvas);color:var(--muted);border-radius:999px;padding:6px 8px;font-size:12px;font-weight:700}.interest-status-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.interest-status-control .small{grid-column:1/-1}
@media (max-width:820px){.topbar,.brand-header{min-height:62px;padding:9px 14px}.topbar{flex-direction:row;align-items:center}.brand-logo--wordmark{width:116px}.topbar nav{width:auto;overflow:visible}.topbar nav a{min-height:40px;padding:7px 11px}.page{width:min(100% - 20px,640px);padding-top:16px}.card{padding:16px}.auth-page{max-width:480px;padding-top:24px}.home-page,.merchant-page,.agent-page,.pay-page,.interest-page,.interest-admin-page,.admin-page{width:min(100% - 20px,640px)}.home-hero{grid-template-columns:1fr}.home-hero-card{min-height:auto}.home-title{font-size:clamp(38px,11vw,54px)}.home-subtitle{font-size:15px}.home-actions{grid-template-columns:1fr;display:grid}.home-actions .btn{width:100%}.merchant-top,.agent-top,.admin-top{align-items:flex-start}.merchant-form-grid,.interest-contact-grid{grid-template-columns:1fr}.merchant-form-grid .wide{grid-column:auto}.merchant-phone-input,.merchant-amount-input{height:60px}.merchant-result-actions,.modal-actions{grid-template-columns:1fr}.merchant-stats,.agent-status,.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-invoice-actions{display:grid}.agent-code-form{grid-template-columns:1fr}.agent-code-input{height:64px;font-size:28px}.agent-search-btn{min-height:52px}.dashboard-section-head{display:grid}.fee-preview,.merchant-fee-preview{grid-template-columns:1fr}.pay-status-line,.pay-agent-main{align-items:flex-start}.pay-code-box{padding:16px 12px}.pay-code-box b{letter-spacing:.1em}.interest-type-grid,.interest-summary-grid,.interest-leads-grid,.interest-status-control{grid-template-columns:1fr}.modal-card{padding:16px}}@media (max-width:390px){.brand-logo--wordmark{width:104px}.topbar nav a{padding-inline:9px;font-size:12px}}