.sw-pm,.sw-pm-settings{font-family:inherit;color:#162033}.sw-pm-settings{display:grid;gap:16px}.sw-pm-settings-form{display:grid;gap:16px}.sw-pm-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#102a20 0%,#1f7a4d 65%,#2c9562 100%);color:#fff;box-shadow:0 16px 40px rgba(16,42,32,.18)}.sw-pm-hero-main{display:flex;align-items:flex-start;gap:16px}.sw-pm-hero-main>div:last-child{max-width:760px}.sw-pm-kicker,.sw-pm-section-kicker{font-size:10px;font-weight:800;letter-spacing:.16em}.sw-pm-kicker{opacity:.72}.sw-pm-settings h2{margin:5px 0 4px;font-size:25px;line-height:1.2}.sw-pm-settings-hero p{margin:0;opacity:.78;line-height:1.6}.sw-pm-back-btn{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.08);font-weight:800;white-space:nowrap}.sw-pm-hero-status{display:grid;justify-items:end;gap:7px}.sw-pm-hero-status small{font-size:11px;opacity:.72}.sw-pm-status{font-size:11px;font-weight:900;padding:8px 12px;border-radius:999px;background:#eef2f7}.sw-pm-status.on{background:#d7f7e3;color:#116b3c}.sw-pm-status.off{background:#fee2e2;color:#991b1b}.sw-pm-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:14px;border:1px solid #ccefd9;background:#effbf3;color:#176b42}.sw-pm-notice span{font-size:12px;opacity:.72}.sw-pm-card{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(15,23,42,.045)}.sw-pm-card-head,.sw-pm-bank-head,.sw-pm-instruction-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.sw-pm-card-head{margin-bottom:17px}.sw-pm-card-head h3{margin:4px 0 0;font-size:17px}.sw-pm-section-kicker{color:#1f7a4d;opacity:.75}.sw-pm-section-badge,.sw-pm-security-badge{font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px;background:#f2f5f8;color:#667085;white-space:nowrap}.sw-pm-security-badge.super{background:#e4f7ec;color:#176b42}.sw-pm-security-badge.locked{background:#fff1f1;color:#a11}.sw-pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sw-pm-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-pm-grid .full,.sw-pm-field.full{grid-column:1/-1}.sw-pm-field{font-size:12px;font-weight:750;display:grid;gap:7px}.sw-pm-field>span{display:block}.sw-pm-field input,.sw-pm-field textarea,.sw-pm-field select,.sw-pm-grid input,.sw-pm-grid textarea,.sw-pm-grid select,.sw-pm-charge-grid input,.sw-pm-bank-row input,.sw-pm-bank-row textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ec;border-radius:11px;padding:10px 12px;background:#fbfcfd;color:#172033;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.sw-pm-field input:focus,.sw-pm-field textarea:focus,.sw-pm-field select:focus,.sw-pm-bank-row input:focus,.sw-pm-bank-row textarea:focus{border-color:#3c9a69;background:#fff;box-shadow:0 0 0 3px rgba(31,122,77,.09)}.sw-pm-field textarea{resize:vertical;min-height:72px}.sw-pm-switch-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;border:1px solid #e5eaf0;border-radius:14px;background:#fbfdfc}.sw-pm-field-copy{display:grid;gap:4px}.sw-pm-field-copy b{font-size:13px}.sw-pm-field-copy small{font-size:10px;opacity:.58;font-weight:500}.sw-pm-toggle{display:inline-flex;align-items:center}.sw-pm-toggle input{position:absolute;opacity:0;pointer-events:none}.sw-pm-toggle i,.sw-pm-admin-row i{display:block;width:43px;height:24px;background:#dce2e9;border-radius:99px;position:relative;transition:.2s}.sw-pm-toggle i:after,.sw-pm-admin-row i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.sw-pm-toggle input:checked+i,.sw-pm-admin-row input:checked+i{background:#1f7a4d}.sw-pm-toggle input:checked+i:after,.sw-pm-admin-row input:checked+i:after{transform:translateX(19px)}.sw-pm-health{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:12px 14px;background:#f7faf8;border:1px solid #e2efe7;border-radius:14px}.sw-pm-health small,.sw-pm-health em{font-size:10px;opacity:.55}.sw-pm-health strong{font-size:16px;margin:2px 0}.sw-pm-help,.sw-pm-protection-banner{padding:12px 14px;border-radius:13px;background:#f3f7ff;color:#31466e;font-size:12px;line-height:1.65}.sw-pm-protection-banner{display:grid;gap:3px;background:#f4fbf7;color:#215f42;border:1px solid #d9f0e2;margin-bottom:16px}.sw-pm-protection-banner span{font-size:11px;opacity:.78}.sw-pm-subsection{padding-top:16px;margin-top:16px;border-top:1px solid #edf0f3}.sw-pm-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sw-pm-subhead>div{display:grid;gap:3px}.sw-pm-subhead b{font-size:13px}.sw-pm-subhead small{font-size:10px;color:#7b8494}.sw-pm-subhead>span{font-size:10px;font-weight:800;color:#8a5b00;background:#fff6df;border-radius:999px;padding:6px 9px}.sw-pm-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sw-pm-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e6ebf0;border-radius:13px;background:#fbfcfd}.sw-pm-admin-row span{display:grid;gap:3px}.sw-pm-admin-row b{font-size:12px}.sw-pm-admin-row small{font-size:10px;opacity:.55}.sw-pm-admin-row input{position:absolute;opacity:0;pointer-events:none}.sw-pm-instruction-card{padding:14px;border:1px solid #e7ecf1;border-radius:15px;background:#fbfdff;margin-bottom:12px}.sw-pm-instruction-title{margin-bottom:11px}.sw-pm-instruction-title strong{font-size:13px}.sw-pm-instruction-title span{font-size:10px;color:#6f7b8a}.sw-pm-bank-list{margin-top:15px}.sw-pm-bank-head{margin-bottom:8px}.sw-pm-bank-head>div{display:grid;gap:3px}.sw-pm-bank-head b{font-size:12px}.sw-pm-bank-head small{font-size:10px;color:#7b8494}.sw-pm-add-bank{border:0;background:#edf8f1;color:#17683e;padding:9px 11px;border-radius:10px;cursor:pointer;font-weight:800}.sw-pm-bank-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr 38px;gap:8px;margin-top:8px}.sw-pm-bank-row textarea{resize:vertical;min-height:42px}.sw-pm-remove-bank,.sw-pm-remove-recipient{border:0;background:#fff0f0;color:#b42318;border-radius:10px;font-size:18px;cursor:pointer}.sw-pm-fee-section{background:#fffdf7;border:1px solid #f2e5c4;border-radius:15px;padding:15px}.sw-pm-locked-view{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed #e1a7a7;border-radius:14px;background:#fff8f8;color:#7f1d1d}.sw-pm-lock-icon{font-size:22px}.sw-pm-locked-view strong{font-size:13px}.sw-pm-locked-view p{margin:4px 0 0;font-size:11px;line-height:1.6;opacity:.75}.sw-pm-charge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sw-pm-input-suffix{position:relative}.sw-pm-input-suffix b{position:absolute;right:12px;top:10px;font-size:11px;opacity:.5}.sw-pm-actions{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #dfe7e2;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(15,23,42,.12);backdrop-filter:blur(10px)}.sw-pm-actions>div{display:grid;gap:3px}.sw-pm-actions strong{font-size:12px}.sw-pm-actions small{font-size:10px;opacity:.6}.sw-pm-save{border:0;border-radius:12px;padding:12px 18px;background:#1f7a4d;color:#fff;font-weight:850;cursor:pointer;box-shadow:0 6px 16px rgba(31,122,77,.2)}.sw-pm-save:hover{background:#17683e}.sw-pm-denied{padding:20px;border-radius:16px;background:#fff4f4;color:#a11}.sw-pm-selector{padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:linear-gradient(135deg,#fff,#f7fafc);box-shadow:0 12px 35px rgba(15,23,42,.07)}.sw-pm-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sw-pm h3{margin:3px 0}.sw-pm-default{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:#eef2f7}.sw-pm-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.sw-pm-mode{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e5e9ef;border-radius:16px;background:#fff;padding:14px;cursor:pointer;transition:.2s}.sw-pm-mode:hover,.sw-pm-mode.is-active{border-color:#1f7a4d;box-shadow:0 8px 22px rgba(31,122,77,.12)}.sw-pm-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eff8f2;color:#1f7a4d}.sw-pm-icon svg{width:26px;height:26px;display:block}.sw-pm-mode strong,.sw-pm-mode small{display:block}.sw-pm-mode small{margin-top:3px;opacity:.6;font-size:11px}.sw-pm-children{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sw-pm-child{border:1px solid #e5e9ef;padding:8px 11px;border-radius:10px;background:#fff;font-size:12px}.sw-pm-setting-mini{margin-left:auto;opacity:.55}@media(max-width:1000px){.sw-pm-grid.three,.sw-pm-charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-pm-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-pm-bank-row-rich{grid-template-columns:1fr 1fr}.sw-pm-bank-row-rich .sw-pm-remove-bank{grid-column:auto}}@media(max-width:700px){.sw-pm-settings-hero{align-items:flex-start;flex-direction:column}.sw-pm-hero-main{flex-direction:column}.sw-pm-hero-status{justify-items:start}.sw-pm-grid,.sw-pm-grid.three,.sw-pm-charge-grid,.sw-pm-mode-grid,.sw-pm-modes{grid-template-columns:1fr}.sw-pm-bank-row{grid-template-columns:1fr}.sw-pm-actions{align-items:flex-start;flex-direction:column}.sw-pm-save{width:100%}.sw-pm-notice{align-items:flex-start;flex-direction:column}} /* Shared Payment UI Renderer */ .sw-payment-ui{margin-top:12px}.sw-payment-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sw-payment-ui-field{display:grid;gap:7px;font-size:12px;font-weight:800}.sw-payment-ui-field>span{display:block}.sw-payment-ui-field select{width:100%;box-sizing:border-box;border:1px solid #dfe5ec;border-radius:12px;padding:12px 13px;background:#fff;color:#172033;outline:0;transition:.18s}.sw-payment-ui-field select:focus{border-color:#238050;box-shadow:0 0 0 4px rgba(35,128,80,.08)}@media(max-width:700px){.sw-payment-ui-grid{grid-template-columns:1fr}} /* Shared checkout payment details */ .sw-payment-details{margin-top:14px;border:1px solid #e2e9e5;border-radius:16px;background:#fbfefc;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.045)} .sw-payment-details-head{padding:13px 15px;border-bottom:1px solid #e8eee9;background:linear-gradient(135deg,#f6fbf8,#fff);display:flex;align-items:center;justify-content:space-between} .sw-payment-details-head div{display:grid;gap:3px}.sw-payment-details-head span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#2b7d54}.sw-payment-details-head strong{font-size:13px;color:#172033}.sw-payment-details-body{padding:14px}.sw-payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sw-payment-detail-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e4eae6;border-radius:12px;background:#fff;min-width:0}.sw-payment-detail-row span{font-size:10px;color:#748091;font-weight:700}.sw-payment-detail-row strong{font-size:13px;color:#172033;overflow-wrap:anywhere}.sw-copy-value{padding-right:4px}.sw-payment-copy{flex:0 0 auto;border:1px solid #d8e8de;background:#edf8f1;color:#17683e;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.sw-payment-copy:hover,.sw-payment-copy.is-copied{background:#1f7a4d;color:#fff;border-color:#1f7a4d}.sw-payment-instruction{margin-top:10px;padding:12px 13px;border-radius:12px;background:#f6f8fb;border:1px solid #e7ebf0}.sw-payment-instruction b{display:block;font-size:10px;color:#667085;margin-bottom:5px}.sw-payment-instruction p{margin:0;font-size:12px;line-height:1.7;color:#344054;white-space:pre-line}.sw-bank-account-picker>label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#344054}.sw-bank-account-select{width:100%;box-sizing:border-box;border:1px solid #dfe6e1;border-radius:11px;padding:11px 12px;background:#fff;color:#172033;outline:0}.sw-bank-account-select:focus{border-color:#238050;box-shadow:0 0 0 3px rgba(35,128,80,.08)}.sw-bank-account-detail{margin-top:10px}.sw-bank-detail-card{display:grid;gap:8px;padding:10px;border-radius:13px;background:#f8fbf9;border:1px solid #e1ebe5}.sw-bank-detail-card .sw-payment-detail-row{background:#fff}.sw-bank-detail-card .sw-payment-instruction{background:#fff}.sw-payment-ui-grid{align-items:start} @media(max-width:700px){.sw-payment-detail-grid{grid-template-columns:1fr}.sw-payment-detail-row{align-items:flex-start;flex-wrap:wrap}.sw-payment-copy{margin-left:auto}} /* ============================================================ STOP_WALLET BSOFT — GLOBAL PREMIUM UI OVERRIDE VISUAL ONLY / NO FUNCTION OR LOGIC CHANGE ============================================================ */ :root{ --sw-premium-primary:#087f5b; --sw-premium-primary-dark:#064d3a; --sw-premium-secondary:#12a978; --sw-premium-gold:#c9a43a; --sw-premium-ink:#17232c; --sw-premium-muted:#71808b; --sw-premium-line:#e1ebe7; --sw-premium-soft:#f3f9f6; --sw-premium-white:#fff; --sw-premium-shadow:0 14px 42px rgba(18,42,52,.075); } /* ---------- Centered application canvas ---------- */ #stop_wallet-bsoft-app-shell .sw-dashboard, #stop_wallet-bsoft-app-shell .sw-main, #stop_wallet-bsoft-app-shell .sw-content{ box-sizing:border-box; } #stop_wallet-bsoft-app-shell .sw-content{ width:100%; } /* ---------- Typography / first-letter capitalization ---------- */ #stop_wallet-bsoft-app-shell h1, #stop_wallet-bsoft-app-shell h2, #stop_wallet-bsoft-app-shell h3, #stop_wallet-bsoft-app-shell h4, #stop_wallet-bsoft-app-shell h5, #stop_wallet-bsoft-app-shell button, #stop_wallet-bsoft-app-shell label, #stop_wallet-bsoft-app-shell th, #stop_wallet-bsoft-app-shell .sw-status, .sw-donation-wrap h1, .sw-donation-wrap h2, .sw-donation-wrap h3, .sw-donation-wrap h4, .sw-donation-wrap button, .sw-donation-wrap label, .sw-campaign-builder h1, .sw-campaign-builder h2, .sw-campaign-builder h3, .sw-campaign-builder h4, .sw-campaign-builder button, .sw-campaign-builder label, .sw-approved-campaigns h1, .sw-approved-campaigns h2, .sw-approved-campaigns h3, .sw-approved-campaigns h4, .sw-approved-campaigns button, .sw-approved-campaigns label{ text-transform:capitalize; } /* ---------- Universal premium controls ---------- */ #stop_wallet-bsoft-app-shell input, #stop_wallet-bsoft-app-shell select, #stop_wallet-bsoft-app-shell textarea, .sw-donation-wrap input, .sw-donation-wrap select, .sw-donation-wrap textarea, .sw-campaign-builder input, .sw-campaign-builder select, .sw-campaign-builder textarea{ border-radius:11px; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; } #stop_wallet-bsoft-app-shell input:focus, #stop_wallet-bsoft-app-shell select:focus, #stop_wallet-bsoft-app-shell textarea:focus, .sw-donation-wrap input:focus, .sw-donation-wrap select:focus, .sw-donation-wrap textarea:focus, .sw-campaign-builder input:focus, .sw-campaign-builder select:focus, .sw-campaign-builder textarea:focus{ border-color:var(--sw-premium-primary) !important; box-shadow:0 0 0 4px rgba(8,127,91,.075) !important; outline:none; } #stop_wallet-bsoft-app-shell button, .sw-donation-wrap button, .sw-campaign-builder button{ border-radius:10px; } /* ============================================================ BASIC DASHBOARD ============================================================ */ #stop_wallet-bsoft-app-shell .sw-dashboard{ --sw-dashboard-primary:var(--sw-premium-primary); --sw-dashboard-dark:var(--sw-premium-primary-dark); } #stop_wallet-bsoft-app-shell .sw-main{ min-width:0; } #stop_wallet-bsoft-app-shell .sw-content{ padding:24px; } #stop_wallet-bsoft-app-shell .sw-header{ border-radius:18px; box-shadow:0 8px 28px rgba(18,42,52,.055); } #stop_wallet-bsoft-app-shell .sw-card, #stop_wallet-bsoft-app-shell .sw-panel, #stop_wallet-bsoft-app-shell .sw-section, #stop_wallet-bsoft-app-shell .sw-overview-card, #stop_wallet-bsoft-app-shell .sw-wallet-card, #stop_wallet-bsoft-app-shell .sw-transaction-card, #stop_wallet-bsoft-app-shell .sw-service-card{ border-radius:17px; box-shadow:var(--sw-premium-shadow); } #stop_wallet-bsoft-app-shell .sw-menu a{ border-radius:11px; transition:.2s ease; } #stop_wallet-bsoft-app-shell .sw-menu a:hover, #stop_wallet-bsoft-app-shell .sw-menu li.active a{ transform:translateX(2px); } /* Dashboard headings */ #stop_wallet-bsoft-app-shell .sw-page-title, #stop_wallet-bsoft-app-shell .sw-content h1, #stop_wallet-bsoft-app-shell .sw-content h2{ font-weight:900; } /* Dashboard buttons */ #stop_wallet-bsoft-app-shell .sw-btn, #stop_wallet-bsoft-app-shell .sw-button, #stop_wallet-bsoft-app-shell button[type="submit"]{ border:0; background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)); color:#fff; font-weight:850; box-shadow:0 8px 18px rgba(8,127,91,.14); } #stop_wallet-bsoft-app-shell .sw-btn:hover, #stop_wallet-bsoft-app-shell .sw-button:hover, #stop_wallet-bsoft-app-shell button[type="submit"]:hover{ transform:translateY(-1px); filter:brightness(1.04); } /* ============================================================ PREMIUM ACCOUNT ============================================================ */ .account-grid, .active-accounts{ width:min(1100px,100%); margin-left:auto !important; margin-right:auto !important; } .account-grid{ gap:16px; } .account-card{ border:1px solid var(--sw-premium-line) !important; border-radius:18px !important; background:linear-gradient(180deg,#fff,#f9fcfb) !important; box-shadow:var(--sw-premium-shadow) !important; overflow:hidden; } .account-card:before{ content:""; display:block; height:3px; background:linear-gradient(90deg,var(--sw-premium-primary),var(--sw-premium-gold)); } .account-card .upgrade-btn{ border-radius:10px !important; background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important; color:#fff !important; box-shadow:0 8px 18px rgba(8,127,91,.14); } /* ============================================================ WALLET ============================================================ */ .sw-wallet-card, .sw-wallet-form, .sw-wallet-panel{ border-radius:21px !important; } .sw-wallet-header{ border-radius:20px !important; background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; box-shadow:0 18px 45px rgba(8,127,91,.16); } .sw-wallet-logo, .sw-wallet-form-icon{ border-radius:14px !important; } .sw-wallet-balance{ border-radius:16px !important; } .sw-wallet-card button, .sw-wallet-form button, .sw-wallet-panel button{ border-radius:10px !important; } /* ============================================================ CHECKOUT ============================================================ */ .sw-checkout{ width:min(1080px,100%); margin-left:auto !important; margin-right:auto !important; border-radius:23px !important; } .sw-checkout-head{ border-radius:20px !important; background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; box-shadow:0 18px 45px rgba(8,127,91,.15); } .sw-checkout-section, .sw-checkout-grid > *, .sw-checkout-card{ border-radius:15px !important; } .sw-step{ border-radius:11px !important; } /* ============================================================ PAYMENT METHOD ============================================================ */ .sw-pm, .sw-pm-settings{ width:min(1120px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-pm-settings-hero, .sw-pm-hero-main{ border-radius:21px !important; background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; box-shadow:0 18px 45px rgba(8,127,91,.15); } .sw-pm-settings-form, .sw-pm-card, .sw-pm-section{ border-radius:17px !important; } /* ============================================================ PROFILE ============================================================ */ .sw-profile-container, .sw-profile-wrapper{ width:min(1120px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-profile-header{ border-radius:23px !important; background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; box-shadow:0 18px 48px rgba(8,127,91,.15); } .sw-profile-card, .sw-profile-section, .sw-profile-form-card{ border-radius:17px !important; box-shadow:var(--sw-premium-shadow); } /* ============================================================ AUTH — LOGIN / REGISTER / FORGOT ============================================================ */ .sw-login-wrapper, .sw-register-wrapper, .sw-auth-wrapper{ width:100%; } .sw-login-card, .sw-register-card, .sw-auth-card{ border-radius:24px !important; box-shadow:0 25px 70px rgba(18,42,52,.12) !important; } .sw-login-icon, .sw-register-icon{ border-radius:15px !important; } .sw-login-card button, .sw-register-card button, .sw-auth-card button, .sw-auth-wrapper button{ border-radius:11px !important; background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important; color:#fff !important; border:0 !important; box-shadow:0 9px 20px rgba(8,127,91,.15); } .sw-login-card input, .sw-register-card input, .sw-auth-card input{ border-radius:11px !important; } /* ============================================================ LEDGER ============================================================ */ .sw-ledger-wrapper{ width:min(1120px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-ledger-card{ border-radius:21px !important; border:1px solid var(--sw-premium-line) !important; box-shadow:var(--sw-premium-shadow) !important; } .sw-ledger-header{ border-radius:20px !important; background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; } .sw-ledger-icon{ border-radius:13px !important; } /* ============================================================ DONATION — ALL PAGES ============================================================ */ .sw-donation-wrap{ width:min(1240px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-donation-hero{ border-radius:25px !important; background: radial-gradient(circle at 90% 15%,rgba(255,255,255,.14),transparent 27%), linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; } .sw-donation-stats{ width:100%; } .sw-donation-stats > div, .sw-donation-panel, .sw-dashboard-campaign{ border-radius:17px !important; } .sw-donation-panel{ box-shadow:var(--sw-premium-shadow) !important; } .sw-dashboard-campaign{ overflow:hidden; } .sw-dashboard-actions .sw-donation-btn, .sw-donation-btn{ border-radius:10px !important; } .sw-donation-table{ border-radius:13px; overflow:hidden; } /* ============================================================ APPROVED CAMPAIGNS ============================================================ */ .sw-approved-campaigns{ width:min(1240px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-approved-campaigns__header{ border-radius:24px !important; background: radial-gradient(circle at 92% 12%,rgba(255,255,255,.14),transparent 24%), linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; } .sw-approved-campaign-card{ border-radius:20px !important; } .sw-approved-campaign-view{ border-radius:10px !important; } /* ============================================================ CAMPAIGN BUILDER ============================================================ */ .sw-campaign-builder{ width:min(1080px,100%); margin-left:auto !important; margin-right:auto !important; } .sw-campaign-builder__header{ border-radius:24px !important; background: radial-gradient(circle at 90% 15%,rgba(255,255,255,.14),transparent 27%), linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important; } .sw-campaign-form, .sw-builder-field, .sw-builder-section__header, .sw-donation-verification-builder{ border-radius:17px !important; } .sw-campaign-form__footer .sw-donation-submit{ border-radius:13px !important; background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important; } /* ============================================================ ADMIN ============================================================ */ .sw-dashboard, .stop_wallet-admin-box, .sw-dashboard-box, .stop_wallet-module-card, .sw-dashboard-card{ border-radius:18px !important; } .sw-dashboard-card, .stop_wallet-module-card{ box-shadow:var(--sw-premium-shadow) !important; } .sw-dashboard h1, .stop_wallet-admin-box h2, .sw-dashboard-box h2{ text-transform:capitalize; } .sw-dashboard .button, .stop_wallet-admin-box .button, .sw-dashboard-box .button{ border-radius:10px !important; } /* ============================================================ DEBUG ============================================================ */ .sw-debug-header, .sw-debug-card, .sw-debug-panel{ border-radius:18px !important; } .sw-debug-button{ border-radius:10px !important; } /* ============================================================ RESPONSIVE CENTERING ============================================================ */ @media(max-width:900px){ #stop_wallet-bsoft-app-shell .sw-content{ padding:17px; } .sw-dashboard-campaign-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:680px){ #stop_wallet-bsoft-app-shell .sw-content{ padding:11px; } .sw-dashboard-campaign-grid{ grid-template-columns:1fr; } .sw-donation-wrap, .sw-approved-campaigns, .sw-campaign-builder, .sw-checkout, .sw-pm, .sw-pm-settings, .sw-profile-container, .sw-profile-wrapper, .sw-ledger-wrapper, .account-grid, .active-accounts{ padding-left:6px; padding-right:6px; } .sw-donation-stats{ grid-template-columns:1fr 1fr; } } @media(max-width:430px){ .sw-donation-stats{ grid-template-columns:1fr; } .sw-panel-head{ align-items:flex-start; flex-direction:column; } .sw-edit-grid{ grid-template-columns:1fr; } } @media(prefers-reduced-motion:reduce){ #stop_wallet-bsoft-app-shell *, .sw-donation-wrap *, .sw-campaign-builder *, .sw-approved-campaigns *{ transition-duration:.01ms !important; animation-duration:.01ms !important; } } .sw-pm-mobile-row{grid-template-columns:1fr 1.2fr 1.6fr 38px;align-items:stretch} @media(max-width:700px){.sw-pm-mobile-row{grid-template-columns:1fr}} /* ============================================================ STOP WALLET — FINAL PREMIUM VISUAL SYSTEM RED + GREEN / CENTERED / BORDER / RADIUS / PADDING DESIGN + COLOR ONLY ============================================================ */ :root{ --sw-premium-red:#e31837; --sw-premium-red-dark:#c8102e; --sw-premium-green:#079b63; --sw-premium-green-dark:#057a4f; --sw-premium-text:#172033; --sw-premium-soft:#526078; --sw-premium-muted:#718096; --sw-premium-border:#dce3ea; --sw-premium-border-strong:#c7d1db; --sw-premium-bg:#f6fbf9; --sw-premium-white:#fff; --sw-premium-shadow: 0 16px 42px rgba(23,32,51,.075); --sw-premium-shadow-soft: 0 8px 24px rgba(23,32,51,.05); } /* ----------------------------- Centered page canvases ----------------------------- */ .sw-wallet-page, .sw-family-page, .sw-notification-page, .sw-myqr-page, .sw-checkout, .sw-pm, .sw-pm-settings, .sw-payment-method, .sw-transaction-history, .sw-sb, .sw-module-card, .sw-auth-wrapper, .sw-login-wrapper, .sw-register-wrapper, .sw-profile-wrapper{ box-sizing:border-box; } /* ----------------------------- Generic premium module card ----------------------------- */ .sw-module-card{ position:relative; width:calc(100% - 20px); max-width:720px; margin:16px auto !important; padding:18px !important; border:1px solid var(--sw-premium-border) !important; border-radius:18px !important; background: linear-gradient( 145deg, #ffffff 0%, #fffafb 48%, #f3fbf7 100% ) !important; box-shadow:var(--sw-premium-shadow) !important; color:var(--sw-premium-text); overflow:hidden; } .sw-module-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient( 90deg, var(--sw-premium-red), #c94b58 50%, var(--sw-premium-green) ); } .sw-module-icon{ border-radius:12px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 135deg, var(--sw-premium-red), #c84b58 48%, var(--sw-premium-green) ) !important; box-shadow: 0 8px 18px rgba(227,24,55,.13); } .sw-module-card h2{ color:var(--sw-premium-text) !important; -webkit-text-fill-color:var(--sw-premium-text) !important; } .sw-module-card p{ color:var(--sw-premium-soft) !important; -webkit-text-fill-color:var(--sw-premium-soft) !important; } /* ----------------------------- Shared module buttons ----------------------------- */ .sw-module-action, .sw-primary-btn, .sw-sb button.primary, .sw-sb button.dark{ border:0 !important; border-radius:11px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 105deg, var(--sw-premium-red) 0%, #df2a48 34%, #b64d58 50%, var(--sw-premium-green) 73%, var(--sw-premium-green-dark) 100% ) !important; box-shadow: 0 9px 21px rgba(7,155,99,.13), 0 5px 13px rgba(227,24,55,.08) !important; font:inherit; font-weight:850; cursor:pointer; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .sw-module-action:hover, .sw-primary-btn:hover, .sw-sb button.primary:hover, .sw-sb button.dark:hover{ color:#fff !important; -webkit-text-fill-color:#fff !important; transform:translateY(-1px); box-shadow: 0 13px 27px rgba(7,155,99,.17) !important; filter:brightness(1.02); } /* ----------------------------- Shared fields ----------------------------- */ .sw-wallet-page input, .sw-wallet-page select, .sw-wallet-page textarea, .sw-family-page input, .sw-family-page select, .sw-family-page textarea, .sw-sb input, .sw-sb select, .sw-sb textarea, .sw-module-card input, .sw-module-card select, .sw-module-card textarea, .sw-myqr-page input, .sw-myqr-page select, .sw-myqr-page textarea{ border:1px solid var(--sw-premium-border-strong) !important; border-radius:11px !important; background:#fff !important; color:var(--sw-premium-text) !important; -webkit-text-fill-color:var(--sw-premium-text) !important; outline:0 !important; box-shadow: inset 0 1px 2px rgba(23,32,51,.018) !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } .sw-wallet-page input:hover, .sw-wallet-page select:hover, .sw-wallet-page textarea:hover, .sw-family-page input:hover, .sw-family-page select:hover, .sw-family-page textarea:hover, .sw-sb input:hover, .sw-sb select:hover, .sw-sb textarea:hover, .sw-module-card input:hover, .sw-module-card select:hover, .sw-module-card textarea:hover{ border-color:#aebbc7 !important; } .sw-wallet-page input:focus, .sw-wallet-page select:focus, .sw-wallet-page textarea:focus, .sw-family-page input:focus, .sw-family-page select:focus, .sw-family-page textarea:focus, .sw-sb input:focus, .sw-sb select:focus, .sw-sb textarea:focus, .sw-module-card input:focus, .sw-module-card select:focus, .sw-module-card textarea:focus{ border-color:var(--sw-premium-green) !important; box-shadow: 0 0 0 3px rgba(7,155,99,.09), 0 7px 18px rgba(7,155,99,.04) !important; } .sw-wallet-page input::placeholder, .sw-family-page input::placeholder, .sw-sb input::placeholder, .sw-module-card input::placeholder{ color:#98a4b1 !important; -webkit-text-fill-color:#98a4b1 !important; opacity:1; } /* ----------------------------- Savings / Qorjian / Welfare / Donation shared card ----------------------------- */ .sw-sb{ width:calc(100% - 20px) !important; max-width:900px !important; margin:16px auto !important; padding:0 0 24px !important; box-sizing:border-box; color:var(--sw-premium-text); } .sw-sb-head{ padding:17px 18px !important; margin-bottom:12px !important; border:1px solid var(--sw-premium-border) !important; border-radius:16px !important; background: linear-gradient( 145deg, #ffffff, #fff9fa 52%, #f2fbf7 ) !important; box-shadow:var(--sw-premium-shadow-soft) !important; } .sw-sb-head h2{ margin:0 0 4px !important; color:var(--sw-premium-text) !important; -webkit-text-fill-color:var(--sw-premium-text) !important; font-size:22px !important; font-weight:900 !important; } .sw-sb-head p{ margin:0 !important; color:var(--sw-premium-soft) !important; -webkit-text-fill-color:var(--sw-premium-soft) !important; font-size:11px !important; line-height:1.55 !important; } .sw-sb-card{ position:relative !important; padding:18px !important; border:1px solid var(--sw-premium-border) !important; border-radius:18px !important; background:#fff !important; box-shadow:var(--sw-premium-shadow) !important; overflow:hidden; } .sw-sb-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient( 90deg, var(--sw-premium-red), var(--sw-premium-green) ); } .sw-sb-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:9px !important; margin-bottom:14px !important; } .sw-sb-stat{ padding:11px 12px !important; border:1px solid #e2e9ed !important; border-radius:12px !important; background: linear-gradient( 145deg, #fff, #f5faf8 ) !important; } .sw-sb-stat small{ display:block !important; color:var(--sw-muted) !important; font-size:9px !important; } .sw-sb-stat strong{ display:block !important; margin-top:3px !important; color:var(--sw-premium-text) !important; -webkit-text-fill-color:var(--sw-premium-text) !important; font-size:14px !important; } .sw-sb-card > label, .sw-sb-pin label{ display:block !important; margin:0 0 6px !important; color:var(--sw-premium-text) !important; -webkit-text-fill-color:var(--sw-premium-text) !important; font-size:11px !important; font-weight:850 !important; } .sw-sb-actions{ gap:8px !important; } .sw-sb-msg{ margin-top:12px !important; padding:10px 11px !important; border:1px solid #dce9e2 !important; border-radius:10px !important; background:#f5fbf8 !important; color:var(--sw-premium-soft) !important; } .sw-sb-pin{ margin-top:12px !important; padding:12px !important; border:1px dashed #c9ded5 !important; border-radius:12px !important; background:#f8fcfa !important; } /* ----------------------------- Notification ----------------------------- */ .sw-notification-page{ width:calc(100% - 20px) !important; max-width:980px !important; margin:16px auto !important; } .sw-notification-head, .sw-notification-item, .sw-notification-toolbar, .sw-notification-empty{ border-color:var(--sw-premium-border) !important; } .sw-notification-head{ border-radius:16px !important; background: linear-gradient( 145deg, #fff, #fff9fa 50%, #f3fbf7 ) !important; box-shadow:var(--sw-premium-shadow-soft) !important; } .sw-notification-head h2, .sw-notification-title-row strong{ color:var(--sw-premium-text) !important; } .sw-notification-head p, .sw-notification-toolbar, .sw-notification-body p, .sw-notification-body time{ color:var(--sw-premium-soft) !important; } .sw-notification-readall{ color:#fff !important; background: linear-gradient( 135deg, var(--sw-premium-red), var(--sw-premium-green) ) !important; } /* ----------------------------- Payment Method ----------------------------- */ .sw-pm-settings{ width:calc(100% - 20px) !important; max-width:1080px !important; margin:16px auto !important; } .sw-pm-settings-hero{ border:1px solid #dce8e2 !important; border-radius:17px !important; background: linear-gradient( 135deg, #ffffff, #fff9fa 48%, #eefaf5 ) !important; color:var(--sw-premium-text) !important; box-shadow:var(--sw-premium-shadow-soft) !important; } .sw-pm-settings h2, .sw-pm-settings h3{ color:var(--sw-premium-text) !important; } .sw-pm-kicker, .sw-pm-section-kicker{ color:var(--sw-premium-green-dark) !important; } .sw-pm-card{ border:1px solid var(--sw-premium-border) !important; border-radius:16px !important; background:#fff !important; box-shadow:var(--sw-premium-shadow-soft) !important; } .sw-pm-field input, .sw-pm-field textarea, .sw-pm-field select, .sw-pm-grid input, .sw-pm-grid textarea, .sw-pm-grid select, .sw-pm-bank-row input, .sw-pm-bank-row textarea{ border:1px solid var(--sw-premium-border-strong) !important; } .sw-pm-field input:focus, .sw-pm-field textarea:focus, .sw-pm-field select:focus, .sw-pm-bank-row input:focus, .sw-pm-bank-row textarea:focus{ border-color:var(--sw-premium-green) !important; box-shadow:0 0 0 3px rgba(7,155,99,.09) !important; } .sw-pm-status.on{ color:var(--sw-premium-green-dark) !important; background:#eaf9f3 !important; } /* ----------------------------- Transaction history ----------------------------- */ .sw-transaction-history{ width:calc(100% - 20px) !important; max-width:1000px !important; margin:16px auto !important; padding:18px !important; border:1px solid var(--sw-premium-border) !important; border-radius:17px !important; background:#fff !important; box-shadow:var(--sw-premium-shadow) !important; } .sw-payment-balance{ border:1px solid #dce9e2 !important; background: linear-gradient( 105deg, #f2fbf6, #fffafa ) !important; } .sw-payment-table-wrap{ border-color:#dfe7eb !important; border-radius:12px !important; } .sw-payment-table th{ background:#f4faf7 !important; color:#526078 !important; } .sw-payment-table td{ color:#405267 !important; } /* ----------------------------- My QR ----------------------------- */ .sw-myqr-page{ width:calc(100% - 20px) !important; max-width:900px !important; margin:16px auto !important; } /* ----------------------------- Shared status colors ----------------------------- */ .sw-status, .sw-payment-status, .sw-status-pill{ opacity:1 !important; } .sw-status.sw-verified, .sw-status-pill.is-success, .sw-payment-status{ color:var(--sw-premium-green-dark) !important; background:#eaf9f3 !important; } .sw-status.sw-pending, .sw-status-pill.is-pending{ color:#a16207 !important; background:#fff7df !important; } .sw-status.sw-rejected{ color:var(--sw-premium-red-dark) !important; background:#fff0f3 !important; } /* ----------------------------- Mobile ----------------------------- */ @media(max-width:680px){ .sw-module-card, .sw-wallet-page, .sw-family-page, .sw-notification-page, .sw-checkout, .sw-pm-settings, .sw-transaction-history, .sw-myqr-page, .sw-sb{ width:calc(100% - 10px) !important; } .sw-sb-grid{ grid-template-columns:1fr !important; } .sw-sb-actions{ display:flex !important; flex-direction:column !important; } .sw-sb-actions button{ width:100% !important; } } @media(max-width:390px){ .sw-module-card, .sw-wallet-page, .sw-family-page, .sw-notification-page, .sw-checkout, .sw-pm-settings, .sw-transaction-history, .sw-myqr-page, .sw-sb{ width:calc(100% - 6px) !important; } } /* ========================================================= STOP Wallet Manual Payment Settings — Premium Admin UI Self-contained styles. The page works in wp-admin even when front-end payment-method assets are not registered. ========================================================= */ .sw-pm-settings-premium{--swx-text:#142332;--swx-muted:#71808c;--swx-border:#dce8e4;--swx-green:#08784b;--swx-green-2:#14a36b;--swx-red:#df1645;--swx-blue:#405bf2;--swx-shadow:0 18px 48px rgba(20,55,46,.09);position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;color:var(--swx-text);font-family:inherit} .sw-pm-settings-premium,.sw-pm-settings-premium *{box-sizing:border-box} .sw-pm-settings-premium .sw-pm-settings-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:205px;padding:34px 38px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:24px!important;background:linear-gradient(135deg,#101f35 0%,#173f42 38%,#08784b 73%,#15a46b 125%)!important;color:#fff!important;box-shadow:0 24px 60px rgba(8,120,75,.18)!important} .sw-pm-settings-premium .sw-pm-settings-hero:before{content:"";position:absolute;inset:auto -70px -130px auto;width:380px;height:380px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018);pointer-events:none} .sw-pm-settings-premium .sw-pm-hero-copy{position:relative;z-index:1;min-width:0} .sw-pm-settings-premium .sw-pm-hero-topline{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .sw-pm-settings-premium .sw-pm-kicker{color:#d8fff0!important;font-size:10px;font-weight:900;letter-spacing:.17em} .sw-pm-settings-premium .sw-pm-live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:10px;font-weight:800} .sw-pm-settings-premium .sw-pm-live i{width:7px;height:7px;border-radius:50%;background:#7dffc1;box-shadow:0 0 0 4px rgba(125,255,193,.1)} .sw-pm-settings-premium .sw-pm-settings-hero h2{margin:12px 0 8px!important;color:#fff!important;font-size:31px!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.025em} .sw-pm-settings-premium .sw-pm-settings-hero p{max-width:760px;margin:0!important;color:rgba(255,255,255,.77)!important;font-size:13px;line-height:1.65} .sw-pm-settings-premium .sw-pm-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px} .sw-pm-settings-premium .sw-pm-hero-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.07);font-size:10px;color:rgba(255,255,255,.72)} .sw-pm-settings-premium .sw-pm-hero-meta b{color:#fff;margin-right:4px} .sw-pm-settings-premium .sw-pm-hero-orb{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 112px;width:112px;height:112px;border:1px solid rgba(255,255,255,.22);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 40px rgba(0,0,0,.12);transform:rotate(4deg)} .sw-pm-settings-premium .sw-pm-hero-orb span{font-size:29px;font-weight:950;letter-spacing:.08em;transform:rotate(-4deg)} .sw-pm-settings-premium .sw-pm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 18px;padding:14px 17px;border:1px solid var(--swx-border);border-radius:16px;background:linear-gradient(120deg,#fff,#f7fbf9);box-shadow:0 8px 25px rgba(20,55,46,.045)} .sw-pm-settings-premium .sw-pm-toolbar>div{display:grid;gap:3px}.sw-pm-toolbar-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--swx-green)}.sw-pm-toolbar strong{font-size:13px}.sw-pm-toolbar small{font-size:10px;color:var(--swx-muted)}.sw-pm-protected{padding:7px 10px;border-radius:999px;background:#eaf9f3;color:var(--swx-green);font-size:10px;font-weight:900;white-space:nowrap} .sw-pm-settings-premium .sw-pm-settings-form{display:grid!important;gap:16px!important} .sw-pm-settings-premium .sw-pm-card{margin:0!important;padding:22px!important;border:1px solid var(--swx-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--swx-shadow)!important} .sw-pm-settings-premium .sw-pm-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px!important}.sw-pm-settings-premium .sw-pm-card-head h3{margin:5px 0 4px!important;font-size:19px!important;color:var(--swx-text)!important}.sw-pm-settings-premium .sw-pm-card-head p{margin:0!important;color:var(--swx-muted)!important;font-size:11px;line-height:1.55}.sw-pm-settings-premium .sw-pm-section-kicker{color:var(--swx-green)!important;font-size:9px;font-weight:900;letter-spacing:.14em}.sw-pm-settings-premium .sw-pm-section-badge{padding:8px 10px;border:1px solid #dfe7e4;border-radius:999px;background:#f7faf9;color:#64726f;font-size:9px;font-weight:900;white-space:nowrap}.sw-pm-settings-premium .sw-pm-badge-blue{background:#f0f3ff;color:#4054c8;border-color:#dfe4ff}.sw-pm-settings-premium .sw-pm-badge-green{background:#eaf9f3;color:var(--swx-green);border-color:#ccebdc}.sw-pm-settings-premium .sw-pm-badge-gold{background:#fff7e5;color:#966a00;border-color:#f0dfb4} .sw-pm-settings-premium .sw-pm-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sw-pm-settings-premium .sw-pm-method-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid #e3ebe8;border-radius:16px;background:#fbfdfc;cursor:pointer;transition:.18s ease}.sw-pm-settings-premium .sw-pm-method-tile:hover{border-color:#a9d9c4;transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,120,75,.08)}.sw-pm-settings-premium .sw-pm-method-tile.is-enabled{border-color:#8fd0b0;background:linear-gradient(145deg,#fff,#f0fbf5);box-shadow:0 8px 20px rgba(8,120,75,.07)}.sw-pm-settings-premium .sw-pm-method-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eaf9f3;color:var(--swx-green);font-size:15px;font-weight:950}.sw-pm-settings-premium .sw-pm-method-copy{display:grid;gap:3px;min-width:0}.sw-pm-settings-premium .sw-pm-method-copy strong{font-size:12px}.sw-pm-settings-premium .sw-pm-method-copy small{font-size:9px;color:var(--swx-muted)}.sw-pm-settings-premium .sw-pm-switch-input{position:absolute!important;opacity:0!important;pointer-events:none!important}.sw-pm-settings-premium .sw-pm-switch{position:relative;display:block;flex:0 0 42px;width:42px;height:24px;margin-left:auto;border-radius:999px;background:#d9e1df;transition:.18s}.sw-pm-settings-premium .sw-pm-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}.sw-pm-settings-premium .sw-pm-switch-input:checked~.sw-pm-switch{background:var(--swx-green)}.sw-pm-settings-premium .sw-pm-switch-input:checked~.sw-pm-switch i{transform:translateX(18px)} .sw-pm-settings-premium .sw-pm-info-banner{display:flex;gap:10px;margin-top:14px;padding:13px 14px;border:1px solid #dce8ff;border-radius:14px;background:#f5f8ff}.sw-pm-settings-premium .sw-pm-info-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#e7edff;color:#4054c8;font-weight:950;font-size:11px}.sw-pm-settings-premium .sw-pm-info-banner div{display:grid;gap:3px}.sw-pm-settings-premium .sw-pm-info-banner strong{font-size:11px;color:#34467c}.sw-pm-settings-premium .sw-pm-info-banner small{font-size:10px;line-height:1.6;color:#68799f} .sw-pm-settings-premium .sw-pm-default-wrap{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:stretch}.sw-pm-settings-premium .sw-pm-field{display:grid;gap:7px;font-size:11px;font-weight:800}.sw-pm-settings-premium .sw-pm-field>span{display:block;color:#40505c}.sw-pm-settings-premium .sw-pm-field input,.sw-pm-settings-premium .sw-pm-field textarea,.sw-pm-settings-premium .sw-pm-field select{width:100%;min-height:44px;border:1px solid #dce6e2!important;border-radius:12px!important;background:#fbfdfc!important;color:var(--swx-text)!important;padding:10px 12px!important;box-shadow:none!important;outline:0!important}.sw-pm-settings-premium .sw-pm-field textarea{min-height:88px;resize:vertical}.sw-pm-settings-premium .sw-pm-field input:focus,.sw-pm-settings-premium .sw-pm-field textarea:focus,.sw-pm-settings-premium .sw-pm-field select:focus{border-color:#54ae84!important;box-shadow:0 0 0 3px rgba(20,163,107,.09)!important;background:#fff!important}.sw-pm-settings-premium .sw-pm-field-full{grid-column:1/-1}.sw-pm-settings-premium .sw-pm-default-preview{display:grid;align-content:center;padding:15px 17px;border:1px solid #dce8ff;border-radius:14px;background:linear-gradient(145deg,#f8faff,#f1f5ff)}.sw-pm-settings-premium .sw-pm-default-preview span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#6172c8}.sw-pm-settings-premium .sw-pm-default-preview strong{margin:5px 0 2px;font-size:17px;color:#34467c}.sw-pm-settings-premium .sw-pm-default-preview small{font-size:9px;color:#7a87aa} .sw-pm-settings-premium .sw-pm-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sw-pm-settings-premium .sw-pm-account-card{padding:14px;border:1px solid #e1ebe7;border-radius:16px;background:#fbfdfc}.sw-pm-settings-premium .sw-pm-account-head,.sw-pm-settings-premium .sw-pm-bank-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sw-pm-settings-premium .sw-pm-account-head>div{display:flex;align-items:center;gap:9px;min-width:0}.sw-pm-settings-premium .sw-pm-wallet-logo{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#eaf9f3;color:var(--swx-green);font-size:13px;font-weight:950}.sw-pm-settings-premium .sw-pm-wallet-nagad{background:#fff4f5;color:#c92745}.sw-pm-settings-premium .sw-pm-wallet-rocket{background:#f0f1ff;color:#4a54c7}.sw-pm-settings-premium .sw-pm-account-head>div>div{display:grid;gap:2px}.sw-pm-settings-premium .sw-pm-account-head strong{font-size:12px}.sw-pm-settings-premium .sw-pm-account-head small{font-size:9px;color:var(--swx-muted)}.sw-pm-settings-premium .sw-pm-add-mobile,.sw-pm-settings-premium .sw-pm-add-bank{display:inline-flex;align-items:center;gap:5px;border:1px solid #cce7d9!important;border-radius:10px!important;padding:8px 10px!important;background:#eefaf4!important;color:var(--swx-green)!important;font-size:9px;font-weight:900;cursor:pointer;box-shadow:none!important}.sw-pm-settings-premium .sw-pm-add-mobile span,.sw-pm-settings-premium .sw-pm-add-bank span{font-size:14px;line-height:1}.sw-pm-settings-premium .sw-pm-repeat-list{display:grid;gap:8px}.sw-pm-settings-premium .sw-pm-repeat-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px;border:1px solid #e5ece9;border-radius:13px;background:#fff}.sw-pm-settings-premium .sw-pm-repeat-row label{display:grid;gap:5px;min-width:0}.sw-pm-settings-premium .sw-pm-repeat-row label>span{font-size:8px;font-weight:850;color:#71808c;text-transform:uppercase;letter-spacing:.04em}.sw-pm-settings-premium .sw-pm-repeat-row label input,.sw-pm-settings-premium .sw-pm-repeat-row label textarea{width:100%;min-height:38px;border:1px solid #dce6e2!important;border-radius:9px!important;padding:8px 9px!important;background:#fbfdfc!important;color:#1a2c38!important;box-shadow:none!important}.sw-pm-settings-premium .sw-pm-repeat-row label textarea{min-height:58px;resize:vertical}.sw-pm-settings-premium .sw-pm-repeat-row label input:focus,.sw-pm-settings-premium .sw-pm-repeat-row label textarea:focus{border-color:#54ae84!important;box-shadow:0 0 0 3px rgba(20,163,107,.07)!important}.sw-pm-settings-premium .sw-pm-row-wide{grid-column:1/-1}.sw-pm-settings-premium .sw-pm-remove-mobile,.sw-pm-settings-premium .sw-pm-remove-bank{position:absolute;right:8px;top:8px;width:29px;height:29px;border:1px solid #f1d4d8!important;border-radius:9px!important;background:#fff3f4!important;color:#b42318!important;font-size:17px;line-height:1;cursor:pointer}.sw-pm-settings-premium .sw-pm-empty-account{padding:12px;border:1px dashed #d9e5e1;border-radius:10px;background:#fff;color:#87939a;font-size:9px;text-align:center}.sw-pm-settings-premium .sw-pm-empty-account b{color:var(--swx-green)}.sw-pm-settings-premium .sw-pm-field-full{margin-top:14px}.sw-pm-settings-premium .sw-pm-bank-panel{margin-top:15px;padding:15px;border:1px solid #e3e9ff;border-radius:16px;background:#fafbff}.sw-pm-settings-premium .sw-pm-bank-head{margin-bottom:10px}.sw-pm-settings-premium .sw-pm-bank-head>div{display:grid;gap:3px}.sw-pm-settings-premium .sw-pm-bank-head .sw-pm-section-kicker{color:#5263c5!important}.sw-pm-settings-premium .sw-pm-bank-head strong{font-size:13px}.sw-pm-settings-premium .sw-pm-bank-head small{font-size:9px;color:var(--swx-muted)}.sw-pm-settings-premium .sw-pm-bank-row{grid-template-columns:1fr 1fr 1fr}.sw-pm-settings-premium .sw-pm-bank-row .sw-pm-row-wide{grid-column:1/4;padding-right:35px}.sw-pm-settings-premium .sw-pm-bank-row .sw-pm-remove-bank{top:10px;right:10px} .sw-pm-settings-premium .sw-pm-charge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sw-pm-settings-premium .sw-pm-charge-card{padding:15px;border:1px solid #e5e9e7;border-radius:15px;background:linear-gradient(145deg,#fff,#fafcfb)}.sw-pm-settings-premium .sw-pm-charge-label{display:block;margin-bottom:9px;font-size:11px;font-weight:900}.sw-pm-settings-premium .sw-pm-charge-input{position:relative}.sw-pm-settings-premium .sw-pm-charge-input input{width:100%;height:45px;padding:10px 34px 10px 12px;border:1px solid #dce6e2!important;border-radius:11px!important;background:#fbfdfc!important;font-size:16px;font-weight:900;box-shadow:none!important;outline:0}.sw-pm-settings-premium .sw-pm-charge-input input:focus{border-color:#54ae84!important;box-shadow:0 0 0 3px rgba(20,163,107,.09)!important;background:#fff!important}.sw-pm-settings-premium .sw-pm-charge-input b{position:absolute;right:12px;top:13px;color:#77858c;font-size:11px}.sw-pm-settings-premium .sw-pm-charge-card small{display:block;margin-top:7px;font-size:9px;color:var(--swx-muted)} .sw-pm-settings-premium .sw-pm-savebar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #cfe5da;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(15,45,37,.14);backdrop-filter:blur(12px)}.sw-pm-settings-premium .sw-pm-savebar-copy{display:flex;align-items:center;gap:10px}.sw-pm-settings-premium .sw-pm-save-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#eaf9f3;color:var(--swx-green);font-weight:950}.sw-pm-settings-premium .sw-pm-savebar-copy>div{display:grid;gap:3px}.sw-pm-settings-premium .sw-pm-savebar strong{font-size:12px}.sw-pm-settings-premium .sw-pm-savebar small{font-size:9px;color:var(--swx-muted)}.sw-pm-settings-premium .sw-pm-save{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:190px;border:0!important;border-radius:12px!important;padding:12px 17px!important;background:linear-gradient(135deg,#08784b,#15a36b)!important;color:#fff!important;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 9px 20px rgba(8,120,75,.2)!important}.sw-pm-settings-premium .sw-pm-save:hover{filter:brightness(1.04)}.sw-pm-settings-premium .sw-pm-save:disabled{opacity:.65;cursor:wait}.sw-pm-settings-premium .sw-pm-save.is-saving{filter:grayscale(.2)} .sw-pm-settings-premium .sw-pm-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.sw-pm-settings-premium .sw-pm-modal.is-open{display:flex}.sw-pm-settings-premium .sw-pm-modal-backdrop{position:absolute;inset:0;background:rgba(7,20,18,.58);backdrop-filter:blur(4px)}.sw-pm-settings-premium .sw-pm-modal-dialog{position:relative;width:min(460px,100%);padding:25px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:swPmPop .18s ease-out}.sw-pm-settings-premium .sw-pm-modal-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:9px;background:#f3f6f5;color:#60716b;font-size:20px;cursor:pointer}.sw-pm-settings-premium .sw-pm-modal-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:15px;background:#eaf9f3;color:var(--swx-green);font-size:21px;font-weight:950}.sw-pm-settings-premium .sw-pm-modal-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--swx-green)}.sw-pm-settings-premium .sw-pm-modal-dialog h3{margin:5px 0 6px;font-size:21px}.sw-pm-settings-premium .sw-pm-modal-dialog>p{margin:0;color:var(--swx-muted);font-size:11px;line-height:1.6}.sw-pm-settings-premium .sw-pm-modal-summary{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.sw-pm-settings-premium .sw-pm-modal-summary span{padding:7px 9px;border-radius:9px;background:#f3f8f5;color:#3b6552;font-size:9px;font-weight:800}.sw-pm-settings-premium .sw-pm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.sw-pm-settings-premium .sw-pm-modal-actions button{border:0;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:900;cursor:pointer}.sw-pm-settings-premium .sw-pm-modal-cancel{background:#f2f5f4;color:#52625d}.sw-pm-settings-premium .sw-pm-modal-confirm{background:#08784b;color:#fff;box-shadow:0 7px 16px rgba(8,120,75,.18)} .sw-pm-settings-premium .sw-pm-toast-stack{position:fixed;right:24px;bottom:24px;z-index:100001;display:grid;gap:9px;width:min(360px,calc(100vw - 30px))}.sw-pm-settings-premium .sw-pm-toast{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #cfe5da;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 15px 38px rgba(15,45,37,.16);animation:swPmSlide .22s ease-out}.sw-pm-settings-premium .sw-pm-toast-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#eaf9f3;color:#08784b;font-weight:950}.sw-pm-settings-premium .sw-pm-toast div{display:grid;gap:2px;min-width:0;flex:1}.sw-pm-settings-premium .sw-pm-toast strong{font-size:10px}.sw-pm-settings-premium .sw-pm-toast small{font-size:9px;color:#6f7d84;line-height:1.4}.sw-pm-settings-premium .sw-pm-toast button{border:0;background:transparent;color:#8a9895;font-size:17px;cursor:pointer}.sw-pm-settings-premium .sw-pm-toast-error{border-color:#f0d0d5}.sw-pm-settings-premium .sw-pm-toast-error .sw-pm-toast-icon{background:#fff0f2;color:#b42318} @keyframes swPmPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes swPmSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .sw-pm-modal-open{overflow:hidden} @media(max-width:1000px){.sw-pm-settings-premium .sw-pm-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-pm-settings-premium .sw-pm-wallet-grid{grid-template-columns:1fr}.sw-pm-settings-premium .sw-pm-charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.sw-pm-settings-premium .sw-pm-settings-hero{align-items:flex-start;flex-direction:column;padding:25px!important}.sw-pm-settings-premium .sw-pm-hero-orb{display:none}.sw-pm-settings-premium .sw-pm-settings-hero h2{font-size:25px!important}.sw-pm-settings-premium .sw-pm-toolbar{align-items:flex-start;flex-direction:column}.sw-pm-settings-premium .sw-pm-card{padding:16px!important;border-radius:17px!important}.sw-pm-settings-premium .sw-pm-card-head{flex-direction:column}.sw-pm-settings-premium .sw-pm-method-grid,.sw-pm-settings-premium .sw-pm-charge-grid,.sw-pm-settings-premium .sw-pm-default-wrap{grid-template-columns:1fr}.sw-pm-settings-premium .sw-pm-repeat-row,.sw-pm-settings-premium .sw-pm-bank-row{grid-template-columns:1fr}.sw-pm-settings-premium .sw-pm-row-wide,.sw-pm-settings-premium .sw-pm-bank-row .sw-pm-row-wide{grid-column:1}.sw-pm-settings-premium .sw-pm-savebar{align-items:stretch;flex-direction:column}.sw-pm-settings-premium .sw-pm-save{width:100%}.sw-pm-settings-premium .sw-pm-toast-stack{right:15px;bottom:15px}.sw-pm-settings-premium .sw-pm-account-head{align-items:flex-start;flex-direction:column}.sw-pm-settings-premium .sw-pm-add-mobile,.sw-pm-settings-premium .sw-pm-add-bank{width:100%;justify-content:center}} @media(max-width:420px){.sw-pm-settings-premium .sw-pm-hero-meta{display:grid;grid-template-columns:1fr}.sw-pm-settings-premium .sw-pm-settings-hero p{font-size:11px}.sw-pm-settings-premium .sw-pm-method-tile{padding:11px}.sw-pm-settings-premium .sw-pm-method-icon{flex-basis:34px;width:34px;height:34px}.sw-pm-settings-premium .sw-pm-switch{flex-basis:38px;width:38px}.sw-pm-settings-premium .sw-pm-switch-input:checked~.sw-pm-switch i{transform:translateX(14px)}}