:root{--bg:#f5f7fa;--card:#fff;--ink:#102018;--muted:#64748b;--primary:#0b8f55;--primary-dark:#087344;--primary-light:#e8fff4;--primary-soft:#effbf6;--line:#e5e7eb;--danger:#dc2626;--danger-light:#fff1f2;--warning:#a16207;--warning-light:#fff8e7;--shadow:0 8px 28px rgba(15,23,42,.06);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:100}.brand{color:var(--primary);font-size:24px;font-weight:850;letter-spacing:-.6px}.brand span{color:var(--ink)}.top-actions{display:flex;gap:10px;align-items:center}.nav-actions{display:flex;align-items:center;gap:8px}.dropdown{position:relative}.drop-btn{border:0;background:#fff;color:var(--ink);padding:10px 12px;border-radius:10px;font-weight:750;cursor:pointer}.drop-btn:hover{background:var(--primary-soft);color:var(--primary)}.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:300}.dropdown.open .dropdown-menu{display:grid}.dropdown-menu a{padding:10px 12px;border-radius:9px;color:var(--muted);font-weight:700}.dropdown-menu a:hover{background:var(--primary-light);color:var(--primary)}.layout{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto}.nav{display:grid;gap:5px}.nav a{padding:11px 13px;border-radius:10px;color:var(--muted);font-weight:700}.nav a:hover,.nav a.active{background:var(--primary-light);color:var(--primary)}.main{flex:1;min-width:0;padding:24px}.container{width:100%;max-width:1200px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.hero h1{margin:0 0 5px;font-size:30px;letter-spacing:-.6px}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h3{margin:0 0 8px}.stat .label{font-size:13px;color:var(--muted);font-weight:750}.stat .value{font-size:26px;font-weight:850;margin-top:8px}.balance-card{background:linear-gradient(135deg,#0b8f55,#087344);color:#fff;border:none}.balance-card .muted{color:rgba(255,255,255,.82)}.balance-value{font-size:38px;font-weight:900;letter-spacing:-1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer;background:var(--primary);color:#fff;transition:.18s}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.secondary{background:var(--primary-light);color:var(--primary)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--danger-light);color:var(--danger)}.btn.success{background:var(--primary-light);color:var(--primary)}.actions{display:flex;gap:10px;flex-wrap:wrap}.icon-box{width:46px;height:46px;border-radius:13px;background:var(--primary-light);display:grid;place-items:center;font-size:23px;color:#0b8f55}.icon-box .ui-icon{width:23px;height:23px;display:block;color:#0b8f55;stroke:currentColor;stroke-width:1.8}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.profile-tile{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--primary-light);color:var(--primary);font-weight:900;font-size:20px}.menu-card{display:flex;align-items:center;gap:14px;padding:17px}.menu-card:hover{border-color:#bfe9d6;box-shadow:0 12px 30px rgba(11,143,85,.09)}.menu-card .arrow{margin-left:auto;color:var(--muted)}form{display:grid;gap:14px}label{display:block;font-size:13px;font-weight:800;color:#475569;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #d6deea;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,143,85,.1)}textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef1f5;color:#58667d}.badge.pending{background:var(--warning-light);color:var(--warning)}.badge.approved,.badge.active,.badge.matured{background:var(--primary-light);color:var(--primary)}.badge.rejected,.badge.disabled,.badge.suspended{background:var(--danger-light);color:var(--danger)}.notice{padding:13px 15px;border-radius:11px;background:var(--primary-light);border:1px solid #ccefe0;color:var(--primary-dark)}.warning{padding:14px 16px;border-radius:11px;background:var(--warning-light);border:1px solid #f1dfb0;color:#7a5208}.error{padding:13px 15px;border-radius:11px;background:var(--danger-light);color:var(--danger)}.success-msg{padding:13px 15px;border-radius:11px;background:var(--primary-light);color:var(--primary)}.plan{display:flex;flex-direction:column;gap:14px}.plan:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,143,85,.12)}.plan .price{font-size:28px;font-weight:900;color:var(--primary)}.plan-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-meta>div{padding:10px;border-radius:10px;background:#f7f9fc}.invest-btn{width:100%;margin-top:auto}.plan.vip{border:2px solid var(--primary)}.vip-label{background:var(--primary);color:#fff;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;position:absolute;top:14px;right:14px}.empty{padding:28px;text-align:center;color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#effbf6,#f5f7fa)}.auth-card{width:min(500px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}.auth-card h1{margin:20px 0 8px}.footer-note{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.6}.home-hero{padding:42px 20px;border-radius:24px;background:linear-gradient(135deg,#e8fff4,#fff);border:1px solid #d5f3e4}.home-hero h1{font-size:48px;line-height:1.03;letter-spacing:-1.2px;margin:12px 0}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:14px}.home-nav .links{display:flex;gap:18px;color:var(--muted);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bottom-nav{display:none}.loading{padding:30px;text-align:center;color:var(--muted)}.popup-overlay{position:fixed;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:9999}.popup-card{width:min(480px,100%);background:#fff;border-radius:20px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.popup-card .btn{width:100%;margin-top:16px}.popup-icon{width:54px;height:54px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:25px;margin-bottom:14px}.switch{position:relative;width:52px;height:30px;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cbd5e1;border-radius:99px;cursor:pointer}.slider:before{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.18s}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translateX(22px)}.setting-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.mobile-toggle{display:none}
@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.nav-actions{display:none}.mobile-toggle{display:inline-flex}.sidebar{display:none}.layout{display:block}.main{padding:18px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 35px rgba(15,23,42,.12);z-index:150;padding:7px}.bottom-nav a{display:grid;place-items:center;gap:2px;padding:6px 3px;color:var(--muted);font-size:11px;font-weight:800}.bottom-nav a.active{color:var(--primary)}.main{padding-bottom:90px}}
@media(max-width:720px){.topbar{height:64px;padding:0 12px}.form-row,.grid-2,.grid-3,.grid-4,.feature-grid{grid-template-columns:1fr}.home-nav{align-items:flex-start;flex-direction:column}.home-nav .links{flex-wrap:wrap;gap:10px}.home-hero h1{font-size:38px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:26px}.top-actions .hide-mobile{display:none}.main{padding:14px}.card{padding:17px}.balance-value{font-size:32px}.plan .price{font-size:25px}.btn{padding:11px 14px}}

/* ===== PayRise visual refresh: customer UI only ===== */
:root{--primary:#087b4f;--primary-dark:#05613e;--primary-light:#eaf8f1;--primary-soft:#f3fbf7;--ink:#17221d;--muted:#66736c;--line:#e4ebe7;--shadow:0 10px 30px rgba(15,23,42,.07);--radius:16px}
.ui-icon{width:18px;height:18px;display:block;flex:0 0 auto}.ui-icon[stroke]{stroke:currentColor}
.topbar{background:#fff}.brand span{color:var(--primary)}
.top-actions{display:flex;align-items:center}.menu-trigger{border:1px solid var(--line);background:#f7faf8;color:var(--ink);border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.menu-trigger:hover{background:var(--primary-light)}
.nav a{display:flex;align-items:center;gap:10px}.nav a .ui-icon{width:17px;height:17px}.bottom-nav a{display:grid;place-items:center}.bottom-nav .ui-icon{width:18px;height:18px}
.mobile-menu-panel{position:fixed;top:0;right:0;width:min(340px,88vw);height:100vh;background:#fff;z-index:10001;box-shadow:-20px 0 60px rgba(15,23,42,.18);padding:20px;transform:translateX(110%);transition:transform .2s ease;overflow:auto}.mobile-menu-panel.open{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-bottom:18px}.icon-button{border:0;background:#f4f7f5;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer}.menu-panel-links{display:grid;gap:6px}.menu-panel-links a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:var(--ink);font-weight:750}.menu-panel-links a:hover{background:var(--primary-light);color:var(--primary)}.menu-logout{margin-top:20px;width:100%;padding:12px;border-radius:10px;border:1px solid #e7d1d1;background:#fff7f7;color:#a23b3b;font-weight:800;cursor:pointer}
.dashboard-welcome{font-size:13px;font-weight:650;color:var(--muted);margin:0 0 9px 2px}.dashboard-balance{border-radius:20px;padding:24px;background:linear-gradient(135deg,#0a8b55,#076b43);box-shadow:0 18px 40px rgba(8,123,79,.18)}.balance-main{margin-bottom:22px}.balance-label{font-size:13px;color:rgba(255,255,255,.78);font-weight:700}.balance-total{font-size:38px;line-height:1.05;font-weight:900;letter-spacing:-1px;color:#fff;margin-top:5px}.balance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.balance-stats>div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px}.balance-stats span{display:block;font-size:11px;color:rgba(255,255,255,.72);font-weight:700}.balance-stats strong{display:block;color:#fff;font-size:15px;margin-top:5px}.quick-actions-section{margin-top:14px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;background:#eaf8f1;border:1px solid #d8efe3;color:#143126;border-radius:12px;font-weight:850;text-decoration:none;transition:.18s}.quick-action:hover{background:#def3e8;transform:translateY(-1px)}.quick-action .ui-icon{width:17px;height:17px}.recent-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;margin-top:14px}.recent-card .section-title{margin-bottom:6px}.recent-card h3{margin:0;font-size:17px}.view-all{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:12px;font-weight:850;text-decoration:none}.view-all .ui-icon{width:14px;height:14px}.recent-list{display:grid;min-width:0}.recent-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1ee;min-width:0;overflow:hidden}.recent-item:last-child{border-bottom:0}.recent-item-icon{width:34px;height:34px;border-radius:10px;background:#f1f5f2;color:#1e3028;display:grid;place-items:center;flex:0 0 auto}.recent-item-icon .ui-icon{width:16px;height:16px}.recent-item-main{min-width:0;flex:1 1 auto;overflow:hidden}.recent-item-main strong,.recent-item-main span,.recent-item-amount strong,.recent-item-amount span{display:block}.recent-item-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-main span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.recent-item-amount{flex:0 0 auto;min-width:88px;text-align:right;white-space:nowrap}.recent-item-amount strong{font-size:13px;white-space:nowrap}.recent-item-amount span{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap}.floating-chat{position:fixed;right:20px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e5f7ee;color:#15382b;border:1px solid #cfeadd;box-shadow:0 14px 30px rgba(15,23,42,.16);z-index:140;text-decoration:none}.floating-chat:hover{transform:translateY(-2px);background:#d9f1e5}.floating-chat .ui-icon{width:22px;height:22px}
.profile-summary{display:flex;align-items:center;gap:12px;background:#f7faf8;border:1px solid var(--line);border-radius:14px;padding:14px 15px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.profile-summary-avatar{width:38px;height:38px;border-radius:50%;background:#e7f4ed;color:#174b35;display:grid;place-items:center;font-weight:900;font-size:15px}.profile-summary h2{margin:0;font-size:18px}.profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.profile-link{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 11px;background:#f3f6f4;border:1px solid #dfe7e2;border-radius:11px;box-shadow:0 7px 18px rgba(15,23,42,.07);color:var(--ink);text-decoration:none}.profile-link:hover{background:#edf5f0;box-shadow:0 10px 22px rgba(15,23,42,.1);transform:translateY(-1px)}.profile-link>.ui-icon:first-child{width:17px;height:17px;color:#24332c}.profile-link strong{font-size:12px;font-weight:900}.profile-arrow{margin-left:auto;width:15px!important;height:15px!important;color:#6d7973}.plan-icon{width:42px;height:42px;border-radius:12px;background:#f1f5f2;color:#23342c;display:grid;place-items:center;margin-bottom:3px}.plan-icon .ui-icon{width:20px;height:20px}.invest-btn{background:var(--primary)}.profile-summary #name{
  color:#0b8f55;
  font-weight:950;
}
.auth-card .brand{font-size:20px}.auth-card h1{margin-top:16px}.auth-card .btn{width:100%}.popup-icon .ui-icon{width:23px;height:23px}.install-notice .btn{background:var(--primary)}
@media(max-width:720px){.dashboard-balance{padding:19px}.balance-total{font-size:31px}.balance-stats{gap:7px}.balance-stats>div{padding:10px 8px}.balance-stats span{font-size:9px}.balance-stats strong{font-size:12px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:7px}.quick-action{padding:12px 5px;font-size:12px;gap:5px}.quick-action .ui-icon{width:15px;height:15px}.recent-card{padding:15px}.profile-links{grid-template-columns:1fr}.floating-chat{right:14px;bottom:78px;width:52px;height:52px}.bottom-nav{padding:6px}.main{padding-bottom:88px}}

/* PayRise final UI refinements */
.money-input{font-size:28px!important;font-weight:800!important;letter-spacing:.2px;text-align:center;max-width:300px;margin:0 auto 14px;display:block;height:58px}
.deposit-card{max-width:680px;margin-left:auto;margin-right:auto}
.payrise-confirm-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(11,143,85,.05);text-align:center}
.header-bell-spacer{width:42px;height:42px;flex:0 0 42px;visibility:hidden}.header-bell-profile-slot{margin-left:0}.payrise-live-notification{position:fixed;inset:0 0 auto 0;height:84px;background:rgba(255,255,255,.98);border-bottom:1px solid #dfe9e4;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:99998;overflow:hidden;clip-path:circle(22px at var(--bell-x) var(--bell-y));transform:translateY(-2px);opacity:0;transform-origin:var(--bell-x) var(--bell-y);transition:clip-path .24s cubic-bezier(.2,.8,.2,1),opacity .16s ease,transform .24s ease}.payrise-live-notification.is-open{clip-path:circle(160% at var(--bell-x) var(--bell-y));opacity:1;transform:none}.payrise-live-notification.is-closing{clip-path:circle(22px at var(--bell-x) var(--bell-y));opacity:0;transform:translateY(-2px)}.payrise-live-notification-inner{height:100%;width:min(900px,calc(100% - 28px));margin:0 auto;display:flex;align-items:center;gap:12px;padding:9px 18px}.payrise-live-notification-icon{width:38px;height:38px;border-radius:12px;background:#e8f7f0;color:#0b8f55;display:grid;place-items:center;flex:0 0 auto}.payrise-live-notification-icon .ui-icon{width:19px;height:19px}.payrise-live-notification-copy{min-width:0}.payrise-live-notification-copy strong{display:block;font-size:14px;font-weight:900;color:#17221d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payrise-live-notification-copy p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:600px){.header-bell-spacer{width:42px;height:42px;flex-basis:42px}.payrise-live-notification{height:78px;clip-path:circle(21px at var(--bell-x) var(--bell-y));transform-origin:var(--bell-x) var(--bell-y)}.payrise-live-notification.is-open{clip-path:circle(170% at var(--bell-x) var(--bell-y))}.payrise-live-notification.is-closing{clip-path:circle(21px at var(--bell-x) var(--bell-y))}.payrise-live-notification-inner{width:100%;padding:7px 14px;gap:10px}.payrise-live-notification-icon{width:34px;height:34px}.payrise-live-notification-copy strong{font-size:13px}.payrise-live-notification-copy p{font-size:11px}}

.payrise-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000}
.payrise-modal{width:min(420px,100%);background:#fff;border-radius:22px;padding:30px 24px;text-align:center;box-shadow:0 25px 80px rgba(15,23,42,.28);animation:payrisePop .18s ease-out}
.payrise-modal-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:30px;font-weight:900}
.payrise-modal-icon.success{background:rgba(11,143,85,.12);color:#0b8f55}
.payrise-modal-icon.error{background:rgba(220,38,38,.12);color:#dc2626}
.payrise-modal h3{margin:0 0 10px;font-size:22px}.payrise-modal p{margin:0 0 22px;color:#64748b;line-height:1.6}.payrise-modal .btn{min-width:130px}
.investment-icon{font-size:30px!important}
@keyframes payrisePop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}

.payrise-modal-icon.processing{background:rgba(11,143,85,.10);color:#0b8f55}

.deposit-account-card{background:#0b8f55;color:#fff;border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(11,143,85,.24);overflow:hidden}
.deposit-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:16px}
.deposit-account-label,.deposit-countdown-wrap span{font-size:11px;letter-spacing:.12em;opacity:.82;font-weight:700}
.deposit-account-head h3{margin:5px 0 0;color:#fff;font-weight:900;letter-spacing:.01em}
.deposit-countdown-wrap{text-align:right;background:rgba(255,255,255,.12);border-radius:12px;padding:9px 12px;min-width:92px}
.deposit-countdown-wrap strong{display:block;font-size:23px;line-height:1.1;margin-top:4px;color:#dc2626;font-weight:950;letter-spacing:.03em}
.deposit-account-details{margin:16px 0;background:#fff;color:#0f172a;border-radius:14px;padding:4px 14px}
.deposit-account-details .detail-row{padding:15px 8px;border-bottom:1px solid #e5e7eb}
.deposit-account-details .detail-row:last-child{border-bottom:0}
.deposit-account-details .detail-row span{color:#64748b}
.deposit-account-details .detail-row strong{color:#0f172a;font-weight:950;font-size:17px;letter-spacing:.01em;display:inline-block;margin-left:14px}
.deposit-account-details .account-number-row strong{font-size:23px;letter-spacing:.08em;font-weight:950;margin-left:18px}
.deposit-account-note{font-size:13px;line-height:1.55;color:rgba(255,255,255,.92)}
.deposit-verify-btn{width:100%;background:#0b8f55!important;color:#fff!important;border:1px solid #0b8f55!important;border-radius:12px!important;font-weight:900!important;padding:13px 16px!important;cursor:pointer!important;box-shadow:0 7px 18px rgba(11,143,85,.18)!important}
.deposit-verify-page{margin-top:14px;background:#fff;color:#0f172a;border-radius:14px;padding:16px}
.deposit-verify-page label{color:#334155}
@media(max-width:600px){.deposit-account-card{padding:17px}.deposit-account-head{flex-direction:column}.deposit-countdown-wrap{text-align:left;width:100%;box-sizing:border-box}.deposit-account-details .detail-row strong{font-size:16px;margin-left:10px}.deposit-account-details .account-number-row strong{font-size:19px;margin-left:12px}}

/* Deposit-only final presentation */
.deposit-account-card{background:#0b8f55;color:#fff;border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(11,143,85,.24);overflow:hidden}
.deposit-transfer-title{text-align:center;font-size:30px;font-weight:950;letter-spacing:.04em;color:#fff;margin:2px 0 14px}
.deposit-countdown-box{background:#fff;color:#dc2626;border-radius:14px;padding:12px 18px;text-align:center;margin:0 auto 18px;max-width:360px}
.deposit-countdown-box span{display:block;font-size:12px;letter-spacing:.12em;font-weight:900;color:#dc2626}
.deposit-countdown-box strong{display:block;margin-top:4px;font-size:34px;line-height:1.05;font-weight:950;letter-spacing:.06em;color:#dc2626}
.deposit-account-details{margin:0;background:#fff;color:#0f172a;border-radius:14px;padding:5px 16px}
.deposit-account-details .detail-row{padding:16px 8px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:18px}
.deposit-account-details .detail-row:last-child{border-bottom:0}
.deposit-account-details .detail-row span{color:#64748b;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.deposit-account-details .detail-row strong{font-size:20px;font-weight:950;text-align:right;overflow-wrap:anywhere}
.deposit-account-details .account-number-row strong{font-size:22px;letter-spacing:.06em}
.deposit-account-note{text-align:center;color:#fff;margin:18px 4px 2px;line-height:1.6;font-weight:700}
.deposit-actions{margin-top:14px;text-align:center}
.deposit-verify-btn,.deposit-new-btn{width:100%;max-width:680px;margin:0 auto 10px}
.deposit-new-btn{border:1px solid #0b8f55;color:#0b8f55;background:#fff}
.deposit-verify-btn{font-weight:900}
@media(max-width:600px){.deposit-account-card{padding:18px}.deposit-transfer-title{font-size:25px}.deposit-countdown-box strong{font-size:29px}.deposit-account-details .detail-row{align-items:flex-start;gap:12px}.deposit-account-details .detail-row strong{font-size:18px}.deposit-account-details .account-number-row strong{font-size:19px}}

/* Approved Login/Register loading overlay + investment-card icon visual only */
.payrise-loading-modal{max-width:300px;padding:30px}.payrise-spinner{width:42px;height:42px;border:4px solid #dfe9e3;border-top-color:var(--primary);border-radius:50%;margin:0 auto 14px;animation:payriseSpin .75s linear infinite}.payrise-loading-logo{display:block!important;width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important;margin:4px auto 14px!important}.investment-card-icon{width:30px!important;height:30px!important;stroke:#000!important;color:#000!important}.investment-icon{display:flex;align-items:center;justify-content:center}
/* Trade / Review additions */
.brand span{color:#000!important}
.trade-chart-card{background:linear-gradient(180deg,#effbf6,#fff);border:1px solid #cfe9dc;border-radius:20px;padding:18px;margin-bottom:18px;box-shadow:0 18px 45px rgba(11,143,85,.10);overflow:hidden} .trade-chart-card .section-title h3{
  color:#0b8f55;
  font-size:20px;
  font-weight:950;
  letter-spacing:.02em;
  margin:0;
}
.trade-live-pill{font-size:11px;font-weight:900;color:#0b8f55;background:#e5f8ef;border:1px solid #c6ead8;border-radius:999px;padding:6px 10px;white-space:nowrap}
.trade-chart-wrap{width:100%;overflow-x:auto;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid #dceee5}
.trade-chart-wrap svg{display:block;width:100%;min-width:760px;height:auto}
.trade-plan-card{transition:.18s ease}.trade-plan-card:hover{transform:translateY(-3px)}
.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;color:var(--muted)}
.inline-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:payriseSpin .7s linear infinite;vertical-align:-2px}
.review-customer-card{margin-bottom:18px}.review-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.review-info{min-width:0}.review-person{display:flex;gap:14px;align-items:center;margin-bottom:18px}.review-avatar{width:52px;height:52px;border-radius:50%;background:#e5f7ee;color:#0b8f55;display:grid;place-items:center;font-weight:900;font-size:21px;flex:0 0 auto}.review-person h2{margin:0 0 4px;font-size:21px}.review-person p{margin:2px 0;color:var(--muted);word-break:break-word}.review-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-details>div{background:#f7faf8;border:1px solid #e2ebe6;border-radius:12px;padding:11px}.review-details span,.review-balance-card span{display:block;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.review-details strong{display:block;margin-top:4px;font-size:14px;word-break:break-word}.review-details .full{grid-column:1/-1}.review-side{display:grid;gap:12px}.review-balance-card{background:linear-gradient(145deg,#0b8f55,#076b43);border-radius:18px;padding:18px;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;box-shadow:0 16px 35px rgba(11,143,85,.18)}.review-balance-card>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:11px}.review-balance-card span{color:rgba(255,255,255,.75)}.review-balance-card strong{display:block;margin-top:6px;font-size:16px;word-break:break-word}.direct-message-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
@media(max-width:850px){.review-grid{grid-template-columns:1fr}.review-balance-card{grid-template-columns:1fr}.review-details{grid-template-columns:1fr}.review-details .full{grid-column:auto}}

/* PayRise Trade/home/dashboard update layer */
.brand{display:inline-flex!important;align-items:flex-end!important;gap:0!important;text-decoration:none}.brand-pay{color:#0b8f55!important;font-weight:950!important}.brand-rise{color:#000!important;font-weight:950!important;position:relative;line-height:.92}.brand-rise small{display:block;font-size:.32em;letter-spacing:.22em;font-weight:950;color:#000!important;margin-left:.08em;margin-top:4px}.auth-link{color:#1976d2!important;font-weight:900;font-size:15px}dashboard-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.dashboard-avatar-link{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#e7f4ed;color:#174b35;display:grid;place-items:center;font-weight:950;font-size:17px;text-decoration:none;border:2px solid #fff;box-shadow:0 8px 20px rgba(15,23,42,.12)}.dashboard-updates{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.dashboard-update-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-update-head h3{margin:2px 0 0}.eyebrow{font-size:10px;font-weight:950;letter-spacing:.14em;color:#0b8f55}.dashboard-bell{position:relative;width:42px;height:42px;border-radius:13px;background:#eaf8f1;color:#0b8f55;display:grid;place-items:center;text-decoration:none}.dashboard-bell .ui-icon{width:21px;height:21px}.dashboard-bell b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.dashboard-update-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:12px;border-radius:15px;touch-action:pan-x pan-y}.dashboard-update-slider::-webkit-scrollbar{display:none}.dashboard-update-slide{min-width:100%;scroll-snap-align:start}.dashboard-update-slide img{display:block;width:100%;height:210px;object-fit:cover;border-radius:15px}.dashboard-update-empty{min-width:100%;padding:50px 15px;text-align:center;background:#f5faf7;border-radius:15px;color:var(--muted)}.dashboard-home-btn{width:100%;margin-top:12px;text-align:center}.chat-message{padding:12px;margin:8px 0;border-radius:12px;border:1px solid var(--line)}.chat-message.from-payrise{background:#e8fff4}.chat-message.from-user{background:#f7f9fc}.chat-attachment,.notification-attachment,.popup-attachment img,.popup-attachment video{max-width:100%;max-height:320px;border-radius:12px;margin:8px 0;display:block}.popup-attachment a{display:inline-block;margin:8px 0;color:#0b8f55;font-weight:900}.trade-total-value{text-align:center;min-width:150px}.trade-total-value span{display:block;font-size:10px;color:#66736c;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.trade-total-value strong{display:block;font-size:22px;color:#0b8f55;margin-top:3px}.trade-plan-line{filter:drop-shadow(0 4px 6px rgba(11,143,85,.10))}.trade-plan-end{filter:drop-shadow(0 3px 5px rgba(15,23,42,.18))}.admin-balance-amount.negative{color:#ff4d4d}.admin-chat-tabs{display:flex;gap:8px;margin:12px 0;overflow:auto}.admin-chat-tab{border:1px solid var(--line);background:#f7faf8;color:var(--ink);border-radius:10px;padding:9px 12px;font-weight:850;cursor:pointer}.admin-chat-tab.active{background:#0b8f55;border-color:#0b8f55;color:#fff}.admin-all-option{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--ink);font-size:13px;font-weight:800}.admin-attachment-wrap{background:#f5faf7;border:1px dashed #c9e6d7;border-radius:12px;padding:12px;margin:10px 0}.admin-update-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.admin-update-form input{flex:1;min-width:220px}.admin-update-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.admin-update-item{border:1px solid var(--line);border-radius:13px;padding:8px;background:#f7faf8}.admin-update-item img{width:100%;height:100px;object-fit:cover;border-radius:9px}.admin-update-item .btn{width:100%;margin-top:7px}.home-page{min-height:100vh;background:#050706;color:#fff;overflow:hidden}.home-page *{box-sizing:border-box}.home-page a{color:inherit}.home-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,70px);background:rgba(5,7,6,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.home-nav nav{display:flex;gap:24px}.home-nav nav a{font-size:13px;text-decoration:none;color:#c7d0cb;font-weight:800}.home-nav nav a:hover{color:#fff}.home-brand .brand-pay{color:#20b873!important}.home-brand .brand-rise{color:#000!important}.home-brand .brand-rise small{color:#000!important}.home-page main{width:min(1180px,92vw);margin:auto}.home-hero-v2{min-height:500px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:70px 0}.hero-copy{animation:homeFadeUp .8s ease both}.hero-copy h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.045em;margin:12px 0 20px;max-width:800px}.hero-copy p{font-size:18px;line-height:1.75;color:#aab6b0;max-width:700px}.hero-glow{height:350px;border:1px solid rgba(11,143,85,.35);border-radius:30px;background:radial-gradient(circle at 50% 40%,rgba(11,143,85,.32),transparent 55%),linear-gradient(145deg,#0c1410,#050706);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(11,143,85,.12)}.hero-glow:before,.hero-glow:after{content:"";position:absolute;border:1px solid rgba(11,143,85,.24);border-radius:50%;animation:homeOrbit 5s linear infinite}.hero-glow:before{width:220px;height:220px}.hero-glow:after{width:320px;height:320px;animation-direction:reverse}.hero-glow span{font-size:clamp(32px,6vw,70px);font-weight:950;letter-spacing:.1em;color:rgba(255,255,255,.08)}.home-live-card{background:#0a0f0c;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:25px;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:homeFadeUp .9s .1s ease both}.home-live-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.home-live-head h2{margin:4px 0 2px;font-size:16px;color:#aab6b0}.home-live-head strong{font-size:35px;line-height:1;color:#fff}.home-live-pill{font-size:10px;font-weight:950;letter-spacing:.1em;color:#54d99a;background:rgba(11,143,85,.12);border:1px solid rgba(11,143,85,.3);padding:7px 10px;border-radius:999px}.home-chart-wrap{margin-top:20px;height:320px;border-radius:18px;background:linear-gradient(180deg,rgba(15,25,20,.95),rgba(5,7,6,.9));overflow:hidden;border:1px solid rgba(255,255,255,.05)}.home-chart-wrap svg{width:100%;height:100%}.home-chart-wrap text{fill:#67736d;font-size:11px}.home-trade-line{stroke-dasharray:1500;stroke-dashoffset:1500}.home-trade-line.replay{animation:homeDraw 4.8s ease-in-out forwards}.home-trade-dot.pulse{animation:homePulse 1s ease-in-out 4}.home-chart-note{text-align:center;color:#69756f;font-size:11px;margin-top:10px}.home-section-heading{padding:80px 0 25px}.home-section-heading h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.home-section-heading p{color:#8f9c96;max-width:650px;line-height:1.7}.home-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-plan-card{background:#0c110e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;position:relative;overflow:hidden;transition:.2s}.home-plan-card:hover{transform:translateY(-4px);border-color:rgba(11,143,85,.45)}.home-plan-dot{display:block;width:10px;height:10px;border-radius:50%;background:#0b8f55;box-shadow:0 0 20px rgba(11,143,85,.8);margin-bottom:18px}.home-plan-card h3{margin:0 0 9px}.home-plan-card strong{font-size:25px}.home-plan-card div{margin-top:7px;color:#93a099;font-size:12px}.home-plan-card small{display:block;margin-top:16px;color:#54d99a;font-weight:800}.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-feature{background:linear-gradient(145deg,#0c110e,#080b09);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;min-height:170px}.home-feature-mark{width:32px;height:32px;border-radius:10px;background:#0b8f55;color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:18px}.home-feature h3{margin:0 0 8px}.home-feature p{color:#89958f;line-height:1.65;font-size:13px}.home-stories{position:relative}.home-story-slider{display:flex;gap:14px;overflow:hidden;scroll-behavior:smooth}.home-story-card{min-width:100%;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;background:#0c110e;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px}.home-story-card img{width:220px;height:180px;object-fit:cover;border-radius:15px;filter:saturate(.9)}.home-story-card span{font-size:10px;color:#54d99a;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.home-story-card h3{font-size:27px;margin:8px 0}.home-story-card p{color:#9aa59f;line-height:1.7}.home-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-faq-grid>div{background:#0c110e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}.home-faq-grid p{color:#89958f;line-height:1.65;font-size:13px}.home-footer{width:min(1180px,92vw);margin:80px auto 0;padding:25px 0 45px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;color:#6f7b75;font-size:12px}.home-footer div{display:flex;gap:18px}.home-footer a{color:#fff;text-decoration:none;font-weight:900}.home-footer a:last-child{color:#54d99a}.install-help{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:12px 0 18px}.install-help>div{background:#f6faf8;border:1px solid #e0ebe5;border-radius:10px;padding:9px;font-size:11px;color:#617069}.install-help b{color:#17221d}.notification-item{padding:15px 0;border-bottom:1px solid var(--line)}
@keyframes homeDraw{0%{stroke-dashoffset:1500}100%{stroke-dashoffset:0}}@keyframes homePulse{50%{transform:scale(1.35);transform-origin:center}}@keyframes homeOrbit{to{transform:rotate(360deg)}}@keyframes homeFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:850px){.home-hero-v2{grid-template-columns:1fr;padding:50px 0}.hero-glow{height:260px}.home-plan-grid,.home-feature-grid,.home-faq-grid{grid-template-columns:1fr 1fr}.home-story-card{grid-template-columns:130px 1fr}.home-story-card img{width:130px;height:150px}.admin-update-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.home-nav{padding:15px 18px}.home-nav nav{gap:12px}.home-nav nav a{font-size:11px}.home-plan-grid,.home-feature-grid,.home-faq-grid{grid-template-columns:1fr}.home-live-card{padding:16px}.home-live-head{align-items:flex-start}.home-live-head strong{font-size:28px}.home-chart-wrap{height:240px}.home-story-card{grid-template-columns:1fr}.home-story-card img{width:100%;height:190px}.home-footer{flex-direction:column;gap:15px;align-items:flex-start}.dashboard-update-slide img{height:180px}.admin-update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-total-value{min-width:120px}.trade-total-value strong{font-size:18px}}
.home-chart-wrap{animation:homeSystemShift 5s ease-in-out infinite;background:linear-gradient(135deg,#08120d,#08101a,#050706)}
@keyframes homeSystemShift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(18deg)}}
.dashboard-head-actions{display:flex;align-items:center;gap:10px}

.popup-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.popup-actions .btn{flex:1;margin-top:0}.popup-actions .btn.secondary{background:#dff7ea;color:#0b8f55}

/* PayRise reference design — design-only; backend/database untouched. */
:root{--payrise-green:#0b9f55;--payrise-green-dark:#078348;--payrise-green-soft:#e8f8f0}
.payrise-logo{display:block;width:auto;height:54px;max-width:220px;object-fit:contain;object-position:center center}.topbar-brand{display:flex;align-items:center}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:8px 8px 24px;margin-bottom:8px;border-bottom:1px solid var(--line)}.sidebar-brand .payrise-logo{height:54px;max-width:200px}.auth-brand{display:flex;justify-content:center;align-items:center;margin:0 auto 14px}.auth-brand .payrise-logo{height:78px;max-width:285px}.brand{color:var(--ink)}
.topbar{height:76px;padding:0 26px}.top-actions{gap:9px}.header-bell{position:relative;width:42px;height:42px;border-radius:12px;background:#edf9f3;color:var(--payrise-green);display:grid;place-items:center}.header-bell .ui-icon{width:21px;height:21px}
.header-bell .ui-icon{transform-origin:50% 18%;animation:payriseBellRing 2.4s ease-in-out infinite;will-change:transform}
@keyframes payriseBellRing{0%,72%,100%{transform:rotate(0deg)}74%{transform:rotate(7deg)}76%{transform:rotate(-7deg)}78%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}82%{transform:rotate(2deg)}84%{transform:rotate(0deg)}}
@media (prefers-reduced-motion:reduce){.header-bell .ui-icon{animation:none;will-change:auto}}
.withdraw-available-balance{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.825fr));gap:10px;padding:10px;margin-bottom:18px;border:1px solid rgba(11,143,85,.16);border-radius:18px;background:linear-gradient(135deg,#f1fbf6,#ffffff);box-shadow:0 10px 28px rgba(11,143,85,.08)}
.withdraw-available-balance>div{min-width:0;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(11,143,85,.10)}
.withdraw-available-balance>div:first-child{background:linear-gradient(135deg,#0b8f55,#087344);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(11,143,85,.18)}
.withdraw-available-balance span{display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#68756e;font-weight:800}
.withdraw-available-balance>div:first-child span{color:rgba(255,255,255,.78)}
.withdraw-available-balance strong{display:block;margin-top:7px;font-size:26px;line-height:1.1;color:#0b8f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.withdraw-available-balance>div:first-child strong{font-size:30px;color:#fff}
.withdraw-available-balance small{display:block;margin-top:6px;color:#718078;font-size:10px;line-height:1.35}
.withdraw-available-balance>div:first-child small{color:rgba(255,255,255,.76)}
@media(max-width:720px){.withdraw-available-balance{grid-template-columns:1fr 1fr}.withdraw-available-balance>div:first-child{grid-column:1/-1}.withdraw-available-balance>div:first-child strong{font-size:28px}}
.header-bell b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#e32929;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.header-avatar{width:43px;height:43px;border-radius:50%;overflow:hidden;background:#e5eee9;color:#5c6b65;display:grid;place-items:center;font-weight:900;font-size:17px;border:2px solid #fff;box-shadow:0 5px 15px rgba(15,23,42,.10)}.header-avatar img{width:100%;height:100%;object-fit:cover}.menu-trigger{width:42px;height:42px;background:#f4f7f5;border:0;border-radius:12px;display:grid;place-content:center;gap:4px;padding:0;cursor:pointer}.menu-trigger span{width:20px;height:2px;background:#1a2420;border-radius:2px;display:block}.layout{min-height:calc(100vh - 76px)}.sidebar{width:238px;top:76px;height:calc(100vh - 76px);padding:18px 12px}.main{padding:24px 22px}.page-title-hero{display:none}
.menu-panel-brand .payrise-logo{height:48px;max-width:190px}.menu-panel-head{align-items:center}.mobile-menu-panel{padding:18px}.menu-panel-links a{font-size:14px}.menu-panel-links a .ui-icon{width:19px;height:19px}
.auth-page{min-height:100vh;background:#f7f9f8;padding:24px 16px}.auth-card{width:min(500px,100%);border-radius:18px;padding:30px 28px 24px;box-shadow:0 14px 45px rgba(20,40,31,.08);border:1px solid #e4e9e6}.auth-card h1{text-align:center;font-size:28px;letter-spacing:-.5px;margin:10px 0 7px}.auth-subtitle{text-align:center;margin:0 0 22px}.auth-form{gap:15px}.auth-field{display:grid;gap:6px}.auth-field label{font-size:12px;color:#65716d;margin:0 0 1px 2px}.auth-input-wrap{position:relative}.auth-input-wrap input{padding:14px 14px 14px 44px;border-radius:10px;border-color:#dce3df;font-size:14px}.auth-input-wrap input::placeholder{color:#8b9692}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#7f8a86;display:grid;place-items:center;pointer-events:none}.auth-input-icon .ui-icon{width:18px;height:18px}.auth-field select,.auth-field textarea,.auth-field>input:not(.auth-input-wrap input){border-radius:10px}.auth-submit{width:100%;min-height:48px;border-radius:9px;font-size:15px;margin-top:2px;background:#0b9f55}.auth-submit:hover{background:#078348}.auth-forgot{display:block;text-align:center;margin:14px 0 18px}.auth-register-line{text-align:center;color:#7a8582;font-size:13px}.auth-link{color:#0b9f55;font-weight:800}.footer-note{
  text-align:center;
  margin-top:18px;
  padding:4px 0 2px;
  font-size:13px;
  color:#7a8582;
}

.footer-note .auth-link{
  color:#0b9f55;
  font-weight:900;
  text-decoration:none;
}

.footer-note .auth-link:hover{
  text-decoration:underline;
}
.register-form .form-row{gap:12px}
.dashboard-topline{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 14px;padding:0 3px}.dashboard-hello{font-size:18px;font-weight:900;color:#111817;letter-spacing:-.2px}.dashboard-welcome-text{font-size:13px;color:#7c8783;margin-top:3px}.dashboard-balance{max-width:100%;border-radius:16px;padding:20px 20px 18px;background:linear-gradient(145deg,#064d32,#032f20);box-shadow:0 12px 30px rgba(3,47,32,.26)}.dashboard-balance-label{font-size:12px;color:rgba(255,255,255,.88);font-weight:700}.dashboard-total{font-size:30px;line-height:1.05;font-weight:950;color:#fff;margin:4px 0 17px;letter-spacing:-.6px}.dashboard-balance-sub{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-balance-sub>div{min-width:0}.dashboard-balance-sub span{display:block;font-size:10px;color:rgba(255,255,255,.76);font-weight:700}.dashboard-balance-sub strong{display:block;font-size:14px;color:#fff;margin-top:4px}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.dashboard-action-card{min-height:72px;background:#fff;border:1px solid #e2e7e4;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.06);display:grid;place-items:center;align-content:center;gap:6px;color:#16201c;font-size:11px;font-weight:850}.dashboard-action-card .ui-icon{width:21px;height:21px;color:#0b9f55}.dashboard-action-card:hover{border-color:#bde4d1;background:#fbfefd;transform:translateY(-1px)}.dashboard-recent{margin-top:13px;padding:16px 15px;border-radius:14px}.dashboard-recent h3{font-size:15px}.dashboard-recent .view-all{font-size:11px}.dashboard-empty-transactions{min-height:110px;display:grid;place-items:center;align-content:center;gap:5px;color:#7d8984;text-align:center}.dashboard-empty-transactions strong{font-size:12px;color:#1e2824}.dashboard-empty-transactions span{font-size:10px}.empty-doc{width:32px;height:32px;border-radius:9px;background:#f0f4f2;color:#8b9692;display:grid;place-items:center}.empty-doc .ui-icon{width:17px;height:17px}.dashboard-updates{margin-top:13px}.dashboard-update-head{margin-bottom:9px}.dashboard-update-head h3{font-size:15px}
.admin-topbar .payrise-logo{height:48px;max-width:200px}.admin-drawer-brand .payrise-logo{height:46px;max-width:185px}.admin-shell .sidebar-brand{padding-bottom:20px}
@media(max-width:980px){.sidebar{display:none}.topbar{height:66px;padding:0 13px}.topbar-brand .payrise-logo{height:45px;max-width:175px}.layout{min-height:calc(100vh - 66px)}.main{padding:16px 13px 94px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:10px;right:10px;bottom:9px;background:#fff;border:1px solid #e1e7e4;border-radius:16px;box-shadow:0 13px 34px rgba(15,23,42,.14);z-index:150;padding:5px}.bottom-nav a{display:grid;place-items:center;gap:2px;padding:6px 2px;min-width:0;color:#7b8782;font-size:9px;font-weight:850;line-height:1.1}.bottom-nav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav a.active{color:#0b9f55}.bottom-nav .ui-icon{width:18px;height:18px}.auth-card{padding:27px 22px 22px}.auth-brand .payrise-logo{height:70px;max-width:260px}.dashboard-topline{margin-bottom:12px}.dashboard-hello{font-size:17px}.dashboard-total{font-size:28px}.dashboard-action-card{min-height:68px}}
@media(min-width:981px){.menu-trigger{display:grid}.main .container{max-width:860px}.mobile-menu-panel{width:340px}}
@media(max-width:600px){.auth-page{padding:14px 10px}.auth-card{border-radius:16px;padding:24px 17px 20px}.auth-brand .payrise-logo{height:64px;max-width:235px}.auth-card h1{font-size:24px}.form-row{grid-template-columns:1fr}.dashboard-actions-grid{gap:8px}.dashboard-action-card{min-height:66px}.dashboard-balance{padding:18px 16px 16px}.dashboard-total{font-size:27px}.dashboard-balance-sub{gap:10px}.dashboard-balance-sub strong{font-size:13px}.recent-item{gap:9px}.recent-item-amount strong{font-size:12px}.top-actions{gap:6px}.header-bell,.header-avatar,.menu-trigger{width:39px;height:39px}.header-avatar{font-size:15px}.topbar-brand .payrise-logo{height:41px;max-width:158px}.menu-panel-brand .payrise-logo{height:43px}}

/* Requested dashboard-only interior background. Header/logo layer and bottom navigation remain white. */
body[data-page="dashboard"] .main{background:#063d2c;color:#fff;min-height:calc(100vh - 76px)}
body[data-page="dashboard"] .main:before{content:"";position:absolute;inset:76px 0 0 238px;pointer-events:none;opacity:.22;background:radial-gradient(circle at 15% 15%,rgba(71,221,151,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 65%,rgba(71,221,151,.13) 0 1px,transparent 1.5px);background-size:90px 90px,130px 130px}
body[data-page="dashboard"] .main>.container{position:relative;z-index:1}
body[data-page="dashboard"] .dashboard-hello{color:#fff}
body[data-page="dashboard"] .dashboard-welcome-text{color:rgba(255,255,255,.68)}
body[data-page="dashboard"] .dashboard-recent{background:#075239;border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.18)}
body[data-page="dashboard"] .dashboard-recent h3,body[data-page="dashboard"] .dashboard-recent .view-all{color:#fff}
body[data-page="dashboard"] .dashboard-recent .recent-item{border-color:rgba(255,255,255,.10)}
body[data-page="dashboard"] .dashboard-recent .recent-item-main strong,body[data-page="dashboard"] .dashboard-recent .recent-item-main span,body[data-page="dashboard"] .dashboard-recent .recent-item-amount strong,body[data-page="dashboard"] .dashboard-recent .recent-item-amount span{color:#fff}
body[data-page="dashboard"] .dashboard-recent .recent-item-main span,body[data-page="dashboard"] .dashboard-recent .recent-item-amount span{color:rgba(255,255,255,.65)}
body[data-page="dashboard"] .dashboard-recent .recent-item-icon{background:#0b6b4b;color:#7df0b7}
body[data-page="dashboard"] .dashboard-updates{background:#075239;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:16px}
body[data-page="dashboard"] .dashboard-updates h3,body[data-page="dashboard"] .dashboard-updates .eyebrow{color:#fff}
.dashboard-home-link{display:block;width:max-content;margin:16px auto 8px;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:800}
.bank-verify-state{padding:10px 12px;border-radius:10px;background:#f6f8f7;font-size:12px;min-height:38px;display:flex;align-items:center;gap:7px}.bank-verify-state.loading{color:#0b8f55;background:#edf9f3}.bank-verify-state.success{color:#087344;background:#e8fff4}.bank-verify-state.error{color:#dc2626;background:#fff1f2}.verified-account{padding:12px 14px;border-radius:11px;background:#e8fff4;border:1px solid #ccefe0;gap:4px}.verified-account span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#087344;font-weight:800}.verified-account strong{font-size:15px;color:#0b8f55}
@media(max-width:980px){body[data-page="dashboard"] .main{min-height:calc(100vh - 66px);padding-bottom:110px}body[data-page="dashboard"] .main:before{inset:66px 0 0 0}}

.admin-upload-progress,.admin-attachment-progress{display:grid;gap:7px;margin-top:10px}.admin-upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;background:#f6faf8;border:1px solid #dceee5;font-size:12px}.admin-upload-row.success{background:#e8fff4;color:#087344}.admin-upload-row.failed{background:#fff1f2;color:#dc2626}.admin-upload-row small{grid-column:1/-1;font-size:10px}.admin-attachment-progress{font-size:11px;color:#0b8f55;text-align:center;min-height:16px}

/* Requested authenticated-app interior background. Keep the top header and
   mobile bottom navigation white; foreground cards remain white for readability. */
body[data-page="dashboard"] .main,
body[data-page="deposit"] .main,
body[data-page="invest"] .main,
body[data-page="withdraw"] .main,
body[data-page="transactions"] .main,
body[data-page="notifications"] .main,

body[data-page="dashboard"] .main:before,
body[data-page="deposit"] .main:before,
body[data-page="invest"] .main:before,
body[data-page="withdraw"] .main:before,
body[data-page="transactions"] .main:before,
body[data-page="notifications"] .main:before,

body[data-page="dashboard"] .main>.container,
body[data-page="deposit"] .main>.container,
body[data-page="invest"] .main>.container,
body[data-page="withdraw"] .main>.container,
body[data-page="transactions"] .main>.container,
body[data-page="notifications"] .main>.container,

body[data-page="dashboard"] .dashboard-hello,
body[data-page="dashboard"] .dashboard-welcome-text{color:#fff}
body[data-page="dashboard"] .dashboard-welcome-text{opacity:.78}
body[data-page="dashboard"] .dashboard-updates{background:#fff}
body[data-page="dashboard"] .dashboard-recent{background:#fff}

/* The approved PayRise Trade image is the single customer/admin logo asset. */
.payrise-logo{object-fit:contain;object-position:center center}

/* Home top-right/header area: white only behind the logo/navigation so the
   black portions of the approved logo remain clearly visible. */
body[data-page="home"] .home-nav{
  background:#fff;
  color:#17221d;
  border-bottom:1px solid #e4ebe7;
  box-shadow:0 8px 28px rgba(15,23,42,.08);
  border-radius:0 0 26px 26px;
}
body[data-page="home"] .home-nav a{color:#17221d}
body[data-page="home"] .home-brand{display:flex;align-items:center}
body[data-page="home"] .home-brand .payrise-logo{height:60px;max-width:300px}
@media(max-width:720px){
  body[data-page="home"] .home-nav{padding:13px 18px;border-radius:0 0 20px 20px}
  body[data-page="home"] .home-brand .payrise-logo{height:48px;max-width:235px}
  body[data-page="dashboard"] .main:before,
  body[data-page="deposit"] .main:before,
  body[data-page="invest"] .main:before,
  body[data-page="withdraw"] .main:before,
  body[data-page="transactions"] .main:before,
  body[data-page="notifications"] .main:before,
  
  body[data-page="dashboard"] .main,
  body[data-page="deposit"] .main,
  body[data-page="invest"] .main,
  body[data-page="withdraw"] .main,
  body[data-page="transactions"] .main,
  body[data-page="notifications"] .main,
  
}


/* Referral dashboard */
.referral-dashboard-card{padding:20px}.referral-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.referral-total{font-size:30px;font-weight:800;color:var(--primary);white-space:nowrap}.referral-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.referral-stats-grid>div{padding:12px;border:1px solid #dbe8e1;border-radius:12px;background:#fff}.referral-stats-grid span{display:block;color:#6b7d75;font-size:12px}.referral-stats-grid strong{display:block;margin-top:4px;font-size:18px}.referral-link-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.referral-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.deposit-country-step{margin:0;padding:16px}.admin-customer-toolbar{display:flex;gap:8px;margin-bottom:14px}.admin-customer-toolbar input{flex:1;min-width:0}.tier-select{min-width:95px}
@media(max-width:700px){.referral-dashboard-head{flex-direction:column}.referral-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-link-row{grid-template-columns:1fr}.referral-actions{flex-direction:column;align-items:stretch}.admin-customer-toolbar{flex-direction:column}}

/* Requested PayRise refinements */
.dashboard-balance-sub-three{grid-template-columns:1fr 1fr 1fr}
.dashboard-balance-sub-three>div{min-width:0}
.profile-avatar-wrap{position:relative;width:38px;height:38px;flex:0 0 38px}
.profile-avatar-wrap .profile-summary-avatar{width:38px;height:38px}
.profile-tier-badge{position:absolute;right:-5px;bottom:-4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:950;border:2px solid #fff;z-index:2;box-shadow:0 2px 8px rgba(15,23,42,.2)}
.profile-tier-badge.tier-1{background:#0b8f55;color:#fff}
.profile-tier-badge.tier-2{background:linear-gradient(135deg,#fff3a6,#d7a83a 48%,#fff7c7);color:#5d4300}
.withdrawal-animated-notice{min-height:74px;margin-top:12px;padding:13px 15px;border-radius:11px;background:var(--primary-light);border:1px solid #ccefe0;color:var(--primary-dark);display:flex;align-items:center;line-height:1.55;font-size:12px;font-weight:800;animation:withdrawNoticeFloat 2.8s ease-in-out infinite}
.withdrawal-animated-notice span{display:block}
@keyframes withdrawNoticeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.upgrade-page-card{max-width:720px;margin:0 auto}
.upgrade-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.upgrade-tier{padding:14px;border:1px solid #dfe7e2;border-radius:12px;background:#f6faf8}
.upgrade-tier span,.upgrade-tier small{display:block;color:#6d7973;font-size:11px}
.upgrade-tier strong{display:block;font-size:19px;margin:5px 0}
.upgrade-tier-two{background:linear-gradient(135deg,#fff9d9,#fff);border-color:#ead68c}
@media(max-width:720px){.dashboard-balance-sub-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-balance-sub-three strong{font-size:12px}.upgrade-tier-grid{grid-template-columns:1fr}}

/* Latest dashboard/referral/profile/withdrawal refinements */
.dashboard-balance{background:linear-gradient(145deg,#0f9a62,#08784a 58%,#075f3d);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(3,47,32,.20);position:relative;overflow:hidden}
.dashboard-balance:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(2px)}
.dashboard-balance>*{position:relative;z-index:1}
.dashboard-balance-sub-three{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:end;gap:18px!important}
.dashboard-balance-sub-three>div{text-align:left}
.dashboard-balance-sub-three span{white-space:nowrap}
.referral-heading,.referral-link-heading{font-size:19px;font-weight:950;color:#0b8f55;letter-spacing:.01em}
.referral-dashboard-card{background:linear-gradient(145deg,#0f9a62,#08784a);color:#fff;border:0;box-shadow:0 12px 30px rgba(3,47,32,.20);border-radius:16px}
.referral-dashboard-card .muted,.referral-dashboard-card .referral-stats-grid span{color:rgba(255,255,255,.78)}
.referral-dashboard-card .referral-total{color:#fff}
.referral-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.referral-stats-grid>div{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#fff}.referral-stats-grid strong{color:#fff}
.referral-link-card{margin-top:14px}.referral-link-box{font-weight:800}.referral-actions{justify-content:flex-end}.referral-black-action{background:#111;color:#fff;border-color:#111;width:42px;height:42px}.referral-black-action:hover{background:#000;color:#fff}
.profile-avatar-wrap{width:74px;height:74px;flex-basis:74px}.profile-avatar-wrap .profile-summary-avatar{width:74px;height:74px;background:#0b8f55;border-color:#0b8f55}.profile-links{gap:10px}.profile-link{min-height:62px;padding:17px 16px;background:linear-gradient(145deg,#f1fbf6,#e8f6ef);font-size:15px}.profile-link strong{font-weight:950}.profile-tier-badge{right:-7px;bottom:-9px;width:34px;height:34px;border-radius:50%;background:transparent!important;border:0;box-shadow:none}.tier-cup{display:grid;place-items:center;width:29px;height:23px;margin-top:3px;border-radius:4px 4px 9px 9px;background:linear-gradient(180deg,#fff4a3,#d9a82f 55%,#9d6d11);color:#fff;font-style:normal;font-size:11px;font-weight:950;border:2px solid #fff4b0;box-shadow:0 3px 8px rgba(83,56,0,.35);position:relative}.tier-cup:before,.tier-cup:after{content:"";position:absolute;top:2px;width:8px;height:12px;border:3px solid currentColor;border-radius:50%;opacity:.9}.tier-cup:before{left:-7px}.tier-cup:after{right:-7px}.profile-tier-badge.tier-2 .tier-cup{width:31px;height:25px;background:linear-gradient(135deg,#e9f7ff,#7dd3fc 38%,#7c3aed 70%,#f5eaff);color:#fff;border-color:#e8e8ff;box-shadow:0 3px 12px rgba(91,33,182,.4)}
.withdraw-card{min-height:250px}.withdraw-heading{color:#0b8f55;font-size:18px;font-weight:950;letter-spacing:.08em}.payrise-modal{max-width:420px}/* Withdrawal History */
.withdraw-history-list{
  max-height:420px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
}

.withdraw-history-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 12px;
  margin-bottom:10px;
  border-radius:12px;
  background:#fff;
  border:1px solid #dcefe7;
  box-sizing:border-box;
}

.withdraw-history-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e8f8f0;
  color:#0b8f55;
  font-size:22px;
  font-weight:950;
}

.withdraw-history-details{
  flex:1;
  min-width:0;
}

.withdraw-history-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}

.withdraw-history-top b{
  color:#0b8f55;
  font-size:16px;
  font-weight:950;
}

.withdraw-history-info{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  color:#111;
  font-size:12px;
  line-height:1.5;
}

.withdraw-history-info span{
  word-break:break-word;
}

.withdraw-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.withdraw-status.pending{
  background:#fff4d6;
  color:#8a6200;
}

.withdraw-status.successful{
  background:#e5f8ee;
  color:#0b8f55;
}

.withdraw-status.declined{
  background:#ffe7e7;
  color:#d62828;
}

@media (max-width:600px){
  .withdraw-history-list{
    max-height:360px;
  }

  .withdraw-history-item{
    gap:9px;
    padding:11px 9px;
  }

  .withdraw-history-icon{
    flex-basis:34px;
    width:34px;
    height:34px;
    font-size:19px;
  }

  .withdraw-history-top{
    align-items:flex-start;
  }

  .withdraw-history-top b{
    font-size:14px;
  }

  .withdraw-history-info{
    font-size:11px;
    gap:3px 7px;
  }
}
@media(max-width:700px){.dashboard-balance-sub-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.dashboard-balance-sub-three strong{font-size:12px}.dashboard-balance-sub-three span{font-size:9px}.referral-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.referral-stats-grid strong{font-size:14px}.referral-stats-grid span{font-size:9px}.profile-avatar-wrap{width:68px;height:68px;flex-basis:68px}.profile-avatar-wrap .profile-summary-avatar{width:68px;height:68px}}

.referral-page-title{font-size:21px;font-weight:950;color:#0b8f55;margin:0 0 10px;padding:0 3px}

/* Notification bell dropdown */
.notification-bell-wrap{position:relative;display:inline-flex}
.notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid #dfe9e4;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:7px;display:none;z-index:10020}
.notification-dropdown.open{display:block}
.notification-dropdown-item{display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border-radius:10px;text-decoration:none;color:#17221d}
.notification-dropdown-item:hover{background:#f3faf6}
.notification-dropdown-item.unread{background:#f5fbf8}
.notification-dropdown-item strong{display:block;font-size:12px;font-weight:900}
.notification-dropdown-item small{display:block;margin-top:3px;color:#68766f;font-size:11px;line-height:1.45;max-height:32px;overflow:hidden}
.notification-dropdown-dot{width:7px;height:7px;border-radius:50%;background:transparent;flex:0 0 7px;margin-top:5px}
.notification-dropdown-item.unread .notification-dropdown-dot{background:#0b8f55;box-shadow:0 0 0 3px rgba(11,143,85,.10)}
.notification-dropdown-footer{display:block;border-top:1px solid #e7eeea;margin-top:4px;padding:10px;text-align:center;color:#0b8f55;text-decoration:none;font-size:11px;font-weight:900}
.notification-dropdown-empty{padding:18px 10px;text-align:center;color:#738078;font-size:12px}
@media(max-width:600px){.notification-dropdown{right:-8px;width:min(330px,calc(100vw - 20px))}}

.partnership-page{display:grid;gap:14px;max-width:900px;margin:0 auto;padding-bottom:30px}.partnership-hero{background:linear-gradient(145deg,#0758b8,#0b82df);border-radius:24px;padding:30px 24px;text-align:center;color:#fff;box-shadow:0 20px 50px rgba(5,74,150,.22)}.partnership-hero h2{margin:12px 0 6px;font-size:28px}.partnership-hero p{max-width:600px;margin:0 auto 18px;color:#e8f5ff;line-height:1.6}.partnership-primary{background:#fff!important;color:#0758b8!important;border:1px solid #fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.partnership-badge-large{width:132px;height:132px;margin:0 auto;border-radius:30px;background:linear-gradient(145deg,#dff3ff,#9bd7ff);border:6px solid #fff;color:#0758b8;display:grid;place-items:center;font-size:31px;font-weight:1000;box-shadow:0 16px 35px rgba(0,52,120,.22)}.partnership-card{background:#fff;border:1px solid #d5e9f8;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(5,74,150,.08)}.partnership-card h3{color:#0758b8;margin:0 0 8px}.partnership-card p{color:#1d2935;line-height:1.65}.partnership-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.partnership-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:#1688df}.partnership-level-chip{background:#e4f4ff;color:#0758b8;border:1px solid #bfe1f8;border-radius:999px;padding:8px 12px;font-weight:900}.partnership-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.partnership-stats-grid>div{background:#eaf7ff;border:1px solid #cce8fa;border-radius:14px;padding:14px}.partnership-stats-grid span,.partnership-code-row span{display:block;font-size:11px;color:#4b5a66}.partnership-stats-grid strong{display:block;color:#0758b8;font-size:18px;margin-top:4px}.partnership-code-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e5eef5}.partnership-code-row strong{display:block;color:#111;font-size:13px;word-break:break-all;margin-top:3px}.partnership-action,.partnership-withdraw{border:1px solid #0758b8;background:#0758b8;color:#fff;border-radius:10px;padding:10px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:850;cursor:pointer}.partnership-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.partnership-withdraw{background:#0b72cf;border-color:#0b72cf}.partnership-reward-amount{font-size:32px;font-weight:1000;color:#0758b8}.partnership-level-list{display:grid;gap:8px;color:#111}.partnership-level-list div{background:#f3faff;border-left:4px solid #1688df;padding:12px;border-radius:9px}.partnership-modal .payrise-modal{border:2px solid #bfe1f8;background:#fff}.partnership-modal-card h3{color:#0758b8}.partnership-modal-mark{width:52px;height:52px;border-radius:16px;background:#0758b8;color:#fff;display:grid;place-items:center;font-weight:1000;margin:0 auto 10px}.partnership-modal label{color:#111;font-weight:800}.partnership-modal select,.partnership-modal input{width:100%;margin-top:6px}.partnership-check{display:flex;gap:9px;align-items:flex-start;color:#111;margin:14px 0}.partnership-code-input{width:100%;text-align:left;background:#fff;border:1px solid #cfe3f1;border-radius:10px;padding:13px;color:#a8a8a8;font-weight:500}.dashboard-home-link{text-align:center;margin-top:12px}.dashboard-home-link a{color:#fff;text-decoration:none;font-weight:950;letter-spacing:.08em}.admin-partner-card{border:1px solid #dfe7e2;border-radius:16px;padding:18px;margin-bottom:12px;background:#fff}.admin-partner-head{display:flex;justify-content:space-between;gap:10px}.admin-partner-head strong{display:block;font-size:17px}.admin-partner-head span{display:block;color:#6b7772;font-size:12px;margin-top:4px}.admin-partner-head>b{color:#0758b8}.admin-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.admin-partner-grid>div{background:#f3faff;border:1px solid #d9edf9;border-radius:10px;padding:10px}.admin-partner-grid span{display:block;font-size:10px;color:#66737c}.admin-partner-grid strong{display:block;margin-top:4px;color:#0758b8}.admin-credit-row{display:flex;gap:8px}.admin-credit-row input{flex:1}@media(max-width:700px){.partnership-stats-grid{grid-template-columns:repeat(2,1fr)}.partnership-code-row{align-items:flex-start;flex-direction:column}.partnership-actions{flex-direction:column}.partnership-action,.partnership-withdraw{justify-content:center}.partnership-badge-large{width:112px;height:112px}.admin-partner-grid{grid-template-columns:repeat(2,1fr)}}

.offline-card{overflow:hidden}.offline-scene{height:145px;position:relative;background:linear-gradient(180deg,#eff9ff,#fff);border-radius:16px;margin-bottom:16px;overflow:hidden}.offline-house{position:absolute;left:22%;bottom:23px;font-size:62px;color:#0758b8}.offline-baby{position:absolute;left:48%;bottom:13px;text-align:center;font-size:19px;line-height:1.05;color:#111;font-weight:900}.offline-satellite{position:absolute;right:18%;top:20px;font-size:30px;color:#0758b8}.offline-wire{position:absolute;left:57%;top:54px;width:26%;height:2px;background:#1688df;transform:rotate(-16deg);transform-origin:left center;opacity:.8}.admin-withdrawal-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}
/* Final PayRise profile/avatar refinement: subtle, very-light green identity badge. */
.header-avatar{background:#f0f8f3!important;color:#6b8277!important;border:1px solid #e1eee7!important;box-shadow:0 4px 12px rgba(15,23,42,.06)!important}
.profile-avatar,.profile-avatar-large{background:#f0f8f3!important;color:#6b8277!important;border-color:#e1eee7!important}
.deposit-page h1,.deposit-page h2,.deposit-page h3{color:#0b8f55}
/* Partnership Program: strictly blue / sky-blue / white / black palette. */
.partnership-page{--partner-blue:#1677d2;--partner-sky:#dff1ff;--partner-black:#0b1220;--partner-white:#fff;background:linear-gradient(180deg,#dff1ff 0%,#eef8ff 100%);padding:18px;border-radius:24px}.partnership-page *{border-color:#b9ddf7}.partnership-hero,.partnership-card{background:#fff;color:#0b1220;border:1px solid #b9ddf7;box-shadow:0 14px 35px rgba(22,119,210,.10)}.partnership-hero h2,.partnership-card h3,.partnership-card-heading h3{color:#1677d2}.partnership-primary,.partnership-action,.partnership-withdraw{background:#1677d2!important;color:#fff!important;border-color:#1677d2!important}.partnership-level-chip,.partnership-badge-large,.partnership-kicker{color:#1677d2}.partnership-badge-large{background:#dff1ff;border:2px solid #70b9ef}.partnership-stats-grid strong,.partnership-reward-amount{color:#1677d2}.partnership-card p,.partnership-card span{color:#0b1220}.partnership-modal .payrise-modal{border-color:#70b9ef}.partnership-modal-mark{background:#1677d2!important;color:#fff!important}
/* Final active profile identity styling */
.profile-summary-avatar{background:#f0f8f3!important;color:#6b8277!important;border:1px solid #e1eee7!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important}
/* Final Partnership palette correction: hero/background may be blue; cards remain white. */


.partnership-hero p{color:#e8f5ff!important}
.partnership-card h3,.partnership-card-heading h3{color:#0758b8!important}

/* Final requested PayRise refinements */
.partnership-optional{font-weight:800;color:#111;margin-left:3px}.partnership-code-input{color:#8b9692!important;text-align:left;background:#fff!important;border:1px solid #d6deea!important;font-weight:500!important}.partnership-code-input::placeholder{color:#8b9692}.partnership-modal .payrise-modal p{color:#111}.partnership-modal .partnership-modal-primary{background:#1677d2!important;color:#fff!important;border-color:#1677d2!important}.partnership-modal .btn.secondary{background:#e8f4ff!important;color:#1677d2!important;border-color:#b9ddf7!important}.partnership-modal input,.partnership-modal select{color:#111!important;background:#fff!important}.partnership-modal input::placeholder{color:#111;opacity:.75}.partnership-modal h3{font-size:22px}.partnership-step-count{font-size:10px;letter-spacing:.14em;font-weight:900;color:#1677d2;margin-bottom:8px}.partnership-step-help{font-size:13px;line-height:1.55}.partnership-age-question{font-size:16px!important;font-weight:800!important;line-height:1.45!important}.partnership-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.partnership-choice{min-height:46px}.partnership-welcome-mini{display:grid;gap:4px;margin:15px 0;padding:13px;border:1px solid #b9ddf7;border-radius:12px;background:#eef8ff;color:#111;text-align:left}.partnership-welcome-mini strong{color:#1677d2}.partnership-welcome-mini span{font-size:12px;line-height:1.5}.partnership-withdrawal-progression .progress-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3faff;border:1px solid #cce8fa;border-left:4px solid #b9ddf7;padding:13px 14px;border-radius:10px;color:#111}.partnership-withdrawal-progression .progress-stage.current{border-left-color:#1677d2;background:#e8f4ff}.partnership-withdrawal-progression .progress-stage>span{font-weight:850}.partnership-withdrawal-progression .progress-current{display:none;background:#1677d2;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;white-space:nowrap}.partnership-badge-large.enrolled-badge{width:108px;height:48px;border-radius:10px;border:2px solid #70b9ef;background:linear-gradient(145deg,#dff1ff,#b9ddf7);font-size:17px;box-shadow:0 8px 18px rgba(22,119,210,.14)}

/* Dashboard: soft premium interior, light utility cards, subdued balance card and subtle edge pattern. */
body[data-page="dashboard"] .main{background:#f4faf7!important;color:#102018!important;min-height:calc(100vh - 76px)}body[data-page="dashboard"] .main:before{inset:76px 0 0 238px!important;opacity:.45!important;background:linear-gradient(90deg,rgba(11,143,85,.06),transparent 42%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(11,143,85,.035) 22px 23px)!important}body[data-page="dashboard"] .dashboard-hello{color:#102018!important}body[data-page="dashboard"] .dashboard-welcome-text{color:#71807a!important}body[data-page="dashboard"] .dashboard-balance{background:linear-gradient(135deg,#0b6f4a,#0b8f55)!important;box-shadow:0 15px 32px rgba(11,111,74,.18)!important;border:1px solid rgba(255,255,255,.14)!important}body[data-page="dashboard"] .dashboard-action-card{background:#f8fcfa!important;border-color:#e0eee7!important;color:#16201c!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}body[data-page="dashboard"] .dashboard-action-card .ui-icon{color:#0b8f55!important}body[data-page="dashboard"] .dashboard-recent,body[data-page="dashboard"] .dashboard-updates{background:#fff!important;color:#102018!important;border:1px solid #e3eee8!important;box-shadow:0 10px 25px rgba(15,23,42,.055)!important}body[data-page="dashboard"] .dashboard-recent h3,body[data-page="dashboard"] .dashboard-recent .view-all,body[data-page="dashboard"] .dashboard-updates h3,body[data-page="dashboard"] .dashboard-updates .eyebrow{color:#102018!important}body[data-page="dashboard"] .dashboard-recent .recent-item{border-color:#edf2ef!important}body[data-page="dashboard"] .dashboard-recent .recent-item-main strong,body[data-page="dashboard"] .dashboard-recent .recent-item-main span,body[data-page="dashboard"] .dashboard-recent .recent-item-amount strong,body[data-page="dashboard"] .dashboard-recent .recent-item-amount span{color:#102018!important}body[data-page="dashboard"] .dashboard-recent .recent-item-main span,body[data-page="dashboard"] .dashboard-recent .recent-item-amount span{color:#71807a!important}body[data-page="dashboard"] .dashboard-recent .recent-item-icon{background:#eef8f3!important;color:#0b8f55!important}

.partnership-badge-large.enrolled-badge{display:grid;place-items:center;align-content:center;gap:2px}.partnership-badge-large.enrolled-badge strong{font-size:17px;line-height:1}.partnership-badge-large.enrolled-badge small{font-size:7px;line-height:1.1;font-weight:900;letter-spacing:.02em;text-align:center;max-width:92px}.partnership-badge-large:not(.enrolled-badge){}

.deposit-card h3{color:#0b8f55}.withdraw-card #preview{color:#0b8f55!important;font-weight:800}.withdraw-card #preview::first-letter{color:#0b8f55}
/* PWA install guidance - isolated to the installation popup */
.install-overlay{z-index:10000;background:rgba(4,9,7,.68);backdrop-filter:blur(6px);padding:18px}
.ios-install-notice{width:min(720px,96vw);max-height:92vh;overflow:auto;position:relative;padding:22px}
.install-close{position:absolute;right:12px;top:10px;border:0;background:#f1f4f2;color:#18211d;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.ios-install-icon{width:50px;height:50px;border-radius:15px;background:#eaf8f1;color:#0b8f55;display:grid;place-items:center;margin:0 auto 10px}.ios-install-icon .ui-icon{width:26px;height:26px}
.ios-install-notice h2{text-align:center;margin:4px 35px 7px}.install-lead{text-align:center;line-height:1.55;margin:0 auto 14px;max-width:570px}
.iphone-install-guide{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;border:1px solid #e4e9e6;border-radius:14px;background:#f8faf9;margin:0 auto 14px}
.ios-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:left}.ios-steps>div{border:1px solid #e2e8e4;border-radius:12px;background:#f8fbf9;padding:11px}.ios-steps b{display:block;color:#0b8f55;font-size:13px;margin-bottom:4px}.ios-steps span{display:block;color:#66736d;font-size:11px;line-height:1.45}
.install-note{margin:12px 0;padding:10px 12px;border-radius:11px;background:#eef6ff;border:1px solid #d7e8ff;color:#31506e;font-size:11px;line-height:1.5}.ios-understand{width:100%;margin-top:2px}.install-later{width:100%;margin-top:8px}
@media(max-width:620px){.ios-install-notice{padding:17px}.iphone-install-guide{max-height:300px}.ios-steps{grid-template-columns:1fr;gap:7px}.ios-steps>div{padding:9px}.ios-install-notice h2{font-size:21px}.install-lead{font-size:13px}}

/* Final requested customer/admin search, dashboard green blend, and transaction styling. */
.admin-search-wrap{position:relative;flex:1}.admin-search-wrap .ui-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b8f55;pointer-events:none}.admin-search-wrap input{padding-left:40px}.admin-customer-toolbar{align-items:center}.admin-customer-toolbar .btn{white-space:nowrap}
body[data-page="dashboard"] .main{background:#063d2c!important}.dashboard-action-card{transition:.18s ease}.dashboard-action-card span,.dashboard-recent h3,.dashboard-recent .view-all,.dashboard-updates h3,.dashboard-updates .eyebrow{color:#fff!important}.dashboard-action-card .ui-icon{color:#8ce3bf!important}.dashboard-recent .recent-item{border-color:rgba(126,221,180,.14)!important}.dashboard-recent .recent-item-main strong,.dashboard-recent .recent-item-amount strong{color:#fff!important}.dashboard-recent .recent-item-main span,.dashboard-recent .recent-item-amount span{color:#b9d8cb!important}.dashboard-recent .recent-item-icon{background:#0b8f55!important;color:#d8f7e9!important}.dashboard-updates .dashboard-update-empty{color:#b9d8cb}
body[data-page="transactions"] .table{color:#0b8f55}.transaction-type-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:9px;background:#e8fff4;color:#0b8f55;vertical-align:middle}.transaction-type-icon .ui-icon{width:17px;height:17px}.transaction-type-text{color:#0b8f55;font-weight:800;vertical-align:middle}body[data-page="transactions"] .table th{color:#0b8f55}body[data-page="transactions"] .table td{color:#0b8f55}body[data-page="transactions"] .table td:nth-child(2){font-weight:800}

.partnership-history{display:grid;gap:9px;margin-top:10px}.partnership-history-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cce8fa;border-radius:12px;background:#f8fcff}.partnership-history-icon{width:34px;height:34px;border-radius:10px;background:#e4f4ff;color:#1677d2;display:grid;place-items:center;flex:0 0 auto}.partnership-history-icon .ui-icon{width:18px;height:18px}.partnership-history-main{min-width:0;flex:1;display:grid;gap:2px}.partnership-history-main strong{color:#0758b8;font-size:13px}.partnership-history-main span{color:#0b1220;font-size:11px;line-height:1.35}.partnership-history-main small{color:#6a7882;font-size:10px}.partnership-history-amount{font-size:13px;white-space:nowrap}.partnership-history-amount.in{color:#0758b8}.partnership-history-amount.out{color:#b42318}


/* Registration-only installation choice popup. */
.install-choice-notice{width:min(500px,96vw);text-align:center}
.install-choice-notice .popup-icon{margin:0 auto 14px}
.install-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.install-choice-btn{min-height:92px;border:1px solid #d8e9e0;border-radius:14px;background:#f8fcfa;color:#0b8f55;display:grid;place-items:center;align-content:center;gap:8px;font-weight:900;cursor:pointer}
.install-choice-btn:hover{background:#eaf8f1;border-color:#bfe4d1}
.install-choice-btn .ui-icon{width:25px;height:25px}
.install-choice-close{width:100%;margin-top:12px}
@media(max-width:600px){.install-choice-grid{grid-template-columns:1fr 1fr}.install-choice-btn{min-height:84px;font-size:12px}}

/* Final requested PWA registration-only install UI. */
.install-platform-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:#e8fff4;color:#0b8f55}
.install-platform-icon .ui-icon{width:31px;height:31px}
.install-choice-panel{border:1px solid #d8e9e0;border-radius:15px;background:#f8fcfa;padding:15px;display:grid;place-items:center;gap:7px;color:#111}
.install-choice-panel strong{font-size:14px;color:#111}
.install-platform-sub{font-size:11px;color:#111;font-weight:700}
.install-choice-install{width:100%;margin-top:7px!important;background:#0b8f55!important;color:#fff!important}
.install-choice-install:hover{background:#087344!important}
.android-install-notice,.ios-install-notice{position:relative}
.install-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:10px;background:#f2f6f4;color:#17352a;font-size:22px;cursor:pointer}
body[data-page="transactions"] .transaction-type-icon{background:#e8fff4!important;color:#0b8f55!important}
body[data-page="transactions"] .transaction-type-text,body[data-page="transactions"] .table td,body[data-page="transactions"] .table th{color:#0b8f55!important}
body[data-page="transactions"] .transaction-type-icon{color:#0b8f55!important;background:#e8fff4!important}
body[data-page="transactions"] .transaction-type-text,body[data-page="transactions"] .table td,body[data-page="transactions"] .table th{color:#0b8f55!important}

/* Customer navigation footer: same compact Dashboard size everywhere; black by default. */
@media(max-width:980px){
  .bottom-nav .dashboard-filled-icon{
    width:21px!important;
    height:21px!important;
  }
  .bottom-nav a,
  .bottom-nav a.active{
    color:#000!important;
  }
  
}


/* FINAL REQUESTED DASHBOARD + CUSTOMER FOOTER PRESENTATION ONLY. */
body[data-page="dashboard"] .main{
  background:#063d2c!important;
}

/* Main Naira balance card: lighter solid green. Dollar balance styling is untouched. */
body[data-page="dashboard"] .dashboard-balance{
  background:#0b8f55!important;
  border:none!important;
  box-shadow:none!important;
}
body[data-page="dashboard"] .dashboard-balance:after{
  display:none!important;
}

/* Keep the six Dashboard action-card backgrounds at their original light appearance. */
body[data-page="dashboard"] .dashboard-action-card{
  background:#f8fcfa!important;
  border-color:#e0eee7!important;
  color:#16201c!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
}

/* Six action icons only: bold green; card backgrounds remain unchanged. */
body[data-page="dashboard"] .dashboard-action-card .dashboard-filled-icon,
body[data-page="dashboard"] .dashboard-action-card .ui-icon{
  color:#0b8f55!important;
  width:38px!important;
  height:38px!important;
}

/* Three Naira balance sub-cards. */
body[data-page="dashboard"] .dashboard-balance-sub-three{
  gap:10px!important;
}
body[data-page="dashboard"] .dashboard-balance-sub-three>div{
  background:#063d2c!important;
  border-radius:12px!important;
  padding:10px 10px!important;
  margin:0!important;
}
body[data-page="dashboard"] .dashboard-balance-sub-three>div span,
body[data-page="dashboard"] .dashboard-balance-sub-three>div strong{
  color:#fff!important;
}

/* Customer navigation footer: compact Dashboard size everywhere, black by default. */
@media(max-width:980px){
  .bottom-nav .dashboard-filled-icon,
  .bottom-nav .ui-icon{
    width:21px!important;
    height:21px!important;
  }
  .bottom-nav a,
  .bottom-nav a.active,
  .bottom-nav .dashboard-filled-icon,
  .bottom-nav .ui-icon{
    color:#000!important;
  }

  /* Partnership page uses the same compact footer, with blue navigation state only. */
  
}

/* FINAL PAYRISE DASHBOARD / CUSTOMER FOOTER OVERRIDES
   Scoped only to the requested visual corrections. */

/* Main Naira balance card: solid lighter green, no blended edge/gradient. */
.dashboard-balance{
  background:#0b8f55!important;
  box-shadow:none!important;
  border:0!important;
}

/* Three Naira balance cards: separate dark-green cards. */
.dashboard-balance-sub-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.dashboard-balance-sub-three>div{
  background:#063d2c!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

/* Six Dashboard action-card backgrounds remain governed by their original
   .dashboard-action-card rule. Only their icons are overridden here. */
.dashboard-action-card .dashboard-filled-icon,
.dashboard-action-card .ui-icon{
  color:#0b8f55!important;
  fill:#0b8f55!important;
  stroke:#0b8f55!important;
}

/* Shared customer navigation footer: same compact Dashboard sizing everywhere. */
.bottom-nav a,
.bottom-nav a.active{
  color:#000!important;
}
.bottom-nav .nav-icon,
.bottom-nav .nav-icon svg,
.bottom-nav i{
  width:20px!important;
  height:20px!important;
  font-size:20px!important;
  color:#000!important;
}
.bottom-nav span{
  font-size:10px!important;
}

/* Partnership page only: same size, blue navigation state. */
body[data-page="partnership"] .bottom-nav a,
body[data-page="partnership"] .bottom-nav a.active,
body[data-page="partnership"] .bottom-nav .nav-icon,
body[data-page="partnership"] .bottom-nav .nav-icon svg,
body[data-page="partnership"] .bottom-nav i{
  color:#1677d2!important;
}
body[data-page="partnership"] .bottom-nav .nav-icon svg{
  fill:#1677d2!important;
  stroke:#1677d2!important;
}

/* Requested final visual corrections. */
body[data-page="dashboard"] .dashboard-hello{color:#fff!important}
body[data-page="dashboard"] .dashboard-action-card{background:#d9f1e5!important}
body[data-page="dashboard"] .dashboard-action-card .dashboard-filled-icon,body[data-page="dashboard"] .dashboard-action-card .ui-icon{color:#0b8f55!important;fill:#0b8f55!important;stroke:#0b8f55!important;font-weight:1000!important}
body[data-page="dashboard"] .dashboard-balance{background:#0b8f55!important;box-shadow:none!important}
body[data-page="dashboard"] .dashboard-balance-sub-three>div{background:#063d2c!important;border-radius:12px!important}
body[data-page="dashboard"] .bottom-nav a,body[data-page="dashboard"] .bottom-nav a.active,body[data-page="dashboard"] .bottom-nav .nav-icon,body[data-page="dashboard"] .bottom-nav .nav-icon svg,body[data-page="dashboard"] .bottom-nav i{color:#000!important}
body[data-page="referrals"] .bottom-nav a,body[data-page="referrals"] .bottom-nav a.active,body[data-page="referrals"] .bottom-nav .nav-icon,body[data-page="referrals"] .bottom-nav .nav-icon svg,body[data-page="referrals"] .bottom-nav i{color:#1677d2!important}
body[data-page="referrals"] .partnership-hero{background:linear-gradient(145deg,#0758b8,#0b82df)!important}
body[data-page="referrals"] .partnership-badge-large{background:linear-gradient(145deg,#0758b8,#0b82df)!important;color:#fff!important}
.dob-scroll-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}
.dob-scroll-row label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#111}
.dob-scroll-row select{width:100%;height:48px;border:1px solid #cfe3f1;border-radius:10px;background:#fff;color:#111;font-weight:900;text-align:center;padding:0 8px}
.partnership-check span{line-height:1.45;overflow-wrap:anywhere}
@media(max-width:480px){.dob-scroll-row{gap:6px}.dob-scroll-row select{height:46px;font-size:15px}}

/* Partnership confirmation text stays fully inside the card. */
.partnership-modal-card .partnership-check{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.partnership-modal-card .partnership-check input{
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
  flex:none!important;
}
.partnership-modal-card .partnership-check span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.4!important;
}

/* Main Naira balance card: slightly richer green; six action cards remain unchanged. */
body[data-page="dashboard"] .dashboard-balance{
  background:#0a9a5b!important;
}

.partnership-modal-card .partnership-modal-mark{
  color:#fff!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Final dashboard adjustments requested. */
body[data-page="dashboard"] .dashboard-action-card span{color:#0b8f55!important;font-weight:950!important}
body[data-page="dashboard"] .dashboard-balance{background:#18a968!important}
body[data-page="dashboard"] .dashboard-recent .recent-item-amount span{display:none!important}

/* PayRise unified dark-green customer backgrounds. Bank remains white. */
body[data-page="dashboard"],body[data-page="invest"],body[data-page="deposit"],body[data-page="withdraw"],body[data-page="transactions"],body[data-page="referrals"],body[data-page="chat"],body[data-page="profile"],body[data-page="personal"],body[data-page="security"],body[data-page="notifications"],body[data-page="upgrade"]{background:#063d2c!important}
body[data-page="dashboard"] .main,body[data-page="invest"] .main,body[data-page="deposit"] .main,body[data-page="withdraw"] .main,body[data-page="transactions"] .main,body[data-page="referrals"] .main,body[data-page="chat"] .main,body[data-page="profile"] .main,body[data-page="personal"] .main,body[data-page="security"] .main,body[data-page="notifications"] .main,body[data-page="upgrade"] .main{background:#063d2c!important;color:#fff!important}
body[data-page="bank"],body[data-page="bank"] .main{background:#fff!important;color:#111!important}
body[data-page="bank"] .container{background:#fff!important}
body[data-page="bank"] .card{background:#0b8f55!important;color:#fff!important;border-color:#0b8f55!important}
body[data-page="bank"] .card h3,
body[data-page="bank"] .card p{
  color:#fff!important;
}

body[data-page="bank"] .card label{
  color:#075c40!important;
}
body[data-page="bank"] .card input,body[data-page="bank"] .card select{background:#fff!important;color:#111!important;border-color:#cfe3d8!important}
body[data-page="bank"] .card .muted{color:#064d38!important}
body[data-page="bank"] .card .btn{background:#fff!important;color:#0b8f55!important}
body[data-page="bank"] .card .card{background:#f8fffb!important;color:#111!important}

/* Main dashboard balance card: rich green; the three Naira sub-cards are lighter. */
body[data-page="dashboard"] .dashboard-balance{background:#0b8f55!important;box-shadow:none!important}
body[data-page="dashboard"] .dashboard-balance-sub-three>div{background:#16a968!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
body[data-page="dashboard"] .dashboard-balance-sub-three>div span,body[data-page="dashboard"] .dashboard-balance-sub-three>div strong{color:#fff!important}

/* Six dashboard card backgrounds stay unchanged; only their icon and text treatment is green. */
body[data-page="dashboard"] .dashboard-action-card span,body[data-page="dashboard"] .dashboard-action-card h3{color:#0b8f55!important;font-weight:950!important}
body[data-page="dashboard"] .dashboard-action-card .dashboard-filled-icon,body[data-page="dashboard"] .dashboard-action-card .ui-icon{color:#0b8f55!important;fill:#0b8f55!important;stroke:#0b8f55!important}

/* Trade plan names, earnings, total value and interest remain clearly visible. */
body[data-page="invest"] .trade-plan-card h3{color:#fff!important;font-weight:950!important}
body[data-page="invest"] .trade-plan-card .price{color:#fff!important;font-weight:950!important}
body[data-page="invest"] .trade-plan-card .plan-meta b{color:#0b8f55!important;font-weight:950!important}
body[data-page="invest"] .trade-plan-card .plan-meta span{color:#d7f5e8!important}
body[data-page="invest"] .trade-plan-card .investment-card-icon{color:#0b8f55!important}
body[data-page="invest"] .trade-plan-card{background:#fff!important;color:#111!important}
body[data-page="invest"] .trade-plan-card h3,body[data-page="invest"] .trade-plan-card .price{color:#0b8f55!important}
body[data-page="invest"] .trade-plan-card .plan-meta span{color:#53635c!important}

/* Partnership: keep the existing blue card, but make the selected navigation/header controls blue. */
body[data-page="referrals"] .header-bell,body[data-page="referrals"] .header-bell .ui-icon{color:#1677d2!important}
body[data-page="referrals"] .bottom-nav a{color:#1677d2!important}
body[data-page="referrals"] .bottom-nav a.active{color:#1677d2!important}
body[data-page="referrals"] .partnership-hero{background:linear-gradient(145deg,#0758b8,#0b82df)!important;color:#fff!important}
body[data-page="referrals"] .partnership-hero *{color:#fff!important}
body[data-page="referrals"] .partnership-badge-large{background:linear-gradient(145deg,#0758b8,#0b82df)!important;color:#fff!important}
body[data-page="referrals"] .partnership-code,body[data-page="referrals"] .partnership-code *{color:#fff!important}

/* Partnership confirmation text must stay inside its card. */
.partnership-modal-card .partnership-check{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.partnership-modal-card .partnership-check span{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.4!important}

/* More secure/clear bank verification form. */
body[data-page="bank"] .card{box-shadow:0 12px 30px rgba(6,61,44,.12)!important}
body[data-page="bank"] #bankVerifyStatus{font-weight:800!important}
.offline-connection-image{display:block;width:100%;max-width:430px;height:auto;border-radius:16px;margin:0 auto 14px;box-shadow:0 8px 22px rgba(0,0,0,.12)}

/* Final master-safe refinements: requested dashboard greeting and Partnership header/navigation state. */
body[data-page="dashboard"] .dashboard-hello{color:#fff!important;font-weight:950!important}
body[data-page="dashboard"] .dashboard-welcome-text{color:rgba(255,255,255,.78)!important}
body[data-page="referrals"] .header-bell,
body[data-page="referrals"] .header-bell .ui-icon,
body[data-page="referrals"] .menu-trigger,
body[data-page="referrals"] .menu-trigger span{color:#1677d2!important}
body[data-page="referrals"] .menu-trigger span{background:#1677d2!important}
body[data-page="referrals"] .bottom-nav a,
body[data-page="referrals"] .bottom-nav a.active,
body[data-page="referrals"] .bottom-nav .dashboard-filled-icon{color:#1677d2!important;fill:#1677d2!important}
.profile-summary #name{
  color:#0b8f55;
  font-weight:950;
}

.card#body p b{
  color:#0b8f55;
  font-weight:950;
}

.card#body p{
  color:#0b8f55;
  font-weight:800;
}
/* =========================================================
   PAYRISE REGISTRATION — FULL-SCREEN POPUP STEPS
   ========================================================= */

.register-popup{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  min-height:100vh;
  box-sizing:border-box;
  background:rgba(15,23,20,.52);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  overflow-y:auto;
}

.register-popup-content{
  width:min(500px,100%);
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e4e9e6;
  border-radius:18px;
  padding:30px 28px 24px;
  box-shadow:0 20px 60px rgba(20,40,31,.22);
}

.register-popup-logo{
  display:block;
  width:min(220px,70%);
  height:auto;
  max-height:90px;
  object-fit:contain;
  margin:0 auto 18px;
}

.register-popup-content h2{
  text-align:center;
  font-size:24px;
  margin:0 0 7px;
  color:#17231e;
}

.register-popup-content>.muted{
  text-align:center;
  margin:0 0 22px;
}

.register-popup-content .form-row{
  gap:12px;
}

.register-popup-content .auth-field{
  display:grid;
  gap:6px;
}

.register-popup-content .auth-submit{
  width:100%;
  min-height:48px;
  border-radius:9px;
  background:#0b9f55;
}

.register-popup-content .auth-submit:hover{
  background:#078348;
}

.register-popup-content .secondary{
  min-height:48px;
  border-radius:9px;
}

.register-popup-1,
.register-popup-2,
.register-popup-3{
  width:100%;
  height:100%;
  min-height:100vh;
}

@media(max-width:560px){
  .register-popup{
    padding:12px;
  }

  .register-popup-content{
    width:100%;
    max-height:calc(100vh - 24px);
    padding:24px 18px 20px;
    border-radius:16px;
  }

  .register-popup-content h2{
    font-size:22px;
  }

  .register-popup-content .form-row{
    grid-template-columns:1fr;
  }
}
/* PAYRISE REGISTRATION LOADING POPUP */

.register-loading-popup{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  min-height:100vh;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,20,.58);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  z-index:20000;
}

.register-loading-card{
  width:min(380px,100%);
  min-height:210px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e4e9e6;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(20,40,31,.25);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px 24px;
  text-align:center;
}

.register-loading-logo{
  display:block;
  width:min(210px,72%);
  height:auto;
  max-height:85px;
  object-fit:contain;
  margin:0 auto 22px;
}

.register-loading-text{
  color:#0b9f55;
  font-size:17px;
  font-weight:800;
  line-height:1.4;
  min-height:24px;
}

.loading-dots{
  display:inline-block;
  width:24px;
  text-align:left;
}

@media(max-width:560px){
  .register-loading-popup{
    padding:16px;
  }

  .register-loading-card{
    width:100%;
    min-height:190px;
    padding:26px 20px;
    border-radius:16px;
  }

  .register-loading-logo{
    width:min(190px,75%);
    max-height:75px;
    margin-bottom:20px;
  }

  .register-loading-text{
    font-size:16px;
  }
}

/* PayRise requested visual refinements */
.dashboard-update-slide img{cursor:zoom-in}.dashboard-update-lightbox{position:fixed;inset:0;background:rgba(5,10,8,.88);display:grid;place-items:center;padding:28px;z-index:30000}.dashboard-update-lightbox img{max-width:min(94vw,1200px);max-height:88vh;object-fit:contain;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.dashboard-update-lightbox-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.2)}
.notification-dropdown{width:min(340px,calc(100vw - 24px));border-radius:20px;padding:8px;box-shadow:0 18px 50px rgba(15,23,42,.20)}.notification-dropdown-item{border-radius:14px;padding:12px 11px}.notification-dropdown-item strong{color:#111;font-size:14px;font-weight:950}.notification-dropdown-item small{color:#0b8f55;font-weight:800}.notification-dropdown-footer{color:#0b8f55}
.profile-premium-card{background:#fff;border:1px solid #e0e8e4;border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.07)}.profile-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:#0b8f55}.profile-links-premium{margin-top:24px;display:grid;gap:10px}.profile-links-premium .profile-link{display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:13px;padding:14px 13px;border:1px solid #e4ebe7;border-radius:16px;background:#fbfdfc;text-decoration:none;color:#101814}.profile-option-icon{width:46px;height:46px;border-radius:14px;background:#e8f7f0;color:#0b8f55;display:grid;place-items:center}.profile-option-icon .ui-icon{width:23px;height:23px;stroke-width:2.1}.profile-links-premium .profile-link small{display:block;font-size:9px;letter-spacing:.1em;color:#7a8781;font-weight:900;margin-bottom:3px}.profile-links-premium .profile-link strong{font-size:14px}
.withdrawal-pin-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 4px}.withdrawal-pin-box{width:100%!important;height:52px!important;margin:0!important;padding:0!important;text-align:center!important;font-size:25px!important;font-weight:1000!important;letter-spacing:0!important;border:1px solid #cddbd4!important;border-radius:13px!important;background:#fff!important;color:#0b8f55!important;box-sizing:border-box}.withdrawal-pin-box:focus{outline:2px solid #0b8f55!important;border-color:#0b8f55!important}.pin-form-field{margin-top:12px}
.partnership-page{padding:22px;border-radius:26px}.partnership-dashboard-card,.reward-summary-card{border-radius:20px}.reward-summary-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.partnership-summary-icon{width:44px;height:44px;border-radius:13px;background:#e8f7f0;color:#0b8f55;display:grid;place-items:center;font-size:20px;font-weight:1000}.partnership-total-reward{display:block;color:#1677d2;font-size:27px;font-weight:1000;margin-top:5px}.partnership-badge-large img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.partnership-verification-loading{
  width:100%;
  min-height:240px;
  box-sizing:border-box;
  padding:18px 24px;
  text-align:center!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:16px;
}

.partnership-modal-card{
  width:min(92vw,460px)!important;
  min-height:340px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
}
.partnership-verification-label{color:#000!important}.partnership-verification-loading h3{color:#1677d2!important;min-height:32px;display:flex;align-items:center;justify-content:center}.partnership-loading-spinner{width:58px;height:58px;border:5px solid #cfe7fb;border-top-color:#1677d2;border-radius:50%;margin:0 auto 14px;animation:payriseSpin .8s linear infinite}.partnership-verification-logo{display:block;width:58px;height:58px;object-fit:contain;margin:4px auto 12px}.partnership-verification-label{display:block;font-size:14px!important;font-weight:950!important;letter-spacing:.12em}.partnership-verification-loading h3{font-size:26px!important;margin:10px 0 8px!important}.partnership-verification-loading p{font-size:15px!important;margin:0!important;max-width:320px}@keyframes payriseSpin{to{transform:rotate(360deg)}}
.admin-partnership-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.admin-partnership-toolbar .admin-search-wrap{flex:1}.admin-badge-manager{border:1px solid #e0e8e4;border-radius:18px;padding:16px;margin-bottom:18px;background:#fbfdfc}.partnership-badge-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.admin-badge-slot{border:1px solid #dfe8e3;border-radius:14px;padding:12px;background:#fff;text-align:center;display:grid;gap:9px}.admin-badge-preview{height:70px;border-radius:12px;background:#f3f8f5;display:grid;place-items:center;overflow:hidden;color:#77837d;font-size:11px}.admin-badge-preview img{width:100%;height:100%;object-fit:contain}.admin-badge-upload{justify-content:center!important;cursor:pointer}.admin-reward-history{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e7eee9}.admin-reward-history div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:11px}.admin-reward-history small{grid-column:1/-1;color:#7b8781}.upgrade-page-card .muted{display:block!important;visibility:visible!important;opacity:1!important}
.deposit-history-list{display:grid;gap:9px}.deposit-history-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe7e2;border-radius:12px;background:#fff}.deposit-history-icon{width:34px;height:34px;border-radius:10px;background:#e8f7f0;color:#0b8f55;display:grid;place-items:center;font-size:19px;font-weight:1000;flex:0 0 auto}.deposit-history-details{min-width:0;flex:1}.deposit-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.deposit-history-top b{font-size:14px;color:#0b8f55!important}.deposit-history-info{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:5px;font-size:11px;color:#66736c}.deposit-status{border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;white-space:nowrap}.deposit-status.pending{background:#fff4d6;color:#8a5b00}.deposit-status.successful{background:#e8f7f0;color:#0b8f55}.deposit-status.declined{background:#fdecec;color:#b42318}
@media(max-width:700px){.partnership-badge-admin-grid{grid-template-columns:repeat(2,1fr)}.admin-partnership-toolbar{align-items:stretch;flex-direction:column}.reward-summary-card{grid-template-columns:1fr}.profile-premium-card{padding:16px}}

.notification-dropdown-heading{padding:10px 11px 8px;color:#111!important;font-size:17px;font-weight:950;border-bottom:1px solid #e8eee9;margin-bottom:4px}.notification-dropdown-item small{display:block;color:#0b8f55!important;font-weight:850;line-height:1.45}.notification-dropdown-item strong{display:block;color:#111!important;font-size:14px;font-weight:950;margin-bottom:2px}
body[data-page="referrals"] .partnership-page{max-width:980px;padding:18px 0 34px}.partnership-dashboard-card,.reward-summary-card{box-shadow:0 18px 42px rgba(22,119,210,.12)!important}.partnership-card{transition:transform .18s ease,box-shadow .18s ease}.partnership-card:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(22,119,210,.14)}.partnership-card-heading h3{font-size:20px}.partnership-stats-grid>div{min-height:78px;display:flex;flex-direction:column;justify-content:center}.partnership-badge-large span{color:#fff!important}.partnership-badge-large img{display:block;width:100%;height:100%;object-fit:contain}.partnership-history{display:grid;gap:8px}.partnership-history-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #dbeaf6;border-radius:13px;background:#fbfdff}.partnership-history-icon{width:38px;height:38px;border-radius:11px;background:#e5f4ff;color:#1677d2;display:grid;place-items:center}.partnership-history-main{min-width:0}.partnership-history-main strong,.partnership-history-main span,.partnership-history-main small{display:block}.partnership-history-main strong{font-size:12px;color:#111}.partnership-history-main span{font-size:10px;color:#45525e!important}.partnership-history-main small{font-size:9px;color:#77838e!important;margin-top:2px}.partnership-history-amount{font-size:13px}.partnership-history-amount.in{color:#0b8f55}.partnership-history-amount.out{color:#c0392b}.partnership-verification-loading h3{color:#1677d2!important}.partnership-verification-loading p{color:#52606d!important}
@media(max-width:700px){body[data-page="referrals"] .partnership-page{padding:10px 0 28px}.partnership-history-row{grid-template-columns:34px minmax(0,1fr) auto}.partnership-history-icon{width:34px;height:34px}.partnership-total-reward{font-size:23px}}

/* Requested premium Partnership, Security, Transactions and notification presentation */
.partnership-hero{position:relative;padding-top:34px!important;border:1px solid rgba(255,255,255,.28)}.partnership-badge-large{width:126px!important;height:126px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:5px solid #fff!important;overflow:hidden!important;position:relative;z-index:2;box-shadow:0 18px 40px rgba(0,35,90,.28)!important}.partnership-badge-large img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.partnership-customer-name{margin-top:15px;color:#fff;font-size:24px;font-weight:950;position:relative;z-index:2}.partnership-name-line{margin-top:5px;color:#fff;font-size:14px;font-weight:750;opacity:.96}.partnership-level-title{margin-top:4px;color:#dff3ff;font-size:13px;font-weight:850;letter-spacing:.4px}.partnership-hero h2{margin-top:14px!important;color:#fff!important}.partnership-card{border-color:#bfe1f8!important;box-shadow:0 12px 32px rgba(5,74,150,.09)!important}.admin-badge-manager{margin:0 0 18px;padding:18px;border:1px solid #bfe1f8;border-radius:20px;background:#f8fcff}.partnership-badge-admin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.admin-badge-slot{background:#fff;border:1px solid #d5e9f8;border-radius:16px;padding:12px;text-align:center}.admin-badge-slot strong{display:block;color:#0758b8;margin-bottom:9px}.admin-badge-preview{width:76px;height:76px;border-radius:50%;overflow:hidden;margin:0 auto 10px;border:3px solid #d5e9f8;background:#eef8ff;display:grid;place-items:center;color:#64748b;font-size:10px}.admin-badge-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.security-premium-wrap{display:flex;justify-content:center}.security-premium-card{width:100%;max-width:720px;background:linear-gradient(145deg,#fff,#f5fff9);border:1px solid #b9ecd5;border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(11,143,85,.12);position:relative;overflow:hidden}.security-card-top{display:flex;justify-content:space-between;align-items:center;color:#0b8f55;font-weight:900;letter-spacing:2px}.security-chip{width:38px;height:27px;border-radius:7px;border:1px solid #9adabc;background:#eafff4}.security-card-title{font-size:29px;font-weight:900;margin-top:22px;color:#101814}.security-option{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:18px;border:1px solid #ccefe0;border-radius:18px;background:#fff}.security-option strong{display:block;font-size:17px;color:#111}.security-option small{display:block;color:#0b8f55;font-weight:650;margin-top:5px}.security-link{color:inherit}.security-pin-preview{margin-top:16px;padding:18px;border-radius:18px;background:#0b8f55;color:#fff;display:flex;flex-direction:column;gap:6px}.security-pin-preview span{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;opacity:.8}.security-pin-preview strong{font-size:24px;letter-spacing:7px}.security-pin-preview small{opacity:.9}.transaction-history-shell{max-width:980px;margin:auto}.transaction-history-head{background:#fff;border:1px solid #bfe1d1;border-radius:22px;padding:22px;margin-bottom:14px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#0b8f55}.transaction-list{display:grid;gap:11px}.transaction-card{width:100%;border:1px solid #ccefe0;border-radius:18px;background:#fff;padding:16px;display:grid;grid-template-columns:46px minmax(0,1fr) 115px;gap:13px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 7px 22px rgba(15,23,42,.04)}.tx-icon{width:44px;height:44px;border-radius:14px;background:#e8fff4;color:#0b8f55;display:grid;place-items:center}.tx-copy{min-width:0}.tx-copy strong{display:block;color:#000;font-size:15px;font-weight:950;text-transform:none}.tx-copy small{display:block;color:#0b8f55;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{text-align:right;min-width:115px}.tx-amount b{display:block;color:#111;font-size:15px}.tx-status{display:inline-block;margin-top:5px;font-style:normal;font-size:11px;font-weight:850;padding:4px 8px;border-radius:999px}.tx-status.successful{background:#c9f7df;color:#087344}.tx-status.pending{background:#fff7df;color:#946200}.tx-status.declined{background:#fff0f1;color:#b4232d}.transaction-detail-modal{max-width:520px!important}.transaction-detail-card{background:#fff;border:1px solid #b9ecd5;border-radius:20px;padding:14px;margin:12px 0 16px}.tx-detail-logo{display:block;width:54px;height:54px;object-fit:contain;margin:0 auto 10px}.tx-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tx-detail-grid>div{padding:11px;border:1px solid #d8f2e5;border-radius:13px;background:#fbfffd}.tx-detail-grid span{display:block;font-size:10px;color:#64748b;text-transform:uppercase}.tx-detail-grid strong{display:block;margin-top:4px;color:#111;overflow-wrap:anywhere}.tx-detail-full{grid-column:1/-1}.payrise-notification-popup .payrise-modal{background:#eafff1;border:1px solid #a9e6c6}.payrise-notification-popup .payrise-modal h3{color:#000;font-weight:950}.payrise-notification-popup .payrise-modal p{color:#0b8f55;font-weight:800;font-size:16px}.payrise-notification-popup .payrise-modal-icon{background:#0b8f55;color:#fff}.admin-deposit-config{padding:18px;border:1px solid #bfe1d1;border-radius:20px;background:#f8fffb;margin-bottom:18px}.deposit-config-card{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:9px;align-items:center;padding:12px;margin-top:10px;background:#fff;border:1px solid #d8f2e5;border-radius:14px}.deposit-config-input{min-width:0;padding:10px;border:1px solid #ccefe0;border-radius:10px}.bank-loading-name{font-weight:900!important;color:#0b8f55!important;font-size:17px!important}@media(max-width:700px){.partnership-badge-admin-grid{grid-template-columns:repeat(2,1fr)}.deposit-config-card{grid-template-columns:1fr 1fr}.deposit-config-card .deposit-config-input:first-of-type{grid-column:1/-1}.deposit-config-card .btn{grid-column:1/-1}.transaction-card{grid-template-columns:42px 1fr}.tx-amount{grid-column:2;text-align:left}.tx-detail-grid{grid-template-columns:1fr}.tx-detail-full{grid-column:auto}}

/* Strict targeted visibility/layout fixes */
.recent-item-main{min-width:0}
.recent-item-main strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-item-amount{flex:0 0 auto;min-width:78px}
.chat-message{color:#102018!important;background:#fff!important}
.chat-message.from-payrise{background:#e8fff4!important;border-color:#b9ecd5!important}
.chat-message.from-user{background:#f7f9fc!important;border-color:#d8e2dc!important}
.chat-message b{display:block;color:#0b8f55!important;font-weight:900!important}
.chat-message p{display:block;color:#102018!important;font-weight:650!important;line-height:1.5!important;margin:6px 0!important;visibility:visible!important;opacity:1!important}
.chat-message small{color:#64748b!important;visibility:visible!important}
.chat-message + .chat-message{margin-top:10px}
.chat-message ~ *{}
.chat-message a{color:#0b8f55!important;font-weight:850}
#message{color:#102018!important;background:#fff!important;caret-color:#0b8f55!important}
.transaction-history-head h2{color:#0b8f55;font-weight:950;margin:4px 0}
.tx-date-time{display:block!important;margin-top:5px;color:#64748b!important;font-size:10px!important;white-space:nowrap}
.tx-detail-logo{width:54px!important;height:54px!important;object-fit:contain!important}
.bank-loading-message{color:#64748b!important;font-size:12px!important;font-weight:700!important;margin:4px 0 8px!important}
.payrise-notification-popup .payrise-modal{border-radius:24px!important;width:min(94vw,620px)!important}
.admin-deposit-config .deposit-config-card{display:grid}

/* Targeted PayRise updates */
.recent-item-main{min-width:0;flex:1;overflow:hidden}.recent-item-main span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-amount{flex:0 0 auto;min-width:90px}.recent-item-amount strong{white-space:nowrap}
.deposit-account-details .detail-row{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:10px;align-items:start}.deposit-account-details .detail-row strong{margin-left:0!important;text-align:left;min-width:0;overflow-wrap:anywhere}.deposit-account-details .account-number-row strong{letter-spacing:.06em}
.upgrade-partnership-card b,.upgrade-tier strong{color:#0b8f55!important;font-weight:950!important}
.partnership-code-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(82px,.35fr);align-items:center;border:1px solid #c8d9e8;border-radius:14px;background:#fff;overflow:hidden}.partnership-code-input-wrap input{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}.partnership-code-input-wrap span{font-size:22px;font-weight:950;color:#111}.partnership-code-input-wrap small{padding:0 12px;color:#64748b;font-weight:800}.partnership-input-error{min-height:20px;margin-top:6px;color:#c62828;font-size:12px;font-weight:800}.partnership-verification-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-security-options{display:grid;gap:10px}.admin-security-options .security-option{margin-top:0}.admin-security-pin-state{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#f5faf7;border:1px solid #d8eee3}.admin-security-pin-state strong{color:#0b8f55}.admin-security-pin-state span{font-size:12px;color:#64748b}.customer-action-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:6px;min-width:220px}.customer-action-grid .btn{padding:8px 10px;font-size:11px;white-space:nowrap}.deposit-config-card.is-saved{grid-template-columns:1fr auto}.deposit-config-card.is-saved .btn{background:#eaf8f1;color:#087b4f;border:1px solid #bfe1d1}.popup-actions{display:flex;gap:10px;margin-top:16px}.popup-actions .btn{flex:1}.action-loading-overlay{z-index:99990!important}
@media(max-width:700px){.customer-action-grid{grid-template-columns:1fr 1fr;min-width:205px}.deposit-account-details .detail-row{grid-template-columns:1fr;gap:4px}.deposit-account-details .detail-row span{white-space:normal}.partnership-code-input-wrap{grid-template-columns:minmax(0,1fr) auto}.partnership-code-input-wrap small{grid-column:1/-1;padding:7px 12px;border-top:1px solid #e5e7eb}.popup-actions{flex-direction:column}}

/* Controlled forward-navigation loader */
.payrise-forward-loader-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(15,23,42,.16);backdrop-filter:blur(2px)}
.payrise-forward-loader{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.88);border:1px solid rgba(11,143,85,.22);box-shadow:0 14px 40px rgba(15,23,42,.20);display:grid;place-items:center;position:relative}
.payrise-forward-spinner{position:absolute;top:13px;width:18px;height:18px;border-radius:50%;border:3px solid rgba(11,143,85,.18);border-top-color:#0b8f55;animation:payriseForwardSpin .75s linear infinite}
.payrise-forward-logo{
  position:absolute;
  top:58px;
  width:48px;
  height:48px;
  object-fit:contain;
  animation:payriseLogoBreathe 1.6s ease-in-out 3;
}

body[data-page="referrals"] .payrise-forward-loader{border-color:rgba(22,119,210,.25)}
body[data-page="referrals"] .payrise-forward-spinner{border-color:rgba(22,119,210,.18);border-top-color:#1677d2}
@keyframes payriseForwardSpin{to{transform:rotate(360deg)}}
@keyframes payriseLogoBreathe{0%,100%{opacity:1}50%{opacity:.28}}
.partnership-code-input-wrap{display:block!important}
.partnership-code-input-wrap input{width:100%!important}
.partnership-code-input-wrap small{display:block;margin-top:7px;color:#0758b8;font-weight:800;font-size:11px}
.partnership-input-error{color:#b42318!important;font-weight:800!important}
.admin-pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.admin-pending-card{display:block;text-decoration:none;background:#fff;border:1px solid #bfe1d1;border-radius:18px;padding:16px;box-shadow:0 9px 25px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease}
.admin-pending-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(15,23,42,.10)}
.admin-pending-card span{display:block;font-size:10px;font-weight:950;letter-spacing:.12em;color:#0b8f55}
.admin-pending-card strong{display:block;margin-top:4px;font-size:30px;color:#111}
.admin-pending-card small{display:block;margin-top:4px;color:#64748b;font-weight:700}
.payrise-live-notification{height:82px!important;background:#eafff1!important;border-bottom:1px solid #a9e6c6!important;border-radius:0 0 18px 18px!important;box-shadow:0 14px 38px rgba(15,23,42,.14)!important}
.payrise-live-notification-copy strong{font-size:15px!important;font-weight:950!important;color:#000!important}
.payrise-live-notification-copy p{font-size:13px!important;color:#0b8f55!important;font-weight:800!important}
.payrise-live-notification-icon{background:#d9f7e7!important;color:#0b8f55!important}
.recent-item-main{min-width:0!important;overflow:hidden!important}
.recent-item-main strong,.recent-item-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-item-amount{min-width:105px!important;white-space:nowrap}
@media(max-width:700px){.admin-pending-grid{grid-template-columns:1fr}.admin-pending-card strong{font-size:26px}.payrise-forward-loader{width:76px;height:76px}.payrise-forward-spinner{top:12px}.payrise-forward-logo{top:36px;width:32px;height:32px}}

  /* =========================================================
   PAYRISE PARTNERSHIP FORWARD LOADER
   Partnership registration only
   ========================================================= */

.partnership-forward-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.partnership-forward-loader-circle {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
}

.partnership-forward-spinner {
  width: 19px;
  height: 19px;
  border: 2.5px solid rgba(0, 102, 255, 0.18);
  border-top-color: #0066ff;
  border-right-color: #0066ff;
  border-radius: 50%;
  animation: partnershipForwardSpin 0.75s linear infinite;
}

.partnership-forward-loader-circle img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  animation: partnershipLogoPulse 0.433s ease-in-out 3;
}

@keyframes partnershipForwardSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes partnershipLogoPulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.35;
  }
}

  /* =========================================================
   PREMIUM PARTNERSHIP REGISTRATION
   Partnership enrollment process only
   ========================================================= */

.partnership-modal{
  background:rgba(5,18,35,.32)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

.partnership-modal .partnership-modal-card{
  width:min(94vw,470px)!important;
  max-height:90vh!important;
  overflow-y:auto!important;
  padding:26px!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid #cfe7fb!important;
  box-shadow:
    0 25px 70px rgba(8,42,75,.22),
    0 5px 20px rgba(8,42,75,.10)!important;
  color:#111!important;
}

.partnership-premium-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}

.partnership-premium-label{
  display:block;
  margin-bottom:4px;
  color:#1677d2;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}

.partnership-modal-card h3{
  margin:0!important;
  color:#111!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.02em;
}

.partnership-modal-card p{
  color:#344454!important;
  line-height:1.55!important;
}

.partnership-light-card{
  margin:0 0 18px;
  padding:15px 16px;
  border-radius:18px;
  background:#eaf5ff;
  border:1px solid #cfe7fb;
}

.partnership-light-card p{
  margin:0!important;
  color:#111!important;
  font-size:13px;
  font-weight:650;
}

.partnership-step-count{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  margin-bottom:17px;
  border-radius:999px;
  background:#eaf5ff;
  border:1px solid #cfe7fb;
  color:#1677d2!important;
  font-size:10px;
  font-weight:950;
  letter-spacing:.1em;
}

.partnership-modal-mark{
  flex:0 0 auto;
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#1677d2!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:1000!important;
  box-shadow:0 8px 20px rgba(22,119,210,.20);
}

.partnership-field-label{
  display:block;
  margin:0 0 7px;
  color:#111!important;
  font-size:12px;
  font-weight:900;
}

.partnership-premium-text-input,
.partnership-premium-input,
.partnership-modal-card select{
  width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  border:1px solid #bcd9ef!important;
  background:#f7fbff!important;
  color:#111!important;
  padding:13px 14px!important;
  font-size:14px!important;
  font-weight:700!important;
  outline:none!important;
  box-shadow:none!important;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.partnership-premium-text-input::placeholder{
  color:#718096!important;
  font-weight:600!important;
}

.partnership-premium-text-input:focus,
.partnership-premium-input:focus,
.partnership-modal-card select:focus{
  border-color:#1677d2!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(22,119,210,.10)!important;
}

.partnership-code-input-wrap{
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  background:#f7fbff!important;
  border:1px solid #bcd9ef!important;
  overflow:hidden!important;
}

.partnership-code-input-wrap input{
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
}

.partnership-code-input-wrap small{
  display:block!important;
  padding:8px 13px 11px!important;
  border-top:1px solid #dcecf8!important;
  color:#1677d2!important;
  font-size:10px!important;
  font-weight:850!important;
}

.partnership-input-error{
  min-height:20px!important;
  margin:7px 0 0!important;
  color:#b42318!important;
  font-size:11px!important;
  font-weight:850!important;
}

.partnership-modal-card .partnership-modal-primary,
.partnership-modal-card .partnership-choice,
.partnership-modal-card button.btn,
.partnership-modal-card button{
  width:100%!important;
  min-height:49px!important;
  margin-top:14px!important;
  border:0!important;
  border-radius:15px!important;
  background:#1677d2!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 9px 22px rgba(22,119,210,.20)!important;
  cursor:pointer!important;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.partnership-modal-card button:hover{
  background:#1269bb!important;
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(22,119,210,.24)!important;
}

.partnership-modal-card button:active{
  transform:translateY(0);
}

.partnership-modal-card button:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

.partnership-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:16px 0 2px!important;
  padding:13px!important;
  border-radius:15px!important;
  background:#f4f9fd!important;
  border:1px solid #d7e9f7!important;
  color:#111!important;
}

.partnership-check input{
  width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  accent-color:#1677d2!important;
  flex:0 0 auto;
}

.partnership-check span{
  color:#111!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

.partnership-choice-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:4px;
}

.partnership-choice-row button{
  margin-top:0!important;
}

.partnership-age-question{
  margin:0!important;
  color:#111!important;
  font-weight:700!important;
}

.partnership-dob-premium{
  gap:9px!important;
  margin-bottom:5px!important;
}

.partnership-dob-premium label{
  color:#111!important;
  font-size:11px!important;
  font-weight:900!important;
}

.partnership-dob-premium label > span{
  display:block;
  margin-bottom:6px;
  color:#1677d2!important;
}

.partnership-verification-loading{
  min-height:300px!important;
  padding:20px!important;
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.partnership-verification-label{
  margin-top:4px;
  color:#1677d2!important;
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
}

.partnership-verification-loading h3{
  margin:7px 0 5px!important;
  color:#111!important;
  font-size:21px!important;
}

.partnership-verification-loading p{
  max-width:280px;
  margin:0!important;
  color:#52606d!important;
  font-size:12px!important;
}

.partnership-loading-spinner{
  width:44px!important;
  height:44px!important;
  border:4px solid #cfe7fb!important;
  border-top-color:#1677d2!important;
  border-right-color:#1677d2!important;
  border-radius:50%!important;
  animation:payriseSpin .8s linear infinite!important;
}


/* =========================================================
   PARTNERSHIP 1.3 SECOND FORWARD LOADER
   ========================================================= */

.partnership-forward-loader{
  position:fixed;
  inset:0;
  z-index:100001;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(8,25,43,.18);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.partnership-forward-loader-circle{
  width:88px;
  height:88px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:rgba(255,255,255,.94);
  border:1px solid #cfe7fb;
  box-shadow:
    0 18px 45px rgba(8,42,75,.24),
    0 4px 15px rgba(8,42,75,.10);
}

.partnership-forward-spinner{
  width:20px;
  height:20px;
  border-radius:50%;
  border:3px solid rgba(22,119,210,.18);
  border-top-color:#1677d2;
  border-right-color:#1677d2;
  animation:partnershipForwardSpin .75s linear infinite;
}

.partnership-forward-loader-circle img{
  width:27px;
  height:27px;
  object-fit:contain;
  animation:partnershipLogoBreathe .433s ease-in-out 3;
}

@keyframes partnershipForwardSpin{
  to{
    transform:rotate(360deg);
  }
}

@keyframes partnershipLogoBreathe{
  0%,
  100%{
    opacity:1;
  }

  50%{
    opacity:.32;
  }
}

@media(max-width:700px){

  .partnership-modal .partnership-modal-card{
    width:calc(100vw - 24px)!important;
    max-height:88vh!important;
    padding:20px!important;
    border-radius:24px!important;
  }

  .partnership-premium-top{
    gap:11px;
  }

  .partnership-modal-mark{
    width:43px!important;
    height:43px!important;
    font-size:19px!important;
  }

  .partnership-modal-card h3{
    font-size:19px!important;
  }

  .partnership-choice-row{
    gap:8px!important;
  }

  .partnership-dob-premium{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Master prompt targeted visual fixes */
.transaction-card{background:#f2fff8!important}
.tx-icon{background:#c9f4dc!important;color:#0b8f55!important}
.notification-item-title{display:block!important;color:#0b8f55!important;font-weight:950!important;font-size:15px!important;margin-bottom:4px}
.notification-dropdown{max-width:calc(100vw - 24px)!important;left:auto!important}
@media(max-width:600px){.notification-dropdown{right:0!important;left:auto!important;transform:none!important;width:min(340px,calc(100vw - 24px))!important}}
.partnership-verification-loading{width:min(430px,calc(100vw - 36px));min-height:300px!important;height:300px;box-sizing:border-box;padding:28px 22px!important;background:#fff;border-radius:20px;box-shadow:0 18px 55px rgba(15,23,42,.18);justify-content:flex-start!important}
.partnership-verification-loading .partnership-loading-spinner{margin-top:18px!important;margin-bottom:10px!important}
.partnership-verification-logo{width:46px!important;height:46px!important;object-fit:contain!important;margin:0 0 8px!important}
.partnership-verification-label{display:block!important;margin:0 0 8px!important;min-height:20px!important;color:#0b8f55!important;font-weight:950!important;letter-spacing:.8px}
.partnership-verification-loading h3{height:28px!important;min-height:28px!important;margin:0 0 8px!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.partnership-verification-loading p{height:38px!important;min-height:38px!important;margin:0!important;overflow:hidden}
@media(min-width:601px){.notification-dropdown{right:0!important;transform:none!important}}

.partnership-verification-active .partnership-modal-card{width:min(430px,calc(100vw - 36px))!important;height:300px!important;min-height:300px!important;max-width:none!important;padding:0!important;border-radius:20px!important;box-sizing:border-box!important;overflow:hidden!important}
.partnership-verification-active .partnership-verification-loading{width:100%!important;height:300px!important;min-height:300px!important}
@media(max-width:600px){.partnership-verification-active .partnership-modal-card{width:calc(100vw - 32px)!important}}
.withdrawal-pin-boxes[data-pin-length="5"]{grid-template-columns:repeat(5,1fr)}
@media(max-width:380px){.withdrawal-pin-boxes[data-pin-length="5"]{gap:5px}.withdrawal-pin-box{font-size:22px!important}}


/* PAYRISE STRICT MASTER MODIFICATION — targeted visual fixes only */
.transaction-card{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  background:#f2fff8!important;
}
.transaction-card .tx-icon{
  background:#c9f4dc!important;
  color:#0b8f55!important;
}
.transaction-card .tx-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.transaction-card .tx-copy strong{
  color:#000!important;
  font-weight:950!important;
  font-size:15px!important;
}
.transaction-card .tx-copy .tx-support{
  color:#0b8f55!important;
  font-weight:650!important;
  margin-top:5px!important;
}
.transaction-card .tx-copy .tx-date-time{
  color:#64748b!important;
  font-weight:600!important;
  margin-top:5px!important;
}
.transaction-card .tx-amount{
  min-width:115px!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
}
.transaction-card .tx-amount b{
  color:#0b8f55!important;
  font-weight:950!important;
  font-size:16px!important;
}
.transaction-card .tx-amount .tx-status{
  margin-top:5px!important;
}
@media(max-width:700px){
  .transaction-card{
    grid-template-columns:42px minmax(0,1fr) auto!important;
  }
  .transaction-card .tx-amount{
    grid-column:auto!important;
    min-width:92px!important;
    text-align:right!important;
    align-items:flex-end!important;
  }
  .transaction-card .tx-copy .tx-date-time{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
}

/* Partnership validation card: fixed rectangle; only the message text changes. */
.partnership-verification-active .partnership-modal-card{
  width:min(430px,calc(100vw - 36px))!important;
  height:300px!important;
  min-height:300px!important;
  max-width:none!important;
  padding:0!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.partnership-verification-active .partnership-verification-loading{
  width:100%!important;
  height:300px!important;
  min-height:300px!important;
  padding:18px 22px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  gap:0!important;
}
.partnership-verification-active .partnership-loading-spinner{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin:0 0 4px!important;
}
.partnership-verification-active .partnership-verification-logo{
  width:82px!important;
  height:23px!important;
  flex:0 0 23px!important;
  object-fit:contain!important;
  margin:0 0 2px!important;
}
.partnership-verification-active .partnership-verification-label{
  color:#111!important;
  height:18px!important;
  min-height:18px!important;
  margin:0 0 3px!important;
  line-height:18px!important;
}
.partnership-verification-active .partnership-verification-loading h3{
  color:#1677d2!important;
  height:28px!important;
  min-height:28px!important;
  margin:0 0 5px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.partnership-verification-active .partnership-verification-loading p{
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  line-height:16px!important;
  overflow:hidden!important;
}
.partnership-forward-loader-circle img{
  width:52px!important;
  height:18px!important;
  object-fit:contain!important;
  margin:0!important;
  animation:none!important;
}
.partnership-forward-loader-circle{
  gap:4px!important;
}

/* Upgrade header — targeted addition only. */
.upgrade-section-header{
  margin:0 0 10px!important;
  color:#0b8f55!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:950!important;
}

.customer-extended-withdrawal{min-width:170px;display:grid;gap:6px}.customer-extended-toggle{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#111}.customer-extended-toggle input{accent-color:var(--primary)}.extended-limit-select{width:100%;padding:7px 8px;border:1px solid #ccefe0;border-radius:9px;background:#fff;font-size:12px}.extended-limit-select:disabled{opacity:.55}.extended-limit-save{padding:7px 10px!important;font-size:11px!important}.extended-limit-note{font-size:10px;color:#64748b}@media(max-width:900px){.customer-extended-withdrawal{min-width:145px}}
.deposit-verify-popup{width:min(92vw,460px)!important;box-sizing:border-box!important;border-radius:18px!important;padding:22px!important}
.deposit-verify-popup h3{text-align:center!important;color:#0b8f55!important;font-weight:950!important;margin:0 0 12px!important}
.deposit-verify-popup label{display:block!important;margin-top:10px!important;font-weight:800!important}
.deposit-verify-popup input{width:100%!important;box-sizing:border-box!important}
.deposit-popup-verify-btn{width:100%!important;background:#0b8f55!important;color:#fff!important;border:1px solid #0b8f55!important;margin-top:16px!important}
.payrise-creating-account-modal h3{margin:0 0 8px!important;color:#111!important;font-weight:950!important}
.payrise-creating-account-step{color:#0b8f55!important;font-size:14px!important;font-weight:850!important;min-height:20px!important;line-height:20px!important}


/* Strict PayRise transaction layout/search fix */
.transaction-history-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.transaction-search-wrap{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:2px;
}
.transaction-search-button{
  border:1px solid #bfe1d1;
  background:#fff;
  color:#0b8f55;
  border-radius:12px;
  padding:10px 16px;
  font-weight:850;
  cursor:pointer;
}
.transaction-search-box{
  display:flex;
  align-items:center;
  gap:6px;
  width:min(300px,42vw);
  border:1px solid #bfe1d1;
  background:#fff;
  border-radius:12px;
  padding:2px 6px 2px 10px;
}
.transaction-search-box[hidden]{display:none}
.transaction-search-box input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:9px 4px!important;
  margin:0!important;
}
.transaction-search-clear{
  flex:0 0 auto;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:#eef9f4;
  color:#0b8f55;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.transaction-card{
  grid-template-columns:46px minmax(0,1fr) 125px!important;
}
.transaction-card .tx-copy{
  min-width:0!important;
  max-width:100%;
  overflow:hidden!important;
}
.transaction-card .tx-copy strong,
.transaction-card .tx-copy .tx-support,
.transaction-card .tx-copy .tx-date-time{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.transaction-card .tx-amount{
  width:125px!important;
  min-width:125px!important;
  max-width:125px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.transaction-card .tx-amount b,
.transaction-card .tx-amount .tx-status{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.transaction-card .tx-status{
  display:inline-block!important;
}
.payrise-forward-loader{
  width:96px!important;
  height:96px!important;
}
.payrise-forward-spinner{
  top:12px!important;
}
.payrise-forward-logo{
  top:27px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  margin:0!important;
}
@media(max-width:700px){
  .transaction-history-head{
    align-items:stretch;
    flex-direction:column;
    gap:12px;
  }
  .transaction-search-wrap{
    width:100%;
  }
  .transaction-search-button{
    flex:0 0 auto;
  }
  .transaction-search-box{
    width:100%;
    flex:1 1 auto;
  }
  .transaction-card{
    grid-template-columns:42px minmax(0,1fr) 98px!important;
  }
  .transaction-card .tx-amount{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
  }
  .payrise-forward-loader{
    width:80px!important;
    height:80px!important;
  }
  .payrise-forward-spinner{
    top:10px!important;
  }
  .payrise-forward-logo{
    top:23px!important;
    width:34px!important;
    height:34px!important;
  }
}

/* Strict targeted transaction-detail, search-icon, and loader alignment fixes. */
.transaction-search-button{width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important;color:#111!important;background:#fff!important;border:1px solid #bfe1d1!important;border-radius:12px!important}
.transaction-search-button svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.premium-tx-modal{width:min(86vw,360px)!important;max-width:360px!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border:1px solid #b9ecd5!important;border-radius:18px!important;padding:10px!important;box-shadow:0 20px 55px rgba(15,23,42,.18)!important}
.premium-tx-top{display:flex;align-items:center;gap:10px;padding:2px 2px 9px}
.premium-tx-logo-wrap{width:52px;height:52px;flex:0 0 52px;background:#fff;border:1px solid #d8f2e5;border-radius:18px;display:grid;place-items:center;box-shadow:0 7px 20px rgba(11,143,85,.08)}
.premium-tx-logo-wrap .tx-detail-logo{width:42px!important;height:42px!important;margin:0!important;object-fit:contain!important}
.premium-tx-heading span{display:block;color:#0b8f55;font-size:10px;font-weight:950;letter-spacing:2px}.premium-tx-heading h3{margin:3px 0;color:#111;font-size:21px}.premium-tx-heading small{color:#64748b;font-weight:650}
.premium-tx-card{margin:0!important;padding:9px!important;border:1px solid #b9ecd5!important;border-radius:16px!important;background:#fff!important}
.premium-tx-highlight{background:#eafff1;border:1px solid #b9ecd5;border-radius:16px;padding:4px 13px;margin-bottom:10px}
.premium-tx-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #cfeee0}.premium-tx-row:last-child{border-bottom:0}.premium-tx-row span{font-weight:850;color:#111}.premium-tx-row strong{color:#111;text-align:right}.premium-tx-green{color:#0b8f55!important}
.premium-tx-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:9px;
  background:rgba(248,253,250,.72);
}

.premium-tx-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  background:linear-gradient(145deg,#ffffff,#f5fcf8);
  border:1px solid #d8f2e5;
  border-radius:13px;
  padding:9px 10px;
  min-height:52px;
}

.premium-tx-item-icon{
  width:30px;
  height:30px;
  min-width:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eafff1;
  color:#0b8f55;
}

.premium-tx-item-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.premium-tx-item-content{
  min-width:0;
  flex:1;
}

.premium-tx-item span{
  display:block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.45px;
  color:#64748b;
  font-weight:850;
  line-height:1.1;
}

.premium-tx-item strong{
  display:block;
  margin-top:3px;
  color:#111;
  font-size:9px;
  line-height:1.25;
  word-break:break-word;
}

.premium-tx-full{
  grid-column:1/-1;
}

.premium-tx-reference{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.premium-tx-description{
  align-items:flex-start;
}

.premium-tx-description strong{
  max-height:2.6em;
  overflow:hidden;
  line-height:1.3;
}

.premium-tx-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:9px;
}

.premium-tx-actions .btn{
  min-width:105px;
  min-height:42px;
}
.payrise-forward-loader{display:grid!important;place-items:center!important;position:relative!important;width:96px!important;height:96px!important;border-radius:50%!important;background:rgba(255,255,255,.84)!important}.payrise-forward-spinner{position:absolute!important;top:50%!important;left:50%!important;width:76px!important;height:76px!important;margin:-38px 0 0 -38px!important;border-radius:50%!important;box-sizing:border-box!important}.payrise-forward-logo{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:64px!important;height:64px!important;margin:0!important;object-fit:contain!important}
@media(max-width:700px){
  .premium-tx-modal{
    padding:10px!important;
    border-radius:20px!important;
    max-height:calc(100dvh - 16px)!important;
    overflow:hidden!important;
  }

  .premium-tx-top{
    gap:8px;
  }

  .premium-tx-logo-wrap{
    width:50px;
    height:50px;
    flex-basis:50px;
  }

  .premium-tx-logo-wrap .tx-detail-logo{
    width:41px!important;
    height:41px!important;
  }

  .premium-tx-heading h3{
    font-size:17px;
  }

  .premium-tx-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:7px;
  }

  .premium-tx-item{
    gap:7px;
    padding:8px;
    min-height:48px;
    border-radius:11px;
  }

  .premium-tx-item-icon{
    width:27px;
    height:27px;
    min-width:27px;
    border-radius:8px;
  }

  .premium-tx-item-icon svg{
    width:15px;
    height:15px;
  }

  .premium-tx-item span{
    font-size:8px;
  }

  .premium-tx-item strong{
    font-size:11px;
    margin-top:2px;
  }

  .premium-tx-actions{
    justify-content:stretch;
    margin-top:7px;
  }

  .premium-tx-actions .btn{
    flex:1;
    min-height:40px;
    font-size:12px;
  }

  .payrise-forward-loader{
    width:88px!important;
    height:88px!important;
  }

  .payrise-forward-spinner{
    width:70px!important;
    height:70px!important;
    margin:-35px 0 0 -35px!important;
  }

  .payrise-forward-logo{
    width:60px!important;
    height:60px!important;
  }
}
.premium-dollar-card{
  position:relative;
  min-height:245px;
  height:245px;
  padding:20px 22px 18px;
  overflow:hidden;
  border-radius:20px;
  background:
    linear-gradient(
      135deg,
      #063d27 0%,
      #075f38 42%,
      #063d27 100%
    );
  border:1px solid rgba(91,255,181,.55);
  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.premium-balance-badge{
  position:absolute;
  top:6px;
  left:20px;
  z-index:8;

  display:flex;
  align-items:center;
  gap:9px;

  padding:7px 15px;

  border-radius:12px;

  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;

  background:
    linear-gradient(
      135deg,
      #8b6b08,
      #f6d85b,
      #9d780b
    );

  border:1px solid rgba(255,235,120,.9);

  box-shadow:
    0 4px 16px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.premium-balance-diamond{
  font-size:16px;
  color:#fff8c7;
}

.premium-dollar-card-content{
  position:relative;
  z-index:5;

  width:55%;
  height:100%;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding-top:25px;
}

.premium-dollar-label{
  color:rgba(255,255,255,.86);
  font-size:14px;
  font-weight:600;
}

.premium-dollar-eye{
  display:inline-flex;
  width:18px;
  height:18px;
  margin-left:6px;
  vertical-align:middle;
}

.premium-dollar-eye svg{
  width:100%;
  height:100%;
}

.premium-dollar-total{
  margin-top:4px;
  color:#fff;
  font-size:38px;
  line-height:1.05;
  font-weight:800;
  white-space:nowrap;
  text-shadow:
    0 3px 18px rgba(0,0,0,.35);
}

.premium-dollar-currency{
  margin-top:4px;
  color:#71f0bd;
  font-size:13px;
  font-weight:700;
  letter-spacing:1.5px;
}

.premium-naira-inside-card{
  display:flex;
  align-items:center;
  gap:12px;

  width:100%;
  max-width:330px;

  margin-top:13px;
  padding:9px 13px;

  border-radius:13px;

  background:rgba(0,30,20,.38);

  border:1px solid rgba(98,255,190,.45);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10);
}

.premium-naira-inside-card
.premium-naira-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#65f3bb;

  background:rgba(17,161,101,.22);
  border:1px solid rgba(92,255,184,.5);
}

.premium-naira-inside-card
.premium-naira-icon svg{
  width:19px;
  height:19px;
}

.premium-naira-details{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.premium-naira-details span{
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:600;
}

.premium-naira-details strong{
  margin-top:2px;
  color:#fff;
  font-size:17px;
  line-height:1.15;
  white-space:nowrap;
}

.premium-naira-details small{
  margin-top:1px;
  color:#65efb8;
  font-size:9px;
  font-weight:700;
  letter-spacing:1px;
}

.premium-dollar-world{
  position:absolute;
  right:30px;
  top:25px;

  width:205px;
  height:205px;

  z-index:2;
}

.premium-dollar-globe{
  position:absolute;
  inset:15px;

  border-radius:50%;
  overflow:hidden;

  box-shadow:
    0 0 25px rgba(56,255,171,.65),
    0 0 65px rgba(20,190,116,.30);
}

.premium-dollar-globe-earth{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  border-radius:50%;
  overflow:hidden;

 background-image:url("/earth.png.png");

  background-size:auto 100%;
  background-position:0% 50%;
  background-repeat:repeat-x;

  box-shadow:
    inset -18px -14px 28px rgba(0,0,0,.62),
    inset 9px 8px 20px rgba(255,255,255,.14),
    0 0 18px rgba(82,255,184,.35);

  animation:payriseEarthRotate 22s linear infinite;

  will-change:background-position;
}

@keyframes payriseEarthRotate{
  0%{
    background-position:0% 50%;
  }

  100%{
    background-position:-200% 50%;
  }
}

.premium-dollar-globe-atmosphere{
  position:absolute;
  inset:-3px;

  border-radius:50%;

  box-shadow:
    inset 0 0 20px rgba(100,255,190,.80),
    inset 0 0 8px rgba(255,255,255,.18),
    0 0 18px rgba(75,255,181,.55);

  pointer-events:none;
}

.premium-dollar-globe-highlight{
  position:absolute;
  inset:0;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 28% 24%,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.12) 16%,
      rgba(255,255,255,0) 42%
    );

  pointer-events:none;
}

.premium-dollar-globe-shadow{
  position:absolute;
  inset:0;

  border-radius:50%;

  background:
    linear-gradient(
      115deg,
      transparent 25%,
      rgba(0,0,0,.03) 38%,
      rgba(0,0,0,.20) 62%,
      rgba(0,0,0,.55) 100%
    );

  pointer-events:none;
}

@keyframes payriseEarthRotate{
  from{
    background-position:
      center center,
      0% center,
      center center;
  }

  to{
    background-position:
      center center,
      220% center,
      center center;
  }
}

.premium-dollar-globe-atmosphere{
  position:absolute;
  inset:-2px;

  border-radius:50%;

  box-shadow:
    inset 0 0 22px rgba(100,255,190,.75),
    0 0 15px rgba(100,255,190,.5);

  pointer-events:none;
}

.premium-dollar-globe-highlight{
  position:absolute;
  inset:0;

  border-radius:50%;

  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.28),
      transparent 35%
    );

  pointer-events:none;
}

.premium-dollar-globe-shadow{
  position:absolute;
  inset:0;

  border-radius:50%;

  background:
    linear-gradient(
      90deg,
      transparent 35%,
      rgba(0,0,0,.45)
    );

  pointer-events:none;
}

.premium-dollar-world-orbit{
  position:absolute;
  inset:0;

  border:1px solid rgba(116,255,204,.55);
  border-radius:50%;

  transform:rotate(-22deg);
}

.premium-dollar-world-orbit-two{
  transform:rotate(62deg) scale(.82);
}

.premium-naira-outside-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}

.premium-naira-outside-card{
  min-height:82px;

  display:flex;
  align-items:center;

  gap:12px;

  padding:12px 15px;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      #063d27,
      #075b36
    );

  border:1px solid rgba(82,245,172,.45);

  box-shadow:
    0 8px 25px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.premium-naira-outside-card
.premium-naira-icon{
  width:38px;
  height:38px;

  flex:0 0 38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#65f3bb;

  background:rgba(17,161,101,.20);

  border:1px solid rgba(92,255,184,.45);
}

.premium-naira-outside-card
.premium-naira-icon svg{
  width:20px;
  height:20px;
}

@media(max-width:700px){

  .premium-dollar-card{
    min-height:220px;
    height:220px;
    padding:17px;
    border-radius:18px;
  }

  .premium-dollar-card-content{
    width:62%;
    padding-top:22px;
  }

  .premium-dollar-total{
    font-size:30px;
  }

  .premium-dollar-world{
    right:-12px;
    top:35px;
    width:155px;
    height:155px;
  }

  .premium-naira-inside-card{
    max-width:245px;
    padding:7px 9px;
    gap:8px;
  }

  .premium-naira-details strong{
    font-size:14px;
  }

  .premium-naira-outside-grid{
    gap:8px;
  }

  .premium-naira-outside-card{
    min-height:70px;
    padding:9px;
    gap:8px;
  }

  .premium-naira-outside-card
  .premium-naira-icon{
    width:31px;
    height:31px;
    flex-basis:31px;
  }

  .premium-naira-outside-card
  .premium-naira-icon svg{
    width:17px;
    height:17px;
  }

  .premium-naira-details span{
    font-size:9px;
  }

  .premium-naira-details strong{
    font-size:12px;
  }

  .premium-naira-details small{
    font-size:8px;
  }

  .premium-balance-badge{
    top:12px;
    left:15px;
    padding:5px 10px;
    font-size:9px;
  }
}
/* Trade — My Trades table visibility fix */
body[data-page="invest"] #my-trades{
  color:#111!important;
}

body[data-page="invest"] #my-trades .section-title h3{
  color:#111!important;
}

body[data-page="invest"] #my-trades .section-title .muted{
  color:#53635c!important;
}

body[data-page="invest"] #my-trades .table{
  color:#111!important;
}

body[data-page="invest"] #my-trades .table th{
  color:#53635c!important;
  font-weight:850!important;
}

body[data-page="invest"] #my-trades .table td{
  color:#111!important;
  font-weight:650!important;
}

body[data-page="invest"] #my-trades .table td:first-child{
  color:#111!important;
  font-weight:850!important;
}

body[data-page="invest"] #my-trades .live-trade-earning{
  color:#0b8f55!important;
  font-weight:850!important;
}

body[data-page="invest"] #my-trades .badge{
  visibility:visible!important;
  opacity:1!important;
}
/* =========================================================
   PAYRISE TRADE — PREMIUM CRYSTAL PLAN CARDS
   DESIGN ONLY
   ========================================================= */

body[data-page="invest"] .trade-premium-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  padding:18px;
  gap:14px;
  border-radius:24px!important;
  border:1px solid rgba(11,143,85,.20)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82) 0%,
      rgba(235,252,244,.78) 42%,
      rgba(195,239,216,.70) 100%
    )!important;

  color:#102018!important;

  box-shadow:
    0 18px 45px rgba(11,143,85,.11),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(11,143,85,.08);

  transform:translateZ(0);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

body[data-page="invest"] .trade-premium-card:hover{
  transform:translateY(-6px);

  border-color:rgba(11,143,85,.38)!important;

  box-shadow:
    0 25px 55px rgba(11,143,85,.18),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(11,143,85,.10);
}


/* =========================================================
   FLOATING CRYSTAL GLOW
   ========================================================= */

body[data-page="invest"] .trade-card-glow{
  position:absolute;
  width:210px;
  height:210px;
  right:-90px;
  top:-90px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(91,224,158,.34) 0%,
      rgba(91,224,158,.15) 35%,
      transparent 72%
    );

  filter:blur(4px);
  pointer-events:none;
  z-index:-1;
}


/* =========================================================
   LUXURY DIAGONAL STRIPES
   ========================================================= */

body[data-page="invest"] .trade-card-lines{
  position:absolute;
  inset:0;

  pointer-events:none;
  opacity:.48;
  z-index:-1;

  background:
    repeating-linear-gradient(
      125deg,
      transparent 0,
      transparent 31px,
      rgba(11,143,85,.045) 32px,
      rgba(255,255,255,.22) 34px,
      transparent 36px,
      transparent 68px
    );

  mask-image:
    linear-gradient(
      135deg,
      transparent 0%,
      #000 20%,
      #000 80%,
      transparent 100%
    );

  -webkit-mask-image:
    linear-gradient(
      135deg,
      transparent 0%,
      #000 20%,
      #000 80%,
      transparent 100%
    );
}


/* =========================================================
   PLAN HEADER
   ========================================================= */

body[data-page="invest"] .trade-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;

  position:relative;
  z-index:2;
}

body[data-page="invest"] .trade-plan-name{
  display:flex;
  align-items:center;
  gap:10px;

  min-width:0;

  padding:9px 11px;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      rgba(11,143,85,.15),
      rgba(255,255,255,.72)
    );

  border:1px solid rgba(11,143,85,.17);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 8px 18px rgba(11,143,85,.06);
}


/* Plan icon */

body[data-page="invest"] .trade-plan-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;

  display:grid;
  place-items:center;

  border-radius:12px;

  color:#0b8f55;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(207,245,224,.82)
    );

  border:1px solid rgba(11,143,85,.18);

  box-shadow:
    0 7px 16px rgba(11,143,85,.10),
    inset 0 1px 0 rgba(255,255,255,.98);
}

body[data-page="invest"] .trade-plan-icon .ui-icon{
  width:20px;
  height:20px;
}


/* Plan label */

body[data-page="invest"] .trade-plan-name small{
  display:block;

  margin-bottom:3px;

  color:#54806b!important;

  font-size:8px;
  line-height:1;

  letter-spacing:.14em;

  font-weight:950;
}


/* Plan name */

body[data-page="invest"] .trade-plan-name h3{
  margin:0!important;

  color:#102018!important;

  font-size:17px;
  line-height:1.15;

  font-weight:950!important;

  letter-spacing:-.025em;

  white-space:normal;
  overflow-wrap:anywhere;
}


/* TRADE badge */

body[data-page="invest"] .trade-card-number{
  flex:0 0 auto;

  display:grid;
  place-items:center;

  min-width:48px;
  height:29px;

  padding:0 9px;

  border-radius:999px;

  background:rgba(11,143,85,.08);

  border:1px solid rgba(11,143,85,.15);

  color:#0b8f55;

  font-size:8px;

  font-weight:950;

  letter-spacing:.10em;
}


/* =========================================================
   MAIN AMOUNT CRYSTAL CARD
   ========================================================= */

body[data-page="invest"] .trade-amount-card{
  display:flex;
  align-items:center;

  gap:12px;

  min-width:0;

  padding:14px;

  border-radius:19px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.80),
      rgba(210,245,226,.68)
    );

  border:1px solid rgba(11,143,85,.17);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 10px 24px rgba(11,143,85,.07);

  position:relative;

  overflow:hidden;
}


/* Reflection */

body[data-page="invest"] .trade-amount-card::after{
  content:"";

  position:absolute;

  top:-70%;
  right:-12%;

  width:90px;
  height:210%;

  transform:rotate(28deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.45),
      transparent
    );

  pointer-events:none;
}


/* Amount icon */

body[data-page="invest"] .trade-amount-icon{
  width:44px;
  height:44px;

  flex:0 0 44px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:
    linear-gradient(
      145deg,
      #0b8f55,
      #087344
    );

  color:#fff;

  box-shadow:
    0 9px 20px rgba(11,143,85,.20),
    inset 0 1px 0 rgba(255,255,255,.25);
}

body[data-page="invest"] .trade-amount-icon .ui-icon{
  width:21px;
  height:21px;
}


/* Amount label */

body[data-page="invest"] .trade-amount-card span{
  display:block;

  color:#5c7568!important;

  font-size:8px;
  line-height:1;

  font-weight:950;

  letter-spacing:.13em;

  margin-bottom:5px;
}


/* Amount */

body[data-page="invest"] .trade-amount-card strong{
  display:block;

  min-width:0;

  color:#0b8f55!important;

  font-size:clamp(20px,2vw,28px);

  line-height:1.05;

  font-weight:950;

  letter-spacing:-.035em;

  overflow-wrap:anywhere;
}


/* =========================================================
   FOUR INFORMATION CARDS
   ========================================================= */

body[data-page="invest"] .trade-premium-meta{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:8px;
}

body[data-page="invest"] .trade-meta-card{
  min-width:0;
  min-height:64px;

  display:flex;
  align-items:center;

  gap:8px;

  padding:9px;

  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.70),
      rgba(222,247,232,.66)
    );

  border:1px solid rgba(11,143,85,.13);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90);
}


/* Mini icons */

body[data-page="invest"] .trade-meta-icon{
  width:29px;
  height:29px;

  flex:0 0 29px;

  display:grid;
  place-items:center;

  border-radius:9px;

  background:rgba(11,143,85,.10);

  color:#0b8f55;
}

body[data-page="invest"] .trade-meta-icon .ui-icon{
  width:15px;
  height:15px;
}

body[data-page="invest"] .trade-meta-card div{
  min-width:0;
}


/* Information value */

body[data-page="invest"] .trade-meta-card b{
  display:block;

  color:#102018!important;

  font-size:13px;

  line-height:1.15;

  font-weight:950!important;

  overflow-wrap:anywhere;
}


/* Information label */

body[data-page="invest"] .trade-meta-card small{
  display:block;

  margin-top:3px;

  color:#668073!important;

  font-size:7px;

  line-height:1.1;

  font-weight:900;

  letter-spacing:.08em;
}


/* =========================================================
   PREMIUM TRADE BUTTON
   ========================================================= */

body[data-page="invest"] .trade-premium-btn{
  width:100%;

  min-height:48px;

  margin-top:auto;

  padding:10px 13px;

  border-radius:15px;

  border:1px solid rgba(11,143,85,.24);

  background:
    linear-gradient(
      135deg,
      #0b8f55 0%,
      #087b49 52%,
      #075f39 100%
    );

  color:#fff!important;

  box-shadow:
    0 12px 24px rgba(11,143,85,.18),
    inset 0 1px 0 rgba(255,255,255,.22);

  font-weight:950;

  letter-spacing:.01em;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

body[data-page="invest"] .trade-premium-btn:hover{
  background:
    linear-gradient(
      135deg,
      #0ca963 0%,
      #09824d 52%,
      #07683e 100%
    );

  transform:translateY(-2px);

  box-shadow:
    0 16px 30px rgba(11,143,85,.24),
    inset 0 1px 0 rgba(255,255,255,.25);

  filter:saturate(1.08);
}


/* Processing / disabled state remains visible */

body[data-page="invest"] .trade-premium-btn:disabled{
  opacity:.72;
  transform:none;
}


/* =========================================================
   DIFFERENT CRYSTAL SHADES
   ========================================================= */

body[data-page="invest"] .trade-premium-card:nth-child(3n+2){
  background:
    linear-gradient(
      145deg,
      rgba(246,255,250,.84),
      rgba(211,246,227,.74),
      rgba(193,237,215,.68)
    )!important;
}

body[data-page="invest"] .trade-premium-card:nth-child(3n+3){
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.84),
      rgba(226,249,237,.76),
      rgba(204,241,222,.70)
    )!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){

  body[data-page="invest"] .trade-premium-card{
    padding:16px;
    border-radius:22px;
  }

  body[data-page="invest"] .trade-plan-name{
    padding:8px 9px;
  }

  body[data-page="invest"] .trade-plan-name h3{
    font-size:16px;
  }

  body[data-page="invest"] .trade-amount-card{
    padding:13px;
  }

  body[data-page="invest"] .trade-amount-card strong{
    font-size:24px;
  }

  body[data-page="invest"] .trade-meta-card{
    min-height:60px;
  }

  body[data-page="invest"] .trade-meta-card b{
    font-size:12px;
  }
}
/* =========================================================
   PAYRISE — PREMIUM WHITE & GREEN TRANSACTION CARDS
   CSS ONLY
   DO NOT CHANGE TRANSACTION JAVASCRIPT
   ========================================================= */


/* =========================================================
   OUTER TRANSACTION CARD
   Keep the approved rectangular shape and size
   ========================================================= */

body[data-page="transactions"] .transaction-card,
body[data-page="transactions"] .transaction-card-premium {
  position: relative;
  overflow: hidden;

  width: 100% !important;

  padding: 12px !important;
  margin-bottom: 10px !important;

  border-radius: 14px !important;

  background:
    linear-gradient(
      145deg,
      #f7fffa 0%,
      #ffffff 48%,
      #f0faf4 100%
    ) !important;

  border: 1px solid #c9e8d6 !important;

  box-shadow:
    0 7px 18px rgba(5, 91, 49, .10),
    inset 0 1px 0 rgba(255,255,255,.95) !important;

  color: #123d2a !important;

  text-align: left !important;
}


/* =========================================================
   REMOVE OLD DECORATIVE GREEN EFFECTS
   ========================================================= */

body[data-page="transactions"] .transaction-card::before,
body[data-page="transactions"] .transaction-card-premium::before {
  content: none !important;
}

body[data-page="transactions"] .tx-card-glow,
body[data-page="transactions"] .tx-card-lines {
  display: none !important;
}


/* =========================================================
   KEEP REAL CONTENT ABOVE EVERYTHING
   ========================================================= */

body[data-page="transactions"] .transaction-card > *,
body[data-page="transactions"] .transaction-card-premium > * {
  position: relative;
  z-index: 2;
}


/* =========================================================
   TRANSACTION TYPE — TOP SECTION
   ========================================================= */

body[data-page="transactions"] .tx-type-panel {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;

  gap: 10px !important;

  padding: 9px 10px !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      135deg,
      #e8f8ef 0%,
      #f7fffa 100%
    ) !important;

  border: 1px solid #d2ebdc !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* =========================================================
   MAIN TRANSACTION ICON
   Only main transaction icon remains
   ========================================================= */

body[data-page="transactions"] .tx-type-icon {
  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 10px !important;

  background: #0b8f55 !important;

  color: #ffffff !important;

  box-shadow:
    0 5px 12px rgba(11,143,85,.18) !important;
}

body[data-page="transactions"] .tx-type-icon svg {
  width: 19px !important;
  height: 19px !important;

  color: #ffffff !important;
}


/* =========================================================
   TRANSACTION TITLE
   ========================================================= */

body[data-page="transactions"] .tx-type-copy {
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 3px !important;
}

body[data-page="transactions"] .tx-type-copy strong {
  display: block !important;

  color: #075b38 !important;

  font-size: 15px !important;

  font-weight: 950 !important;

  line-height: 1.25 !important;

  white-space: normal !important;

  overflow: visible !important;

  text-overflow: clip !important;
}

body[data-page="transactions"] .tx-type-copy small {
  color: #4d8066 !important;

  font-size: 8px !important;

  font-weight: 850 !important;

  letter-spacing: 1px !important;

  text-transform: uppercase !important;
}


/* =========================================================
   AMOUNT SECTION
   Separate visible card underneath transaction
   ========================================================= */

body[data-page="transactions"] .tx-amount-panel {
  width: 100% !important;

  min-height: 64px !important;

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  margin-top: 8px !important;

  padding: 11px 13px !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #effaf4 100%
    ) !important;

  border: 1px solid #c6e5d3 !important;

  box-shadow:
    0 4px 10px rgba(5,91,49,.07),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}


/* =========================================================
   REMOVE AMOUNT ICON
   ========================================================= */

body[data-page="transactions"] .tx-amount-icon {
  display: none !important;
}


/* =========================================================
   AMOUNT TEXT
   ========================================================= */

body[data-page="transactions"] .tx-amount-copy {
  min-width: 0 !important;

  flex: 1 1 auto !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;
}

body[data-page="transactions"] .tx-amount-copy small {
  display: block !important;

  color: #5c8b72 !important;

  font-size: 8px !important;

  font-weight: 900 !important;

  letter-spacing: 1px !important;

  text-transform: uppercase !important;
}

body[data-page="transactions"] .tx-amount-copy b {
  display: block !important;

  color: #075b38 !important;

  font-size: 18px !important;

  font-weight: 950 !important;

  line-height: 1.2 !important;

  white-space: normal !important;

  overflow: visible !important;

  text-overflow: clip !important;
}


/* =========================================================
   INFORMATION GRID
   Description / Date / Time / Status
   ========================================================= */

body[data-page="transactions"] .tx-info-grid {
  width: 100% !important;

  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 7px !important;

  margin-top: 8px !important;
}


/* =========================================================
   INFORMATION CARDS
   ========================================================= */

body[data-page="transactions"] .tx-info-panel {
  min-width: 0 !important;

  min-height: 54px !important;

  display: flex !important;

  align-items: center !important;

  padding: 9px 10px !important;

  border-radius: 9px !important;

  background: #ffffff !important;

  border: 1px solid #d4eadc !important;

  box-shadow:
    0 3px 8px rgba(5,91,49,.05),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* =========================================================
   DESCRIPTION GETS FULL WIDTH
   ========================================================= */

body[data-page="transactions"] .tx-description-panel {
  grid-column: 1 / -1 !important;

  min-height: 58px !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f2faf5 100%
    ) !important;
}


/* =========================================================
   REMOVE SMALL INFORMATION ICONS
   ========================================================= */

body[data-page="transactions"] .tx-info-icon {
  display: none !important;
}


/* =========================================================
   INFORMATION TEXT
   ========================================================= */

body[data-page="transactions"] .tx-info-copy {
  width: 100% !important;

  min-width: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;
}

body[data-page="transactions"] .tx-info-copy small {
  display: block !important;

  color: #668c78 !important;

  font-size: 7px !important;

  font-weight: 900 !important;

  letter-spacing: .9px !important;

  text-transform: uppercase !important;
}


/* =========================================================
   IMPORTANT:
   FULL TEXT — NO DOTS / NO ELLIPSIS
   ========================================================= */

body[data-page="transactions"] .tx-info-copy strong {
  display: block !important;

  color: #164d35 !important;

  font-size: 10.5px !important;

  font-weight: 900 !important;

  line-height: 1.35 !important;

  white-space: normal !important;

  overflow: visible !important;

  text-overflow: clip !important;

  word-break: break-word !important;

  overflow-wrap: anywhere !important;
}


/* =========================================================
   STATUS
   ========================================================= */

body[data-page="transactions"] .tx-status-panel {
  background: #ffffff !important;

  border-color: #cfe8d9 !important;
}

body[data-page="transactions"] .tx-status {
  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: max-content !important;

  max-width: 100% !important;

  padding: 6px 10px !important;

  border-radius: 7px !important;

  font-size: 8px !important;

  font-style: normal !important;

  font-weight: 950 !important;

  line-height: 1.1 !important;

  white-space: normal !important;

  overflow: visible !important;

  text-overflow: clip !important;
}


/* Successful */

body[data-page="transactions"] .tx-status.successful {
  color: #075b38 !important;

  background: #c9f0d8 !important;

  border: 1px solid #a9dfbd !important;
}


/* Pending */

body[data-page="transactions"] .tx-status.pending {
  color: #725900 !important;

  background: #fff0b8 !important;

  border: 1px solid #ead37b !important;
}


/* Declined */

body[data-page="transactions"] .tx-status.declined {
  color: #8a2020 !important;

  background: #ffd0d0 !important;

  border: 1px solid #efaaaa !important;
}


/* =========================================================
   DESKTOP — KEEP CARD OPEN AND READABLE
   ========================================================= */

@media(min-width:701px) {

  body[data-page="transactions"] .transaction-card-premium {
    padding: 13px !important;
  }

  body[data-page="transactions"] .tx-type-panel {
    padding: 10px 11px !important;
  }

  body[data-page="transactions"] .tx-type-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  body[data-page="transactions"] .tx-type-copy strong {
    font-size: 15px !important;
  }

  body[data-page="transactions"] .tx-amount-panel {
    min-height: 66px !important;

    padding: 12px 14px !important;
  }

  body[data-page="transactions"] .tx-amount-copy b {
    font-size: 19px !important;
  }

  body[data-page="transactions"] .tx-info-panel {
    min-height: 56px !important;

    padding: 10px 11px !important;
  }

  body[data-page="transactions"] .tx-info-copy strong {
    font-size: 11px !important;
  }
}


/* =========================================================
   MOBILE
   Keep it spacious — DO NOT COMPACT
   ========================================================= */

@media(max-width:700px) {

  body[data-page="transactions"] .transaction-card,
  body[data-page="transactions"] .transaction-card-premium {
    padding: 11px !important;

    margin-bottom: 10px !important;

    border-radius: 13px !important;
  }

  body[data-page="transactions"] .tx-type-panel {
    padding: 9px 10px !important;

    border-radius: 9px !important;
  }

  body[data-page="transactions"] .tx-type-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  body[data-page="transactions"] .tx-type-copy strong {
    font-size: 14px !important;
  }

  body[data-page="transactions"] .tx-amount-panel {
    min-height: 62px !important;

    margin-top: 7px !important;

    padding: 10px 12px !important;

    border-radius: 9px !important;
  }

  body[data-page="transactions"] .tx-amount-copy b {
    font-size: 17px !important;
  }

  body[data-page="transactions"] .tx-info-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 6px !important;

    margin-top: 7px !important;
  }

  body[data-page="transactions"] .tx-description-panel {
    grid-column: 1 / -1 !important;

    min-height: 55px !important;
  }

  body[data-page="transactions"] .tx-info-panel {
    min-height: 51px !important;

    padding: 8px 9px !important;

    border-radius: 8px !important;
  }

  body[data-page="transactions"] .tx-info-copy strong {
    font-size: 10px !important;

    line-height: 1.35 !important;
  }

  body[data-page="transactions"] .tx-status {
    font-size: 8px !important;

    padding: 6px 8px !important;
  }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media(max-width:380px) {

  body[data-page="transactions"] .transaction-card,
  body[data-page="transactions"] .transaction-card-premium {
    padding: 10px !important;
  }

  body[data-page="transactions"] .tx-type-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  body[data-page="transactions"] .tx-type-copy strong {
    font-size: 13px !important;
  }

  body[data-page="transactions"] .tx-amount-copy b {
    font-size: 16px !important;
  }

  body[data-page="transactions"] .tx-info-copy strong {
    font-size: 9.5px !important;
  }
}
/* =========================================================
   PAYRISE — TRANSACTION LIST ONLY
   FINAL OVERRIDE BLOCK
   Replace ONLY the old transaction-list CSS with this block.
   Do not change app.js or any other page styles.
   ========================================================= */

/* PAGE / HEADER */
body[data-page="transactions"] .transaction-history-shell{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:22px 18px 100px !important;
  box-sizing:border-box !important;
}

body[data-page="transactions"] .transaction-page-header{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 22px !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
  background:#0b8f55 !important;
  border:1px solid #087b4f !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(11,143,85,.18) !important;
}

body[data-page="transactions"] .transaction-page-header h2{
  margin:0 !important;
  flex:1 !important;
  text-align:center !important;
  color:#ffffff !important;
  font-size:21px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  letter-spacing:-.25px !important;
}

body[data-page="transactions"] .transaction-header-spacer{
  width:42px !important;
  flex:0 0 42px !important;
}

body[data-page="transactions"] .transaction-back-button{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body[data-page="transactions"] .transaction-back-button svg{
  width:21px !important;
  height:21px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* FILTER ROW */
body[data-page="transactions"] .transaction-filter-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  margin:0 0 16px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}

body[data-page="transactions"] .transaction-filter-row::-webkit-scrollbar{
  display:none !important;
}

body[data-page="transactions"] .transaction-filter-button{
  flex:0 0 auto !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid #b9dfcd !important;
  border-radius:11px !important;
  background:#ffffff !important;
  color:#087b4f !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

body[data-page="transactions"] .transaction-filter-button.active{
  background:#0b8f55 !important;
  border-color:#0b8f55 !important;
  color:#ffffff !important;
}

body[data-page="transactions"] .transaction-filter-search{
  flex:0 0 40px !important;
  width:40px !important;
  min-width:40px !important;
  height:38px !important;
  min-height:38px !important;
  margin-left:auto !important;
  padding:0 !important;
  border:1px solid #0b8f55 !important;
  border-radius:11px !important;
  background:#ffffff !important;
  color:#0b8f55 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body[data-page="transactions"] .transaction-search-button svg{
  width:20px !important;
  height:20px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* SEARCH */
body[data-page="transactions"] .transaction-search-box{
  width:100% !important;
  position:relative !important;
  margin:0 0 17px !important;
}

body[data-page="transactions"] .transaction-search-box[hidden]{
  display:none !important;
}

body[data-page="transactions"] #transactionSearchInput{
  width:100% !important;
  height:46px !important;
  padding:0 46px 0 15px !important;
  box-sizing:border-box !important;
  border:1.5px solid #0b8f55 !important;
  border-radius:13px !important;
  outline:none !important;
  background:#ffffff !important;
  color:#087b4f !important;
  font-size:14px !important;
  font-weight:750 !important;
}

body[data-page="transactions"] #transactionSearchInput::placeholder{
  color:#6f8c7f !important;
  opacity:1 !important;
}

body[data-page="transactions"] #transactionSearchInput:focus{
  border-color:#087b4f !important;
  box-shadow:0 0 0 3px rgba(11,143,85,.10) !important;
}

body[data-page="transactions"] .transaction-search-clear{
  position:absolute !important;
  top:50% !important;
  right:7px !important;
  width:34px !important;
  height:34px !important;
  transform:translateY(-50%) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:9px !important;
  background:#e8f8ef !important;
  color:#0b8f55 !important;
  font-size:22px !important;
  line-height:1 !important;
}

/* LIST */
body[data-page="transactions"] .transaction-list-simple{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:11px !important;
}

/* CARD
   Left = icon + title/date
   Right = amount on top + status below
*/
body[data-page="transactions"] .transaction-card-simple{
  width:100% !important;
  min-height:78px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:"main amount" "main status" !important;
  align-items:center !important;
  column-gap:18px !important;
  row-gap:4px !important;
  padding:13px 14px !important;
  margin:0 !important;
  border:1px solid #e4ebe7 !important;
  border-radius:17px !important;
  outline:none !important;
  background:#ffffff !important;
  color:#111111 !important;
  box-shadow:0 8px 22px rgba(15,23,42,.08) !important;
  text-align:left !important;
  font:inherit !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

/* LEFT SIDE — icon stays in the same position */
body[data-page="transactions"] .transaction-main{
  grid-area:main !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

body[data-page="transactions"] .transaction-main-info{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
}

/* HEADER / TRANSACTION NAME */
body[data-page="transactions"] .transaction-title{
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#171717 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

/* DATE + TIME — intentionally soft black, not full black */
body[data-page="transactions"] .transaction-date{
  display:block !important;
  color:#4f5b55 !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body[data-page="transactions"] .transaction-date-dot{
  margin:0 3px !important;
  color:#7b8881 !important;
}

/* BOLD ICON — preserve the strong icon style */
body[data-page="transactions"] .transaction-type-icon{
  width:43px !important;
  height:43px !important;
  min-width:43px !important;
  flex:0 0 43px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body[data-page="transactions"] .transaction-type-icon svg{
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:3.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body[data-page="transactions"] .transaction-type-icon-deposit{
  background:#e8f8ef !important;
  color:#0b8f55 !important;
}

body[data-page="transactions"] .transaction-type-icon-withdraw{
  background:#fff0ee !important;
  color:#d94b3d !important;
}

body[data-page="transactions"] .transaction-type-icon-trade{
  background:#eef7f3 !important;
  color:#087c50 !important;
}

body[data-page="transactions"] .transaction-type-icon-transactions{
  background:#f0f1f3 !important;
  color:#555b61 !important;
}

/* AMOUNT — extreme right, above status */
body[data-page="transactions"] .transaction-amount{
  grid-area:amount !important;
  justify-self:end !important;
  align-self:end !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#0b8f55 !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  text-align:right !important;
  white-space:nowrap !important;
}

/* STATUS — extreme right, directly below amount */
body[data-page="transactions"] .transaction-status{
  grid-area:status !important;
  justify-self:end !important;
  align-self:start !important;
  min-width:82px !important;
  margin:0 !important;
  padding:7px 10px !important;
  border-radius:9px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:11px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body[data-page="transactions"] .transaction-status-successful,
body[data-page="transactions"] .transaction-status-completed,
body[data-page="transactions"] .transaction-status-approved{
  background:#e7f8ee !important;
  color:#087547 !important;
}

body[data-page="transactions"] .transaction-status-pending{
  background:#fff5d9 !important;
  color:#9a6b00 !important;
}

body[data-page="transactions"] .transaction-status-failed,
body[data-page="transactions"] .transaction-status-declined,
body[data-page="transactions"] .transaction-status-rejected{
  background:#ffe9e7 !important;
  color:#b52d22 !important;
}

body[data-page="transactions"] .transaction-status-processing{
  background:#edf3ff !important;
  color:#3563a9 !important;
}

/* LOADING / EMPTY */
body[data-page="transactions"] .loading-state{
  min-height:180px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:#d9eee4 !important;
  font-size:13px !important;
  font-weight:700 !important;
}

body[data-page="transactions"] .payrise-loading-spinner{
  width:18px !important;
  height:18px !important;
  border:2px solid rgba(255,255,255,.28) !important;
  border-top-color:#0b8f55 !important;
  border-radius:50% !important;
  animation:payriseTransactionSpin .7s linear infinite !important;
}

body[data-page="transactions"] .transaction-history-shell > #body > .empty{
  width:100% !important;
  padding:45px 20px !important;
  box-sizing:border-box !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.96) !important;
  color:#4f5b55 !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:750 !important;
}

@keyframes payriseTransactionSpin{
  to{transform:rotate(360deg)}
}

/* MOBILE */
@media(max-width:700px){
  body[data-page="transactions"] .transaction-history-shell{
    padding:16px 12px 92px !important;
  }

  body[data-page="transactions"] .transaction-page-header{
    margin-bottom:17px !important;
    padding:10px 11px !important;
  }

  body[data-page="transactions"] .transaction-page-header h2{
    font-size:19px !important;
  }

  body[data-page="transactions"] .transaction-back-button,
  body[data-page="transactions"] .transaction-header-spacer{
    width:39px !important;
    min-width:39px !important;
    flex-basis:39px !important;
  }

  body[data-page="transactions"] .transaction-filter-row{
    gap:7px !important;
    margin-bottom:14px !important;
  }

  body[data-page="transactions"] .transaction-filter-button{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }

  body[data-page="transactions"] .transaction-filter-search{
    width:37px !important;
    min-width:37px !important;
    height:36px !important;
  }

  body[data-page="transactions"] .transaction-card-simple{
    min-height:72px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"main amount" "main status" !important;
    column-gap:10px !important;
    row-gap:4px !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  body[data-page="transactions"] .transaction-main{
    gap:10px !important;
  }

  body[data-page="transactions"] .transaction-type-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    flex-basis:40px !important;
    border-radius:13px !important;
  }

  body[data-page="transactions"] .transaction-type-icon svg{
    width:20px !important;
    height:20px !important;
    stroke-width:3.2 !important;
  }

  body[data-page="transactions"] .transaction-title{
    font-size:13px !important;
  }

  body[data-page="transactions"] .transaction-date{
    font-size:10px !important;
    color:#4f5b55 !important;
  }

  body[data-page="transactions"] .transaction-amount{
    font-size:14px !important;
    font-weight:950 !important;
  }

  body[data-page="transactions"] .transaction-status{
    min-width:70px !important;
    padding:6px 8px !important;
    font-size:9px !important;
  }
}

@media(max-width:380px){
  body[data-page="transactions"] .transaction-card-simple{
    padding:10px !important;
  }

  body[data-page="transactions"] .transaction-type-icon{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
    flex-basis:37px !important;
  }

  body[data-page="transactions"] .transaction-type-icon svg{
    width:19px !important;
    height:19px !important;
  }

  body[data-page="transactions"] .transaction-title{
    font-size:12px !important;
  }

  body[data-page="transactions"] .transaction-date{
    font-size:9.5px !important;
  }

  body[data-page="transactions"] .transaction-amount{
    font-size:12px !important;
  }
}
/* =========================================================
   PAYRISE — TRANSACTION DETAIL
   FLOATING CLOSE BUTTON ONLY
   DOWNLOAD BUTTON REMOVED
   ========================================================= */

/* ---------------------------------------------------------
   REMOVE DOWNLOAD BUTTON COMPLETELY
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions #txDetailDownload{
  display:grid !important;
}


/* ---------------------------------------------------------
   REMOVE THE OLD BUTTON AREA FROM BELOW THE CARD
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  background:transparent !important;
  pointer-events:auto !important;
  z-index:30 !important;
}


/* ---------------------------------------------------------
   TRANSACTION DETAIL MODAL
   Make it the positioning reference
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-modal{
  position:relative !important;
}


/* ---------------------------------------------------------
   CLOSE BUTTON
   Small square floating above the card
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions #txDetailClose{
  position:absolute !important;

  top:-2px !important;
  right:-7px !important;

  z-index:9999 !important;

  width:38px !important;
  height:38px !important;

  min-width:38px !important;
  min-height:38px !important;

  padding:0 !important;
  margin:0 !important;

  display:grid !important;
  place-items:center !important;

  border-radius:10px !important;

  background:#eafff1 !important;

  border:1px solid #b9e8ce !important;

  color:#0b8f55 !important;

  font-size:0 !important;
  line-height:0 !important;

  cursor:pointer !important;

  pointer-events:auto !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    0 3px 8px rgba(11,143,85,.12) !important;

  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}


/* ---------------------------------------------------------
   GREEN X ICON
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions #txDetailClose::before{
  content:"×" !important;

  display:block !important;

  color:#0b8f55 !important;

  font-size:25px !important;

  font-weight:800 !important;

  line-height:1 !important;

  transform:translateY(2px) !important;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions #txDetailClose:hover{
  background:#dff8e9 !important;

  transform:translateY(-2px) !important;

  box-shadow:
    0 11px 26px rgba(0,0,0,.19),
    0 4px 10px rgba(11,143,85,.16) !important;
}


/* ---------------------------------------------------------
   ACTIVE / PRESS
   --------------------------------------------------------- */

body[data-page="transactions"] .premium-tx-actions #txDetailClose:active{
  transform:translateY(0) scale(.94) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:560px){

  body[data-page="transactions"] .premium-tx-actions #txDetailClose{
    top:-6px !important;
    right:-6px !important;

    width:36px !important;
    height:36px !important;

    min-width:36px !important;
    min-height:36px !important;

    border-radius:9px !important;
  }

  body[data-page="transactions"] .premium-tx-actions #txDetailClose::before{
    font-size:23px !important;
  }
}
/* =========================================================
   PAYRISE — TRANSACTION DETAIL STATUS
   ========================================================= */

body[data-page="transactions"] .premium-tx-highlight-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  position:relative !important;

  margin-top:10px !important;

  min-height:30px !important;
  padding:6px 13px !important;

  border-radius:999px !important;

  box-sizing:border-box !important;

  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.60) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease !important;
}


/* =========================================================
   INNER BORDER
   ========================================================= */

body[data-page="transactions"] .premium-tx-highlight-status::after{
  content:"" !important;

  position:absolute !important;
  inset:3px !important;

  border-radius:999px !important;

  pointer-events:none !important;

  opacity:.55 !important;
}


/* =========================================================
   SUCCESSFUL
   ========================================================= */

body[data-page="transactions"] .premium-tx-highlight-status.successful{
  background:rgba(255,255,255,.18) !important;

  color:#eafff2 !important;

  border:1px solid rgba(255,255,255,.40) !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.12),
    0 0 10px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.06) !important;
}

body[data-page="transactions"] .premium-tx-highlight-status.successful::after{
  border:1px solid rgba(255,255,255,.22) !important;
}


/* =========================================================
   PENDING
   ========================================================= */

body[data-page="transactions"] .premium-tx-highlight-status.pending{
  background:#fff4cf !important;

  color:#946800 !important;

  border:1px solid #e5c96d !important;

  box-shadow:
    0 4px 12px rgba(110,82,0,.16),
    0 0 9px rgba(255,214,88,.16),
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 -1px 0 rgba(145,105,0,.08) !important;
}

body[data-page="transactions"] .premium-tx-highlight-status.pending::after{
  border:1px solid rgba(180,135,0,.20) !important;
}


/* =========================================================
   DECLINED
   ========================================================= */

body[data-page="transactions"] .premium-tx-highlight-status.declined{
  background:#ffe7e4 !important;

  color:#c53227 !important;

  border:1px solid #e8a49d !important;

  box-shadow:
    0 4px 12px rgba(150,38,29,.15),
    0 0 9px rgba(224,72,60,.12),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(160,45,35,.08) !important;
}

body[data-page="transactions"] .premium-tx-highlight-status.declined::after{
  border:1px solid rgba(185,55,45,.20) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:560px){

  body[data-page="transactions"] .premium-tx-highlight-status{
    min-height:29px !important;

    padding:6px 12px !important;

    font-size:10.5px !important;
  }

}
/* =========================================================
   DASHBOARD NOTIFICATION BELL — REMOVE NATIVE BORDER
   ========================================================= */

body[data-page="dashboard"] .header-bell{
  border:0 !important;
  outline:0 !important;

  -webkit-appearance:none !important;
  appearance:none !important;

  background:#edf9f3 !important;
  color:#0b9f55 !important;

  box-shadow:none !important;
}

body[data-page="dashboard"] .header-bell:focus,
body[data-page="dashboard"] .header-bell:focus-visible,
body[data-page="dashboard"] .header-bell:active{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
/* =========================================================
   PAYRISE PARTNERSHIP — PREMIUM ENTRY INFORMATION POPUP
   ========================================================= */

body[data-page="referrals"] .partnership-info-modal{
  width:min(430px,94vw) !important;
  max-height:min(720px,88vh) !important;

  display:flex !important;
  flex-direction:column !important;

  box-sizing:border-box !important;

  padding:18px !important;

  border-radius:26px !important;

  background:linear-gradient(
    145deg,
    #0758b8 0%,
    #0b82df 55%,
    #0758b8 100%
  ) !important;

  border:1px solid rgba(255,255,255,.30) !important;

  box-shadow:
    0 30px 90px rgba(0,38,100,.42),
    0 0 35px rgba(22,119,210,.22),
    inset 0 1px 0 rgba(255,255,255,.24) !important;

  overflow:hidden !important;
}


/* =========================================================
   PARTNERSHIP ICON
   ========================================================= */

body[data-page="referrals"] .partnership-info-icon{
  width:58px !important;
  height:58px !important;

  margin:0 auto 10px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:18px !important;

  background:#fff !important;
  color:#1677d2 !important;

  border:1px solid rgba(255,255,255,.75) !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body[data-page="referrals"] .partnership-info-icon .ui-icon{
  width:29px !important;
  height:29px !important;

  color:#1677d2 !important;
  stroke:#1677d2 !important;
}


/* =========================================================
   HEADING
   ========================================================= */

body[data-page="referrals"] .partnership-info-heading{
  text-align:center !important;
  color:#fff !important;

  margin-bottom:12px !important;
}

body[data-page="referrals"] .partnership-info-heading span{
  display:block !important;

  margin-bottom:4px !important;

  color:#d9edff !important;

  font-size:9px !important;
  font-weight:950 !important;

  letter-spacing:.14em !important;
}

body[data-page="referrals"] .partnership-info-heading h3{
  margin:0 !important;

  color:#fff !important;

  font-size:21px !important;
  font-weight:950 !important;
}

body[data-page="referrals"] .partnership-info-heading p{
  margin:6px auto 0 !important;

  max-width:330px !important;

  color:#e8f4ff !important;

  font-size:11px !important;
  line-height:1.45 !important;
}


/* =========================================================
   SCROLL AREA
   ========================================================= */

body[data-page="referrals"] .partnership-info-scroll{
  flex:1 !important;

  min-height:0 !important;

  overflow-y:auto !important;

  padding:3px 3px 8px !important;

  scrollbar-width:thin !important;

  scrollbar-color:
    rgba(255,255,255,.55)
    transparent !important;
}

body[data-page="referrals"] .partnership-info-scroll::-webkit-scrollbar{
  width:5px !important;
}

body[data-page="referrals"] .partnership-info-scroll::-webkit-scrollbar-track{
  background:transparent !important;
}

body[data-page="referrals"] .partnership-info-scroll::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.55) !important;
  border-radius:20px !important;
}


/* =========================================================
   INFORMATION CARDS
   ========================================================= */

body[data-page="referrals"] .partnership-info-card{
  display:grid !important;

  grid-template-columns:
    40px
    minmax(0,1fr) !important;

  gap:10px !important;

  align-items:start !important;

  margin-bottom:8px !important;

  padding:11px !important;

  border-radius:15px !important;

  background:#fff !important;

  color:#123b65 !important;

  border:1px solid
    rgba(255,255,255,.70) !important;

  box-shadow:
    0 7px 18px rgba(0,34,85,.13),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* =========================================================
   BLUE INFORMATION CARDS
   ========================================================= */

body[data-page="referrals"] .partnership-info-card-blue{
  background:rgba(4,70,150,.62) !important;

  border:1px solid
    rgba(255,255,255,.28) !important;

  color:#fff !important;

  box-shadow:
    0 7px 18px rgba(0,24,70,.20),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}


/* =========================================================
   CARD ICONS
   ========================================================= */

body[data-page="referrals"] .partnership-info-card-icon{
  width:40px !important;
  height:40px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:12px !important;

  background:#e8f4ff !important;

  color:#1677d2 !important;

  border:1px solid #c5e3ff !important;
}

body[data-page="referrals"] .partnership-info-card-blue
.partnership-info-card-icon{
  background:#fff !important;

  color:#1677d2 !important;

  border-color:
    rgba(255,255,255,.7) !important;
}

body[data-page="referrals"] .partnership-info-card-icon .ui-icon{
  width:21px !important;
  height:21px !important;
}


/* =========================================================
   CARD TEXT
   ========================================================= */

body[data-page="referrals"] .partnership-info-card strong{
  display:block !important;

  margin-bottom:3px !important;

  color:#0758b8 !important;

  font-size:12px !important;
  font-weight:950 !important;
}

body[data-page="referrals"] .partnership-info-card-blue strong{
  color:#fff !important;
}

body[data-page="referrals"] .partnership-info-card p{
  margin:0 !important;

  color:#526779 !important;

  font-size:10.5px !important;
  font-weight:650 !important;

  line-height:1.45 !important;
}

body[data-page="referrals"] .partnership-info-card-blue p{
  color:#e5f3ff !important;
}


/* =========================================================
   BOTTOM MESSAGE
   ========================================================= */

body[data-page="referrals"] .partnership-info-bottom{
  margin:3px 0 0 !important;

  padding:10px 11px !important;

  border-radius:13px !important;

  background:rgba(255,255,255,.12) !important;

  border:1px solid
    rgba(255,255,255,.18) !important;

  text-align:center !important;
}

body[data-page="referrals"] .partnership-info-bottom strong{
  display:block !important;

  color:#fff !important;

  font-size:11px !important;
  font-weight:950 !important;
}

body[data-page="referrals"] .partnership-info-bottom span{
  display:block !important;

  margin-top:2px !important;

  color:#dceeff !important;

  font-size:9.5px !important;
}


/* =========================================================
   OK BUTTON
   ========================================================= */

body[data-page="referrals"] .partnership-info-footer{
  padding-top:10px !important;
}

body[data-page="referrals"] .partnership-info-ok{
  width:100% !important;

  min-height:46px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:7px !important;

  border:1px solid
    rgba(255,255,255,.75) !important;

  border-radius:14px !important;

  background:#fff !important;

  color:#1677d2 !important;

  font-size:13px !important;
  font-weight:950 !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.9) !important;

  cursor:pointer !important;

  transition:.18s ease !important;
}

body[data-page="referrals"] .partnership-info-ok:not(:disabled):active{
  transform:scale(.98) !important;
}

body[data-page="referrals"] .partnership-info-ok:disabled{
  opacity:.45 !important;

  cursor:not-allowed !important;

  background:#dcecff !important;

  color:#6b8cad !important;
}

body[data-page="referrals"] .partnership-info-ok.ready{
  background:#fff !important;

  color:#0758b8 !important;

  opacity:1 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:560px){

  body[data-page="referrals"] .partnership-info-modal{
    width:calc(100vw - 20px) !important;

    max-height:90vh !important;

    padding:14px !important;

    border-radius:22px !important;
  }

  body[data-page="referrals"] .partnership-info-icon{
    width:50px !important;
    height:50px !important;

    border-radius:15px !important;
  }

  body[data-page="referrals"] .partnership-info-heading h3{
    font-size:19px !important;
  }

  body[data-page="referrals"] .partnership-info-heading p{
    font-size:10px !important;
  }

  body[data-page="referrals"] .partnership-info-card{
    grid-template-columns:
      36px
      minmax(0,1fr) !important;

    gap:8px !important;

    padding:9px !important;
  }

  body[data-page="referrals"] .partnership-info-card-icon{
    width:36px !important;
    height:36px !important;

    border-radius:10px !important;
  }

  body[data-page="referrals"] .partnership-info-card-icon .ui-icon{
    width:19px !important;
    height:19px !important;
  }

  body[data-page="referrals"] .partnership-info-card p{
    font-size:10px !important;
  }

  body[data-page="referrals"] .partnership-info-ok{
    min-height:44px !important;
  }

}
/* =========================================================
   DASHBOARD — WHITE BOTTOM NAV + GREEN ICONS
   ========================================================= */

body[data-page="dashboard"] .bottom-nav{
  background:#ffffff !important;
  border-top:1px solid #e6eee9 !important;
  box-shadow:0 -6px 20px rgba(11,143,85,.08) !important;
}

/* All Dashboard navigation icons + text */
body[data-page="dashboard"] .bottom-nav a,
body[data-page="dashboard"] .bottom-nav a span,
body[data-page="dashboard"] .bottom-nav a small,
body[data-page="dashboard"] .bottom-nav a .ui-icon,
body[data-page="dashboard"] .bottom-nav a .dashboard-filled-icon{
  color:#0b8f55 !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* Active Dashboard navigation item */
body[data-page="dashboard"] .bottom-nav a.active,
body[data-page="dashboard"] .bottom-nav a.active span,
body[data-page="dashboard"] .bottom-nav a.active small,
body[data-page="dashboard"] .bottom-nav a.active .ui-icon,
body[data-page="dashboard"] .bottom-nav a.active .dashboard-filled-icon{
  color:#0b8f55 !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* Remove any dark/native button appearance */
body[data-page="dashboard"] .bottom-nav a{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
}

/* Tap effect */
body[data-page="dashboard"] .bottom-nav a:active{
  background:rgba(11,143,85,.07) !important;
}
/* Deposit History header visibility */
body[data-page="deposit"] .card h3 {
  color: #0b8f55 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* =========================================================
   PAYRISE TRADE — MY TRADES PREMIUM SWIPE CARDS
   DESIGN ONLY
   ========================================================= */

body[data-page="invest"] #my-trades.my-trades-shell{
  position:relative;
  overflow:hidden;
  padding:20px 18px 18px!important;
  border-radius:24px!important;
  border:1px solid rgba(11,143,85,.16)!important;

  background:
    linear-gradient(
      145deg,
      #fbfffd 0%,
      #f0fbf5 55%,
      #e4f7ec 100%
    )!important;

  box-shadow:
    0 18px 45px rgba(11,143,85,.09),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}


/* =========================================================
   HEADER
   ========================================================= */

body[data-page="invest"] #my-trades .my-trades-heading{
  position:relative;
  z-index:20;

  margin:0 4px 12px!important;

  align-items:flex-start!important;
}

body[data-page="invest"] #my-trades .my-trades-heading h3{
  margin:0 0 3px!important;

  color:#102018!important;

  font-size:22px!important;
  font-weight:950!important;
}

body[data-page="invest"] #my-trades .my-trades-heading .muted{
  color:#536c60!important;

  font-size:12px!important;
}

body[data-page="invest"] #my-trades .my-trades-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:38px;

  padding:0 14px;

  border:1px solid rgba(11,143,85,.28);
  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #eafff2,
      #d9f8e7
    );

  color:#075f39;

  font-size:12px;
  font-weight:950;

  white-space:nowrap;
}


/* =========================================================
   SLIDER VIEWPORT
   ========================================================= */

body[data-page="invest"] #my-trades .my-trades-viewport{
  position:relative;

  width:100%;
  height:570px;

  overflow:hidden;

  border-radius:22px;

  touch-action:pan-y;

  user-select:none;
  -webkit-user-select:none;
}

body[data-page="invest"] #my-trades .my-trades-track{
  position:relative;

  width:100%;
  height:100%;
}


/* =========================================================
   SLIDING CARDS
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-slide{
  position:absolute;

  top:0;
  left:50%;

  width:min(380px,78%);
  height:100%;

  padding:8px 0 10px;

  transform:
    translateX(-50%)
    scale(.82);

  transform-origin:center center;

  opacity:.24;

  filter:
    saturate(.72)
    brightness(.96);

  z-index:1;

  pointer-events:none;

  transition:
    transform .38s cubic-bezier(.22,.8,.25,1),
    opacity .32s ease,
    filter .32s ease,
    z-index .1s linear;
}


/* CENTER CARD */

body[data-page="invest"] #my-trades .my-trade-slide.is-center{
  transform:
    translateX(-50%)
    scale(1);

  opacity:1;

  filter:none;

  z-index:10;

  pointer-events:auto;
}


/* PREVIOUS CARD */

body[data-page="invest"] #my-trades .my-trade-slide.is-left{
  transform:
    translateX(calc(-50% - 86%))
    scale(.84);

  opacity:.34;

  filter:
    saturate(.65)
    brightness(.93);

  z-index:5;
}


/* NEXT CARD */

body[data-page="invest"] #my-trades .my-trade-slide.is-right{
  transform:
    translateX(calc(-50% + 86%))
    scale(.84);

  opacity:.34;

  filter:
    saturate(.65)
    brightness(.93);

  z-index:5;
}


/* OTHER CARDS */

body[data-page="invest"] #my-trades .my-trade-slide.is-hidden{
  opacity:0;

  pointer-events:none;

  z-index:0;
}


/* =========================================================
   MAIN PREMIUM CARD
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:100%;
  height:100%;

  box-sizing:border-box;

  padding:22px 20px 18px;

  display:flex;
  flex-direction:column;

  border-radius:26px;

  border:1px solid rgba(11,143,85,.20);

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #effbf4 47%,
      #d8f4e5 100%
    );

  color:#102018;

  box-shadow:
    0 22px 50px rgba(11,143,85,.15),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(11,143,85,.08);
}


/* COMPLETED CARD */

body[data-page="invest"] #my-trades .my-trade-card.is-completed{
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f5faf7 55%,
      #e7f1ec 100%
    );
}


/* =========================================================
   CARD GLOW
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-card-glow{
  position:absolute;

  width:230px;
  height:230px;

  right:-105px;
  top:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(91,224,158,.32) 0%,
      rgba(91,224,158,.13) 38%,
      transparent 72%
    );

  pointer-events:none;

  z-index:-1;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-card-top{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:10px;
}

body[data-page="invest"] #my-trades .my-trade-plan-wrap{
  min-width:0;

  display:flex;

  align-items:center;

  gap:11px;
}

body[data-page="invest"] #my-trades .my-trade-plan-icon{
  width:50px;
  height:50px;

  flex:0 0 50px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #dcfff0,
      #aeeecf
    );

  border:1px solid rgba(11,143,85,.16);

  color:#087b4f;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 8px 18px rgba(11,143,85,.08);
}

body[data-page="invest"] #my-trades .my-trade-plan-icon svg{
  width:25px;
  height:25px;
}

body[data-page="invest"] #my-trades .my-trade-plan-wrap h4{
  margin:0;

  color:#102018!important;

  font-size:17px;
  line-height:1.1;

  font-weight:950;
}

body[data-page="invest"] #my-trades .my-trade-plan-wrap span{
  display:block;

  margin-top:4px;

  color:#587064;

  font-size:11px;

  font-weight:650;
}


/* =========================================================
   STATUS
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-status{
  display:inline-flex;

  align-items:center;

  gap:6px;

  min-height:32px;

  padding:0 11px;

  border-radius:999px;

  border:1px solid #74d6a5;

  background:#effff6;

  color:#087b4f;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;
}

body[data-page="invest"] #my-trades .my-trade-status i{
  width:8px;
  height:8px;

  border-radius:50%;

  background:#0b8f55;

  box-shadow:
    0 0 0 3px rgba(11,143,85,.10);
}

body[data-page="invest"] #my-trades .my-trade-status.completed{
  border-color:#c5d8e9;

  background:#f2f7fb;

  color:#29465c;
}

body[data-page="invest"] #my-trades .my-trade-status.completed i{
  display:none;
}


/* =========================================================
   PRINCIPAL
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-principal{
  margin-top:25px;

  color:#087b4f!important;

  font-size:34px;
  line-height:1.02;

  font-weight:950;

  letter-spacing:-.045em;
}

body[data-page="invest"] #my-trades .my-trade-principal-label{
  margin-top:5px;

  color:#536c60;

  font-size:12px;

  font-weight:650;
}


/* =========================================================
   RATE + DURATION
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-meta{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:10px;

  margin-top:18px;
}

body[data-page="invest"] #my-trades .my-trade-meta>div{
  min-height:67px;

  padding:11px 10px;

  box-sizing:border-box;

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  border-radius:14px;

  border:1px solid rgba(11,143,85,.08);

  background:
    linear-gradient(
      145deg,
      #f2f8fc,
      #e6f1f8
    );

  text-align:center;
}

body[data-page="invest"] #my-trades .my-trade-meta b{
  color:#102018!important;

  font-size:16px;

  line-height:1.1;

  font-weight:950;
}

body[data-page="invest"] #my-trades .my-trade-meta span{
  margin-top:5px;

  color:#36566a;

  font-size:10px;

  font-weight:650;
}


/* =========================================================
   DETAILS
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-details{
  display:grid;

  gap:0;

  margin-top:19px;
}

body[data-page="invest"] #my-trades .my-trade-details>div{
  min-height:35px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:12px;

  border-bottom:1px solid rgba(11,143,85,.08);
}

body[data-page="invest"] #my-trades .my-trade-details>div:last-child{
  border-bottom:0;
}

body[data-page="invest"] #my-trades .my-trade-details span{
  color:#536c60;

  font-size:11px;

  font-weight:650;
}

body[data-page="invest"] #my-trades .my-trade-details b{
  color:#102018!important;

  font-size:12px;

  font-weight:900;

  text-align:right;
}

body[data-page="invest"] #my-trades .my-trade-details .my-trade-live-earning{
  color:#0b8f55!important;
}


/* =========================================================
   PROGRESS
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-progress{
  margin-top:auto;

  padding-top:16px;
}

body[data-page="invest"] #my-trades .my-trade-progress-bar{
  width:100%;

  height:10px;

  overflow:hidden;

  border-radius:999px;

  background:#e2edf2;

  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.06);
}

body[data-page="invest"] #my-trades .my-trade-progress-fill{
  display:block;

  height:100%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      #0b8f55,
      #26c77b
    );

  box-shadow:
    0 4px 12px rgba(11,143,85,.20);

  transition:width .6s ease;
}

body[data-page="invest"] #my-trades .my-trade-progress-text{
  display:block;

  margin-top:7px;

  color:#36566a;

  font-size:11px;

  font-weight:650;
}


/* =========================================================
   EARNING / COMPLETED FOOTER
   ========================================================= */

body[data-page="invest"] #my-trades .my-trade-footer{
  min-height:50px;

  margin-top:13px;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:8px;

  border-radius:13px;

  background:
    linear-gradient(
      135deg,
      #d9f8e8,
      #c9f3df
    );

  color:#087b4f;

  font-size:15px;

  font-weight:950;
}

body[data-page="invest"] #my-trades .my-trade-footer.completed{
  background:
    linear-gradient(
      135deg,
      #eaf3f9,
      #dce9f4
    );

  color:#29465c;
}

body[data-page="invest"] #my-trades .my-trade-footer-icon{
  font-size:20px;
  line-height:1;
}


/* =========================================================
   PAGINATION DOTS
   ========================================================= */

body[data-page="invest"] #my-trades .my-trades-dots{
  position:relative;

  z-index:20;

  display:flex;

  justify-content:center;
  align-items:center;

  gap:9px;

  margin-top:8px;
}

body[data-page="invest"] #my-trades .my-trades-dots button{
  width:9px;
  height:9px;

  padding:0;

  border:0;

  border-radius:50%;

  background:#b7dfcc;

  cursor:pointer;

  transition:
    transform .2s ease,
    background .2s ease;
}

body[data-page="invest"] #my-trades .my-trades-dots button.active{
  width:11px;
  height:11px;

  background:#0b8f55;

  transform:scale(1.05);
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

body[data-page="invest"] #my-trades .my-trades-empty{
  padding:50px 15px;

  color:#66736c!important;
}


/* =========================================================
   PHONE
   ========================================================= */

@media(max-width:720px){

  body[data-page="invest"] #my-trades.my-trades-shell{
    padding:16px 10px 15px!important;

    border-radius:22px!important;
  }

  body[data-page="invest"] #my-trades .my-trades-heading{
    margin:0 5px 8px!important;
  }

  body[data-page="invest"] #my-trades .my-trades-heading h3{
    font-size:21px!important;
  }

  body[data-page="invest"] #my-trades .my-trades-heading .muted{
    font-size:10px!important;
  }

  body[data-page="invest"] #my-trades .my-trades-count{
    min-height:33px;

    padding:0 10px;

    font-size:10px;
  }

  body[data-page="invest"] #my-trades .my-trades-viewport{
    height:565px;

    border-radius:20px;
  }

  body[data-page="invest"] #my-trades .my-trade-slide{
    width:calc(100% - 28px);

    padding:6px 0 8px;
  }

  body[data-page="invest"] #my-trades .my-trade-slide.is-left{
    transform:
      translateX(calc(-50% - 88%))
      scale(.82);

    opacity:.28;
  }

  body[data-page="invest"] #my-trades .my-trade-slide.is-right{
    transform:
      translateX(calc(-50% + 88%))
      scale(.82);

    opacity:.28;
  }

  body[data-page="invest"] #my-trades .my-trade-card{
    padding:19px 17px 15px;

    border-radius:23px;
  }

  body[data-page="invest"] #my-trades .my-trade-plan-icon{
    width:46px;
    height:46px;

    flex-basis:46px;
  }

  body[data-page="invest"] #my-trades .my-trade-plan-wrap h4{
    font-size:16px;
  }

  body[data-page="invest"] #my-trades .my-trade-status{
    min-height:29px;

    padding:0 9px;

    font-size:10px;
  }

  body[data-page="invest"] #my-trades .my-trade-principal{
    margin-top:22px;

    font-size:31px;
  }

  body[data-page="invest"] #my-trades .my-trade-meta{
    margin-top:15px;
  }

  body[data-page="invest"] #my-trades .my-trade-meta>div{
    min-height:63px;
  }

  body[data-page="invest"] #my-trades .my-trade-details{
    margin-top:15px;
  }

  body[data-page="invest"] #my-trades .my-trade-details>div{
    min-height:34px;
  }

  body[data-page="invest"] #my-trades .my-trade-details span{
    font-size:10px;
  }

  body[data-page="invest"] #my-trades .my-trade-details b{
    font-size:11px;
  }

  body[data-page="invest"] #my-trades .my-trade-footer{
    min-height:47px;

    margin-top:11px;

    font-size:14px;
  }

}
/* =========================================================
   PAYRISE — PREMIUM LIVE TRADE MARKET CHART
   ========================================================= */

body[data-page="invest"] .trade-chart-card{
  position:relative;
  width:100%;
  margin:0 0 22px;
  padding:28px 28px 22px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(11,143,85,.72);

  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(15,190,116,.16),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 100%,
      rgba(11,143,85,.12),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #032d21 0%,
      #043d2b 46%,
      #03291f 100%
    );

  box-shadow:
    0 24px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.22);

  color:#fff;
}

body[data-page="invest"] .trade-chart-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.035) 50%,
      transparent 100%
    );

  opacity:.75;
}

body[data-page="invest"] .trade-chart-background-glow{
  position:absolute;
  width:430px;
  height:430px;
  right:-120px;
  top:-220px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(17,224,135,.18),
      transparent 68%
    );

  pointer-events:none;
}

body[data-page="invest"] .trade-chart-world{
  position:absolute;
  right:70px;
  top:-85px;
  width:360px;
  height:360px;
  border-radius:50%;
  pointer-events:none;

  opacity:.18;

  background:
    radial-gradient(
      circle at 40% 35%,
      rgba(25,233,135,.18),
      transparent 48%
    );

  box-shadow:
    inset -30px -20px 60px rgba(0,0,0,.35),
    inset 20px 15px 40px rgba(25,233,135,.08);
}

body[data-page="invest"] .trade-chart-header{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  margin-bottom:16px;
}

body[data-page="invest"] .trade-chart-brand{
  display:flex;
  align-items:center;
  gap:16px;
}

body[data-page="invest"] .trade-chart-brand-icon{
  width:68px;
  height:68px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(46,255,163,.24),
      rgba(5,91,56,.85)
    );

  border:1px solid rgba(25,233,135,.32);

  box-shadow:
    0 10px 28px rgba(0,0,0,.20),
    0 0 24px rgba(25,233,135,.08);
}

body[data-page="invest"] .trade-chart-brand-svg{
  width:35px;
  height:35px;
  color:#32ed9a;
  stroke-width:2;
}

body[data-page="invest"] .trade-chart-brand h3{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1px;
}

body[data-page="invest"] .trade-chart-brand p{
  margin:7px 0 0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  font-weight:500;
}

body[data-page="invest"] .trade-chart-periods{
  display:flex;
  align-items:center;
  gap:2px;

  padding:2px;

  border:1px solid rgba(25,233,135,.20);
  border-radius:999px;

  background:rgba(0,45,33,.42);
  backdrop-filter:blur(10px);
}

body[data-page="invest"] .trade-chart-periods button{
  min-width:92px;
  height:52px;

  border:0;
  border-radius:999px;

  background:transparent;
  color:rgba(255,255,255,.68);

  font-size:15px;
  font-weight:800;

  cursor:pointer;

  transition:
    .22s ease,
    transform .22s ease;
}

body[data-page="invest"] .trade-chart-periods button:hover{
  color:#fff;
}

body[data-page="invest"] .trade-chart-periods button.active{
  color:#fff;

  background:
    linear-gradient(
      135deg,
      #19e987,
      #0b8f55
    );

  box-shadow:
    0 8px 25px rgba(25,233,135,.23);
}

body[data-page="invest"] .trade-chart-value-header{
  position:relative;
  z-index:2;

  display:flex;
  align-items:flex-end;
  gap:18px;

  margin:4px 0 4px;
}

body[data-page="invest"] .trade-chart-value-header > div:first-child{
  display:flex;
  flex-direction:column;
}

body[data-page="invest"] .trade-chart-value-header span{
  margin-bottom:7px;
  color:rgba(255,255,255,.72);
  font-size:15px;
  font-weight:600;
}

body[data-page="invest"] #tradeChartTotalValue{
  color:#fff;
  font-size:44px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.8px;
}

body[data-page="invest"] .trade-chart-main-change{
  display:flex;
  align-items:center;
  gap:5px;

  margin-bottom:3px;
  padding:10px 15px;

  border-radius:999px;

  color:#25ef91;
  background:rgba(25,233,135,.12);

  font-size:17px;
  font-weight:900;
}

body[data-page="invest"] .trade-chart-main{
  position:relative;
  z-index:2;

  width:100%;
  margin-top:12px;
}

body[data-page="invest"] #tradeChartSvg{
  display:block;
  width:100%;
  height:auto;
  min-height:410px;
  overflow:visible;
}

body[data-page="invest"] .trade-chart-grid-line{
  stroke:rgba(44,180,128,.16);
  stroke-width:1;
}

body[data-page="invest"] .trade-chart-y-label{
  fill:rgba(255,255,255,.74);
  font-size:13px;
  font-weight:600;
}

body[data-page="invest"] .trade-chart-day-label{
  fill:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:500;
}

body[data-page="invest"] .trade-chart-daily-value{
  fill:#16e887;
  font-size:11px;
  font-weight:800;
}

body[data-page="invest"] .trade-chart-area{
  fill:url(#tradeChartAreaGradient);
  opacity:.70;
}

body[data-page="invest"] .trade-chart-glow-line{
  fill:none;
  stroke:#20ed91;
  stroke-width:10;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.20;
  filter:url(#tradeChartGlow);
}

body[data-page="invest"] .trade-chart-main-line{
  fill:none;
  stroke:#26ef98;
  stroke-width:4.5;
  stroke-linecap:round;
  stroke-linejoin:round;

  filter:
    drop-shadow(0 0 5px rgba(25,233,135,.62));
}

body[data-page="invest"] .trade-chart-point{
  fill:#35f2a1;
  stroke:#0b8f55;
  stroke-width:2;
}

body[data-page="invest"] .trade-chart-point-glow{
  fill:rgba(25,233,135,.22);
  stroke:none;
}

body[data-page="invest"] .trade-chart-point-group{
  cursor:pointer;
}

body[data-page="invest"] .trade-chart-point-group:hover .trade-chart-point{
  r:7;
}

body[data-page="invest"] .trade-chart-current-ring{
  fill:none;
  stroke:#eafff4;
  stroke-width:3;
  filter:
    drop-shadow(0 0 7px rgba(25,233,135,.9));
}

body[data-page="invest"] .trade-chart-cursor{
  stroke:rgba(255,255,255,.72);
  stroke-width:1.5;
  stroke-dasharray:7 7;
}

body[data-page="invest"] .trade-chart-tooltip{
  position:absolute;
  z-index:10;

  right:2%;
  top:5%;

  min-width:175px;

  padding:16px 18px;

  border:1px solid rgba(25,233,135,.48);
  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      rgba(0,43,31,.96),
      rgba(2,25,19,.94)
    );

  box-shadow:
    0 18px 45px rgba(0,0,0,.32),
    0 0 22px rgba(25,233,135,.08);

  backdrop-filter:blur(15px);

  color:#fff;
}

body[data-page="invest"] #tradeTooltipDay{
  display:block;
  margin-bottom:5px;

  color:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:700;
}

body[data-page="invest"] #tradeTooltipAmount{
  display:block;

  color:#fff;
  font-size:18px;
  font-weight:900;
}

body[data-page="invest"] #tradeTooltipPercent{
  display:block;

  margin:3px 0 10px;

  color:#25ed91;
  font-size:15px;
  font-weight:900;
}

body[data-page="invest"] .trade-chart-tooltip div{
  display:flex;
  justify-content:space-between;
  gap:12px;

  margin-top:5px;

  color:rgba(255,255,255,.67);
  font-size:12px;
}

body[data-page="invest"] .trade-chart-tooltip div strong{
  color:#fff;
}

body[data-page="invest"] .trade-chart-stats{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));

  margin:15px 8px 0;

  border:1px solid rgba(25,233,135,.18);
  border-radius:22px;

  background:
    rgba(0,47,34,.54);

  backdrop-filter:blur(14px);

  overflow:hidden;
}

body[data-page="invest"] .trade-chart-stat{
  display:flex;
  align-items:center;
  gap:14px;

  min-width:0;
  padding:22px 28px;

  border-right:1px solid rgba(255,255,255,.08);
}

body[data-page="invest"] .trade-chart-stat:last-child{
  border-right:0;
}

body[data-page="invest"] .trade-chart-stat-icon{
  flex:0 0 58px;
  width:58px;
  height:58px;

  display:grid;
  place-items:center;

  border-radius:50%;

  font-size:27px;
  font-weight:900;
}

body[data-page="invest"] .trade-chart-stat-icon.green{
  color:#28ee94;
  background:rgba(15,168,99,.17);
}

body[data-page="invest"] .trade-chart-stat-icon.red{
  color:#ff5961;
  background:rgba(255,65,76,.15);
}

body[data-page="invest"] .trade-chart-stat-icon.blue{
  color:#14bde8;
  background:rgba(0,157,207,.15);
}

body[data-page="invest"] .trade-chart-stat-icon.percent{
  color:#21ec91;
  background:rgba(25,233,135,.13);
}

body[data-page="invest"] .trade-chart-stat-svg{
  width:29px;
  height:29px;
}

body[data-page="invest"] .trade-chart-stat > div:last-child{
  min-width:0;
}

body[data-page="invest"] .trade-chart-stat span{
  display:block;

  margin-bottom:5px;

  color:rgba(255,255,255,.67);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}

body[data-page="invest"] .trade-chart-stat strong{
  display:block;

  color:#fff;
  font-size:21px;
  font-weight:900;
  line-height:1.1;

  white-space:nowrap;
}

body[data-page="invest"] .trade-chart-stat small{
  display:block;

  margin-top:5px;

  color:#19e987;
  font-size:12px;
  font-weight:800;
}

body[data-page="invest"] .trade-chart-stat small.negative{
  color:#ff555e;
}

body[data-page="invest"] .trade-chart-dots{
  position:relative;
  z-index:2;

  display:flex;
  justify-content:center;
  gap:16px;

  margin-top:23px;
}

body[data-page="invest"] .trade-chart-dots span{
  width:18px;
  height:18px;

  border-radius:50%;

  background:#075a42;
}

body[data-page="invest"] .trade-chart-dots span.active{
  background:#20ed91;

  box-shadow:
    0 0 18px rgba(25,233,135,.48);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

  body[data-page="invest"] .trade-chart-card{
    padding:22px 15px 18px;
    border-radius:25px;
  }

  body[data-page="invest"] .trade-chart-header{
    align-items:flex-start;
    flex-direction:column;
  }

  body[data-page="invest"] .trade-chart-brand-icon{
    width:56px;
    height:56px;
  }

  body[data-page="invest"] .trade-chart-brand h3{
    font-size:25px;
  }

  body[data-page="invest"] .trade-chart-brand p{
    font-size:13px;
  }

  body[data-page="invest"] .trade-chart-periods{
    width:100%;
  }

  body[data-page="invest"] .trade-chart-periods button{
    min-width:0;
    width:25%;
    height:45px;
    font-size:13px;
  }

  body[data-page="invest"] #tradeChartTotalValue{
    font-size:31px;
  }

  body[data-page="invest"] .trade-chart-main-change{
    padding:8px 11px;
    font-size:13px;
  }

  body[data-page="invest"] #tradeChartSvg{
    min-height:330px;
  }

  body[data-page="invest"] .trade-chart-tooltip{
    min-width:145px;
    padding:12px 13px;
    right:2%;
  }

  body[data-page="invest"] #tradeTooltipAmount{
    font-size:15px;
  }

  body[data-page="invest"] .trade-chart-y-label{
    font-size:10px;
  }

  body[data-page="invest"] .trade-chart-day-label{
    font-size:8px;
  }

  body[data-page="invest"] .trade-chart-daily-value{
    font-size:8px;
  }

  body[data-page="invest"] .trade-chart-stats{
    grid-template-columns:1fr 1fr;
    margin:10px 0 0;
  }

  body[data-page="invest"] .trade-chart-stat{
    padding:15px 12px;
    gap:9px;
  }

  body[data-page="invest"] .trade-chart-stat:nth-child(2){
    border-right:0;
  }

  body[data-page="invest"] .trade-chart-stat:nth-child(3),
  body[data-page="invest"] .trade-chart-stat:nth-child(4){
    border-top:1px solid rgba(255,255,255,.08);
  }

  body[data-page="invest"] .trade-chart-stat-icon{
    flex-basis:43px;
    width:43px;
    height:43px;
  }

  body[data-page="invest"] .trade-chart-stat-icon svg{
    width:22px;
    height:22px;
  }

  body[data-page="invest"] .trade-chart-stat span{
    font-size:10px;
  }

  body[data-page="invest"] .trade-chart-stat strong{
    font-size:15px;
  }

  body[data-page="invest"] .trade-chart-stat small{
    font-size:10px;
  }
}

@media(max-width:520px){

  body[data-page="invest"] .trade-chart-value-header{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }

  body[data-page="invest"] #tradeChartTotalValue{
    font-size:28px;
  }

  body[data-page="invest"] .trade-chart-tooltip{
    top:3%;
    right:3%;
    min-width:135px;
  }

  body[data-page="invest"] .trade-chart-tooltip div{
    font-size:10px;
  }

  body[data-page="invest"] .trade-chart-dots{
    gap:12px;
  }

  body[data-page="invest"] .trade-chart-dots span{
    width:15px;
    height:15px;
  }
}
/* PREMIUM badge — mobile position override */
@media (max-width: 700px) {
  .premium-balance-badge {
    top: 4px !important;
  }
}
/* Remove the browser's blue tap highlight throughout PayRise */
*,
*::before,
*::after {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
/* =========================================================
   PAYRISE — PREMIUM NO INTERNET CONNECTION POPUP
   ========================================================= */

.offline-popup{
  position:fixed!important;
  inset:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:20px!important;

  background:rgba(5,12,9,.58)!important;

  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;

  z-index:100000!important;
}


.offline-card{
  width:min(1180px,96vw);

  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);

  overflow:hidden;

  border-radius:26px;

  background:#fff;

  box-shadow:
    0 35px 100px rgba(0,0,0,.30),
    0 10px 35px rgba(0,0,0,.16);

  border:1px solid rgba(255,255,255,.75);

  animation:offlinePopupIn .28s ease-out;
}


@keyframes offlinePopupIn{
  from{
    opacity:0;
    transform:translateY(15px) scale(.97);
  }

  to{
    opacity:1;
    transform:none;
  }
}


/* =========================================================
   STATIC IMAGE
   ========================================================= */

.offline-animation{
  position:relative;

  width:100%;
  min-height:590px;

  overflow:hidden;

  background:#dff2ff;
}


.offline-base-image{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center center;
}


/* =========================================================
   ONLY ANIMATED AREA
   ========================================================= */

.offline-wire-animation{
  position:absolute;

  left:43%;
  top:30%;

  width:180px;
  height:150px;

  pointer-events:none;

  animation:
    offlineDisconnectReconnect
    2.8s
    ease-in-out
    infinite;
}


/*
   The hand follows the connector.
   Everything else in the picture remains completely still.
*/

.offline-hand{
  position:absolute;

  right:24px;
  top:18px;

  width:72px;
  height:88px;

  transform-origin:
    70% 20%;
}


.offline-hand-shape{
  width:62px;
  height:78px;

  border-radius:
    48%
    52%
    45%
    50%;

  background:
    linear-gradient(
      135deg,
      #a9653d 0%,
      #c98151 42%,
      #8e4d2f 100%
    );

  box-shadow:
    inset -7px -8px 12px rgba(0,0,0,.18),
    inset 6px 5px 9px rgba(255,255,255,.12);

  transform:
    rotate(-18deg);
}


/* connector being pulled out */

.offline-plug{
  position:absolute;

  left:0;
  top:25px;

  width:48px;
  height:25px;

  border-radius:7px;

  background:
    linear-gradient(
      180deg,
      #1e2925,
      #050807
    );

  box-shadow:
    0 4px 8px rgba(0,0,0,.28);

  transform-origin:right center;
}


.offline-plug span{
  position:absolute;

  right:-12px;
  top:7px;

  width:14px;
  height:11px;

  border-radius:3px;

  background:#cfd5d2;
}


/* =========================================================
   DISCONNECT → RECONNECT
   ========================================================= */

@keyframes offlineDisconnectReconnect{

  0%,
  12%{
    transform:
      translate3d(0,0,0)
      rotate(0deg);
  }

  32%{
    transform:
      translate3d(-18px,-5px,0)
      rotate(-3deg);
  }

  45%{
    transform:
      translate3d(-43px,-9px,0)
      rotate(-6deg);
  }

  55%{
    transform:
      translate3d(-43px,-9px,0)
      rotate(-6deg);
  }

  68%{
    transform:
      translate3d(-18px,-5px,0)
      rotate(-3deg);
  }

  82%,
  100%{
    transform:
      translate3d(0,0,0)
      rotate(0deg);
  }

}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.offline-content{
  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;

  padding:42px 38px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fbfa 100%
    );
}


.offline-wifi-icon{
  position:relative;

  width:92px;
  height:82px;

  margin-bottom:20px;
}


.offline-wifi-icon span{
  position:absolute;

  left:50%;

  transform:translateX(-50%);

  border:
    12px solid #aeb6b3;

  border-bottom:0;

  border-radius:
    70px 70px 0 0;
}


.offline-wifi-icon span:nth-child(1){
  width:90px;
  height:55px;
  top:0;
}


.offline-wifi-icon span:nth-child(2){
  width:62px;
  height:39px;
  top:18px;
}


.offline-wifi-icon span:nth-child(3){
  width:32px;
  height:22px;
  top:36px;
}


.offline-wifi-icon b{
  position:absolute;

  right:-4px;
  top:25px;

  width:43px;
  height:43px;

  border-radius:50%;

  display:grid;
  place-items:center;

  background:#ef4545;

  color:#fff;

  font-size:30px;
  line-height:1;
}


.offline-content h3{
  margin:0 0 12px;

  color:#10251d;

  font-size:clamp(28px,3vw,44px);

  line-height:1.05;

  font-weight:950;

  letter-spacing:-.035em;
}


.offline-content p{
  margin:0;

  color:#66736c;

  font-size:16px;

  line-height:1.65;

  max-width:410px;
}


.offline-retry{
  margin-top:28px;

  min-width:220px;

  min-height:54px;

  border-radius:999px!important;

  background:#0b9f55!important;

  color:#fff!important;

  font-size:16px;

  font-weight:900;

  box-shadow:
    0 10px 25px rgba(11,159,85,.22);
}


.offline-retry:hover{
  background:#078348!important;

  transform:translateY(-2px);
}


.offline-retry span{
  font-size:25px;

  line-height:1;

  display:inline-block;

  margin-right:5px;

  animation:offlineRetrySpin 2s linear infinite;
}


@keyframes offlineRetrySpin{
  to{
    transform:rotate(360deg);
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

  .offline-card{
    grid-template-columns:1fr;

    width:min(96vw,560px);

    max-height:92vh;

    overflow-y:auto;
  }

  .offline-animation{
    min-height:310px;

    aspect-ratio:1.5 / 1;
  }

  .offline-content{
    padding:28px 20px 30px;
  }

  .offline-content h3{
    font-size:28px;
  }

  .offline-content p{
    font-size:13px;
  }

  .offline-retry{
    width:100%;
  }

}
.register-login-link{
  width:100%;
  text-align:center;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid #e7ece9;
  font-size:13px;
  line-height:1.5;
  color:#7a8582;
}

.register-login-link a{
  color:#0b9f55;
  font-weight:900;
  text-decoration:none;
  margin-left:3px;
}

.register-login-link a:hover{
  text-decoration:underline;
}
/* PAYRISE ROTATING EARTH — EARTH.PNG.PNG */

.premium-dollar-globe-earth{
  width:100%;
  height:100%;
  border-radius:50%;

  background-image:url("/earth.png.png") !important;
  background-repeat:repeat-x !important;
  background-size:auto 100% !important;
  background-position:0% 50% !important;

  animation:payriseEarthRotateFixed 22s linear infinite !important;

  will-change:background-position;
  transform:translateZ(0);
  overflow:hidden;
}

@keyframes payriseEarthRotateFixed{
  0%{
    background-position:0% 50%;
  }

  100%{
    background-position:-200% 50%;
  }
}
/* =========================================================
   PAYRISE EARTH — FINAL ROTATION FIX
   Image file: frontend/earth.png.png
   ========================================================= */

.premium-dollar-globe-earth{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  border-radius:50% !important;
  overflow:hidden !important;

  background-image:url("/earth.png.png") !important;
  background-repeat:repeat-x !important;

  /*
   * The generated Earth texture is 2:1.
   * This keeps the full world map wrapped around the globe.
   */
  background-size:auto 100% !important;
  background-position:0 50% !important;

  animation:payriseEarthSpin 18s linear infinite !important;
  animation-play-state:running !important;

  will-change:background-position;
}

/* One single animation — no duplicate Earth keyframes */
@keyframes payriseEarthSpin{
  0%{
    background-position:0 50%;
  }

  100%{
    background-position:-100% 50%;
  }
}
/* =====================================================
   PAYRISE EARTH — FINAL ROTATION
   Actual image: frontend/earth.png.png
   ===================================================== */

.premium-dollar-globe-earth{
  background-image:url("/earth.png.png") !important;
  background-repeat:repeat-x !important;
  background-size:auto 100% !important;
  background-position:0% 50% !important;

  animation:payriseEarthRotateFinal 20s linear infinite !important;

  will-change:background-position;
}

@keyframes payriseEarthRotateFinal{
  from{
    background-position:0% 50%;
  }

  to{
    background-position:-100% 50%;
  }
}
/* =========================================================
   DASHBOARD UPDATE IMAGE ZOOM
   ========================================================= */

.dashboard-update-image-viewer {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.92);
  touch-action: none;
}

.dashboard-update-image-viewer.active {
  display: flex;
}

.dashboard-update-image-viewer img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.15s ease;
  touch-action: none;
}

.dashboard-update-image-viewer-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  padding: 0;
}

.dashboard-update-image-viewer-close:active {
  transform: scale(0.94);
}
.account-number-copy-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.account-number-copy-wrap strong {
  flex: 1;
  min-width: 0;
  margin: 0;
  text-align: left;
  word-break: break-all;
}

.account-copy-btn {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #0b8f55;
  color: #fff;
  cursor: pointer;
}

.account-copy-btn svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

.account-copy-btn:active {
  transform: scale(0.94);
}

.account-copy-btn.copied {
  background: #087b4f;
}
/* =========================================================
   IPHONE PULL-DOWN / OVERSCROLL FIX
   Keep PayRise header and navigation from moving with
   Safari's rubber-band pull-down effect.
   ========================================================= */

html,
body {
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 980px) {
  .topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
  }

  .layout {
    min-height: 100vh;
  }

  .main {
    padding-top: 82px;
  }

  body[data-page="dashboard"] .main {
    min-height: 100vh;
  }

  .bottom-nav {
    position: fixed;
    z-index: 1500;
  }
}

/* Partnership Withdrawal Lock — additive feature styles only */
.partnership-withdrawal-lock-card{border:1px solid rgba(22,119,210,.16);box-shadow:0 14px 40px rgba(16,24,40,.06)}
.partnership-lock-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}
.partnership-lock-status.active{background:#e9f8f0;color:#087443}.partnership-lock-status.inactive{background:#fff0f0;color:#b42318}.partnership-lock-status.off{background:#f2f4f7;color:#667085}
.partnership-lock-main{display:flex;gap:18px;align-items:center;margin:14px 0}.partnership-lock-count{min-width:105px;text-align:center}.partnership-lock-count strong{display:block;font-size:34px;line-height:1}.partnership-lock-count span{display:block;margin-top:6px;font-size:11px;color:#667085}.partnership-lock-copy{display:flex;flex-direction:column;gap:6px}.partnership-lock-copy span{color:#667085;font-size:13px}.partnership-lock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.partnership-lock-grid>div{padding:11px 12px;border-radius:12px;background:#f8fafc}.partnership-lock-grid span,.partnership-lock-grid strong{display:block}.partnership-lock-grid span{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.05em}.partnership-lock-grid strong{margin-top:4px;font-size:14px}.partnership-lock-progress,.partnership-referral-mini-bar{height:7px;background:#e8eef5;border-radius:99px;overflow:hidden}.partnership-lock-progress{margin-top:14px}.partnership-lock-progress>span,.partnership-referral-mini-bar>span{display:block;height:100%;border-radius:inherit;background:#1677d2}.partnership-referral-progress-list{margin-top:16px}.partnership-referral-progress-title{font-weight:800;font-size:13px;margin-bottom:10px}.partnership-referral-progress-row{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(90px,.7fr) minmax(90px,1fr) 60px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eef2f6}.partnership-referral-progress-row>div:first-child{display:flex;flex-direction:column;gap:3px}.partnership-referral-progress-row small{font-size:10px;color:#667085}.trade-ad-popup-card,.payrise-login-message-card{width:min(520px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));overflow:hidden}.trade-ad-popup-logo,.payrise-login-message-logo{display:block;width:42px;height:auto;object-fit:contain;margin:0 auto 10px}.trade-ad-popup-header{font-size:22px;font-weight:900;text-align:center}.trade-ad-popup-subheader{margin-top:4px;text-align:center;color:#667085;font-size:13px}.trade-ad-popup-image,.payrise-login-message-image{display:block;max-width:100%;max-height:210px;object-fit:contain;margin:14px auto;border-radius:12px}.trade-ad-popup-scroll,.payrise-login-message-scroll{max-height:340px;overflow:auto;padding:4px 4px 10px;white-space:pre-wrap;line-height:1.6}.trade-ad-popup-actions{display:flex;gap:10px;margin-top:12px}.trade-ad-popup-actions button{flex:1}.payrise-login-message-card h3{margin:0;font-size:21px}.payrise-login-message-subheader{margin-top:4px;color:#667085;font-size:13px}.payrise-login-message-scroll{margin-top:12px;max-height:360px}.payrise-login-message-scroll img{max-width:100%;border-radius:12px}.trade-ad-file{display:inline-flex;margin:8px 0}
@media(max-width:700px){.partnership-lock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partnership-referral-progress-row{grid-template-columns:1fr 85px}.partnership-referral-progress-row .partnership-referral-mini-bar{grid-column:1/-1}.trade-ad-popup-card,.payrise-login-message-card{padding:18px}.trade-ad-popup-scroll,.payrise-login-message-scroll{max-height:45vh}}


/* Isolated Bitcoin dashboard entry point. */
.bitcoin-dashboard-balance-card{border-color:rgba(244,169,0,.18)!important}.bitcoin-dashboard-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f4a900;color:#fff;font-size:24px;font-weight:900;flex:none}

/* Targeted navigation/Trade notice refinements for the Bitcoin master modification. */
.header-bell .ui-icon{animation:payriseBellRingPremium 5.8s cubic-bezier(.25,.75,.25,1) infinite}
@keyframes payriseBellRingPremium{0%,72%,100%{transform:rotate(0deg)}74%{transform:rotate(8deg)}78%{transform:rotate(-7deg)}82%{transform:rotate(5deg)}86%{transform:rotate(-3deg)}90%{transform:rotate(1.5deg)}94%{transform:rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.header-bell .ui-icon{animation:none!important}}
.trade-entry-notice-backdrop{z-index:10020}.trade-entry-notice{width:min(440px,calc(100vw - 28px));padding:26px 24px 24px;text-align:center;border:1px solid rgba(11,143,85,.16);background:radial-gradient(circle at 50% 0,rgba(11,143,85,.10),transparent 34%),linear-gradient(145deg,#fff,#f5fcf8);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.trade-entry-logo{display:block;width:54px;height:auto;object-fit:contain;margin:0 auto 12px}.trade-entry-notice h3{margin:7px 26px 10px;font-size:22px;line-height:1.18;color:#12221b}.trade-entry-notice p{margin:0 auto 18px;max-width:360px;color:#64736b;font-size:12px;line-height:1.65}.trade-entry-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#718078;font-size:27px;line-height:1;cursor:pointer}.trade-entry-confirm{width:100%;min-height:48px;border-radius:14px;font-weight:950}
.transaction-filter-row{overflow-x:auto;scrollbar-width:none;white-space:nowrap}.transaction-filter-row::-webkit-scrollbar{display:none}.transaction-filter-button{flex:0 0 auto}
@media(max-width:680px){.transaction-filter-row{gap:7px}.transaction-filter-button{padding-left:11px!important;padding-right:11px!important;font-size:10px!important}}
/* =========================================================
   PAYRISE BITCOIN — TRADE STYLE HERO
   APPROVED HERO DESIGN
   ========================================================= */

.bitcoin-trade-hero{
  position:relative;
  overflow:hidden;

  min-height:530px;

  padding:0;

  border-radius:20px;

  color:#fff;

  isolation:isolate;

  background:
    radial-gradient(
      circle at 78% 35%,
      rgba(16,190,112,.17),
      transparent 30%
    ),
    radial-gradient(
      circle at 18% 40%,
      rgba(7,105,62,.22),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #010b07 0%,
      #021811 32%,
      #03271a 67%,
      #010b07 100%
    );

  border:
    1px solid rgba(31,220,135,.48);

  box-shadow:
    0 25px 65px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 80px rgba(0,115,68,.08);
}


/* =========================================================
   OUTER BORDER
   ========================================================= */

.bitcoin-trade-hero::before{
  content:"";

  position:absolute;

  inset:0;

  border-radius:inherit;

  pointer-events:none;

  border:
    1px solid rgba(31,239,152,.28);

  box-shadow:
    inset 0 0 30px rgba(20,220,128,.06);

  z-index:20;
}


/* =========================================================
   LIGHT SWEEP
   ========================================================= */

.bitcoin-trade-hero::after{
  content:"";

  position:absolute;

  top:-40%;
  left:-65%;

  width:35%;
  height:180%;

  transform:rotate(18deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.06),
      rgba(33,239,151,.10),
      transparent
    );

  animation:
    bitcoinTradeSweep 8s ease-in-out infinite;

  pointer-events:none;

  z-index:19;
}

@keyframes bitcoinTradeSweep{

  0%{
    left:-65%;
    opacity:0;
  }

  15%{
    opacity:1;
  }

  45%{
    left:125%;
    opacity:.7;
  }

  100%{
    left:125%;
    opacity:0;
  }

}


/* =========================================================
   BACKGROUND
   ========================================================= */

.bitcoin-trade-background{
  position:absolute;

  inset:0;

  overflow:hidden;

  pointer-events:none;

  z-index:0;
}


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

.bitcoin-trade-grid{
  position:absolute;

  inset:0;

  opacity:.18;

  background-image:
    linear-gradient(
      rgba(36,236,151,.07) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(36,236,151,.07) 1px,
      transparent 1px
    );

  background-size:
    58px 58px;

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.9),
      transparent
    );
}


/* =========================================================
   GREEN GLOWS
   ========================================================= */

.bitcoin-trade-glow{
  position:absolute;

  border-radius:50%;

  filter:blur(30px);

  pointer-events:none;
}

.bitcoin-trade-glow-one{
  width:280px;
  height:280px;

  left:-100px;
  top:90px;

  background:
    rgba(0,180,105,.13);
}

.bitcoin-trade-glow-two{
  width:330px;
  height:330px;

  right:-100px;
  bottom:-150px;

  background:
    rgba(15,210,123,.12);
}


/* =========================================================
   CRYSTAL DETAILS
   ========================================================= */

.bitcoin-trade-crystal{
  position:absolute;

  transform:
    rotate(45deg);

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.08),
      rgba(30,232,145,.035),
      transparent
    );

  border:
    1px solid rgba(255,255,255,.08);

  box-shadow:
    inset 0 0 25px rgba(255,255,255,.025);
}

.crystal-one{
  width:90px;
  height:90px;

  right:95px;
  top:105px;
}

.crystal-two{
  width:42px;
  height:42px;

  right:230px;
  top:205px;
}

.crystal-three{
  width:30px;
  height:30px;

  right:38px;
  bottom:100px;
}


/* =========================================================
   CHART
   ========================================================= */

.bitcoin-trade-chart{
  position:absolute;

  inset:
    20px
    20px
    135px
    300px;

  z-index:1;

  opacity:.72;

  pointer-events:none;
}

.bitcoin-trade-chart svg{
  width:100%;
  height:100%;
  display:block;
}

.bitcoin-trade-chart-grid path{
  fill:none;

  stroke:
    rgba(47,239,155,.10);

  stroke-width:1;
}

.bitcoin-trade-chart-line{
  fill:none;

  stroke:
    #32f39e;

  stroke-width:3;

  stroke-linecap:round;
  stroke-linejoin:round;

  stroke-dasharray:
    11 7;

  animation:
    bitcoinTradeChartMove
    3.8s
    linear
    infinite;
}

.bitcoin-trade-chart-area{
  opacity:.8;
}

@keyframes bitcoinTradeChartMove{

  from{
    stroke-dashoffset:0;
  }

  to{
    stroke-dashoffset:-110;
  }

}


/* =========================================================
   CONTENT
   ========================================================= */

.bitcoin-trade-content{
  position:relative;

  z-index:5;

  min-height:530px;

  display:flex;

  flex-direction:column;

  justify-content:space-between;
}


/* =========================================================
   TOP
   ========================================================= */

.bitcoin-trade-top{
  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:20px;

  padding:
    25px
    28px
    0;
}


/* =========================================================
   BRAND
   ========================================================= */

.bitcoin-trade-brand{
  display:flex;

  align-items:center;

  gap:16px;
}

.bitcoin-trade-brand-small{
  display:block;

  color:#55f4ae;

  font-size:9px;

  font-weight:950;

  letter-spacing:.20em;
}

.bitcoin-trade-brand h2{
  margin:
    1px
    0
    2px;

  color:#f7e5ad;

  font-size:
    clamp(
      26px,
      4vw,
      38px
    );

  line-height:1;

  letter-spacing:-1px;

  text-shadow:
    0 0 18px rgba(224,180,72,.16);
}

.bitcoin-trade-brand p{
  margin:0;

  color:
    rgba(255,255,255,.48);

  font-size:8px;

  font-weight:850;

  letter-spacing:.28em;
}


/* =========================================================
   GOLD BITCOIN COIN
   ========================================================= */

.bitcoin-trade-logo{
  position:relative;

  width:72px;
  height:72px;

  flex:0 0 72px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 30% 25%,
      #fff1ad 0%,
      #efc75e 20%,
      #bd841b 53%,
      #5c3a07 78%,
      #1c1202 100%
    );

  border:
    2px solid
    rgba(255,222,116,.82);

  box-shadow:
    0 0 0 5px rgba(14,218,132,.08),
    0 0 0 10px rgba(14,218,132,.035),
    0 16px 38px rgba(0,0,0,.5),
    0 0 35px rgba(222,171,52,.22),
    inset 0 3px 5px rgba(255,255,255,.45),
    inset 0 -7px 12px rgba(0,0,0,.35);

  transform:
    perspective(600px)
    rotateY(-10deg);
}

.bitcoin-trade-logo::before{
  content:"";

  position:absolute;

  inset:7px;

  border-radius:50%;

  border:
    1px solid
    rgba(255,244,181,.40);

  box-shadow:
    inset
    0 0 13px
    rgba(255,255,255,.13);
}

.bitcoin-trade-logo span{
  position:relative;

  z-index:2;

  color:#fff1b0;

  font-size:47px;

  line-height:1;

  font-weight:1000;

  text-shadow:
    0 3px 5px rgba(0,0,0,.65),
    0 0 15px rgba(255,220,100,.28);
}


/* =========================================================
   ACTIVE
   ========================================================= */

.bitcoin-trade-active{
  display:flex;

  align-items:center;

  gap:9px;

  padding:
    10px
    17px;

  border-radius:999px;

  color:#62f5ad;

  background:
    rgba(0,48,29,.68);

  border:
    1px solid
    rgba(39,236,145,.54);

  box-shadow:
    0 0 20px rgba(16,220,128,.10),
    inset 0 1px 0 rgba(255,255,255,.07);

  font-size:9px;

  font-weight:950;

  letter-spacing:.13em;
}

.bitcoin-trade-active span{
  width:9px;
  height:9px;

  border-radius:50%;

  background:#29f49c;

  box-shadow:
    0 0 8px #29f49c,
    0 0 18px rgba(41,244,156,.65);

  animation:
    bitcoinTradeActivePulse
    1.7s
    ease-in-out
    infinite;
}

@keyframes bitcoinTradeActivePulse{

  0%,100%{
    transform:scale(.85);
    opacity:.65;
  }

  50%{
    transform:scale(1.15);
    opacity:1;
  }

}


/* =========================================================
   CENTER
   ========================================================= */

.bitcoin-trade-center{
  display:grid;

  grid-template-columns:
    180px
    minmax(300px,1.2fr)
    minmax(260px,1fr);

  align-items:center;

  gap:18px;

  padding:
    15px
    28px
    25px;
}


/* =========================================================
   COIN AREA
   ========================================================= */

.bitcoin-trade-coin-area{
  position:relative;

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:210px;
}

.bitcoin-trade-coin-ring{
  position:relative;

  width:170px;
  height:170px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(32,240,151,.14),
      rgba(32,240,151,.04) 55%,
      transparent 70%
    );

  border:
    1px solid
    rgba(33,236,149,.28);

  box-shadow:
    0 0 0 13px rgba(21,224,137,.025),
    0 0 0 27px rgba(21,224,137,.018),
    0 0 30px rgba(24,225,140,.10);
}

.bitcoin-trade-coin{
  width:128px;
  height:128px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 32% 24%,
      #fff3b4 0%,
      #f1c95f 19%,
      #d89d29 45%,
      #895b0c 70%,
      #382302 100%
    );

  border:
    2px solid
    rgba(255,226,127,.92);

  box-shadow:
    0 20px 30px rgba(0,0,0,.48),
    0 0 35px rgba(224,174,55,.23),
    inset 0 3px 5px rgba(255,255,255,.5),
    inset 0 -10px 16px rgba(0,0,0,.34);

  animation:
    bitcoinCoinFloat
    5s
    ease-in-out
    infinite;
}

.bitcoin-trade-coin span{
  color:#fff1b0;

  font-size:80px;

  font-weight:1000;

  line-height:1;

  text-shadow:
    0 4px 6px rgba(0,0,0,.55),
    0 0 16px rgba(255,222,109,.24);
}

@keyframes bitcoinCoinFloat{

  0%,100%{
    transform:translateY(0) rotateY(-7deg);
  }

  50%{
    transform:translateY(-7px) rotateY(7deg);
  }

}

.bitcoin-trade-coin-shadow{
  position:absolute;

  bottom:15px;

  width:110px;
  height:18px;

  border-radius:50%;

  background:
    rgba(0,0,0,.45);

  filter:blur(8px);
}


/* =========================================================
   TOTAL INTEREST FEATURE
   ========================================================= */

.bitcoin-interest-feature{
  position:relative;

  min-width:0;

  padding:
    18px
    22px;

  border-radius:14px;

  background:
    linear-gradient(
      145deg,
      rgba(5,75,45,.92),
      rgba(2,29,19,.92)
    );

  border:
    1px solid
    rgba(42,245,151,.65);

  box-shadow:
    0 18px 40px rgba(0,0,0,.32),
    0 0 28px rgba(18,230,137,.08),
    inset 0 1px 0 rgba(255,255,255,.07);

  backdrop-filter:
    blur(15px);
}

.bitcoin-interest-feature::before{
  content:"";

  position:absolute;

  inset:0;

  border-radius:inherit;

  background:
    linear-gradient(
      115deg,
      transparent 35%,
      rgba(255,255,255,.07) 50%,
      transparent 65%
    );

  opacity:.55;

  pointer-events:none;
}

.bitcoin-interest-heading{
  position:relative;

  display:flex;

  align-items:center;

  gap:11px;

  color:#dcebe4;

  font-size:14px;

  font-weight:850;

  letter-spacing:.04em;
}

.bitcoin-interest-icon{
  width:38px;
  height:38px;

  display:grid;

  place-items:center;

  border-radius:10px;

  color:#2ef09c;

  background:
    rgba(16,164,95,.12);

  border:
    1px solid
    rgba(38,235,145,.48);

  font-size:20px;
}

.bitcoin-interest-big{
  position:relative;

  display:block;

  margin-top:10px;

  color:#ffe49a;

  font-size:
    clamp(
      34px,
      5vw,
      57px
    );

  line-height:1;

  letter-spacing:-2px;

  font-weight:1000;

  text-shadow:
    0 3px 7px rgba(0,0,0,.6),
    0 0 22px rgba(232,187,76,.17);
}


/* =========================================================
   WITHDRAWAL STRIP
   ========================================================= */

.bitcoin-interest-action{
  position:relative;

  display:flex;

  align-items:center;

  gap:10px;

  margin-top:16px;

  padding:
    9px
    10px;

  border-radius:10px;

  background:
    rgba(0,0,0,.28);

  border:
    1px solid
    rgba(31,235,145,.42);

  color:#d9eee5;

  font-size:12px;

  font-weight:750;
}

.bitcoin-interest-action-icon{
  color:#38efa0;

  font-size:17px;
}

.bitcoin-interest-arrow{
  margin-left:auto;

  width:36px;
  height:36px;

  display:grid;

  place-items:center;

  border:0;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #30ef9b,
      #0b8f55
    );

  color:#001c10;

  font-size:20px;

  font-weight:1000;

  box-shadow:
    0 5px 16px rgba(15,226,134,.20);

  cursor:pointer;
}


/* =========================================================
   BALANCE FEATURE
   ========================================================= */

.bitcoin-balance-feature{
  min-width:0;

  position:relative;

  display:grid;

  grid-template-columns:1fr auto;

  align-items:center;

  gap:8px 15px;

  padding:
    17px
    20px;

  border-radius:14px;

  background:
    rgba(2,23,16,.78);

  border:
    1px solid
    rgba(32,232,143,.40);

  box-shadow:
    0 15px 35px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05);

  backdrop-filter:
    blur(14px);
}

.bitcoin-balance-heading{
  grid-column:1/-1;

  display:flex;

  align-items:center;

  gap:10px;

  color:#b9d1c7;

  font-size:11px;

  font-weight:900;

  letter-spacing:.05em;
}

.bitcoin-balance-icon{
  width:30px;
  height:30px;

  display:grid;

  place-items:center;

  border-radius:8px;

  color:#ffe49a;

  background:
    rgba(211,157,40,.13);

  border:
    1px solid
    rgba(221,172,65,.42);

  font-size:16px;
}

.bitcoin-balance-big{
  color:#fff;

  font-size:
    clamp(
      22px,
      3vw,
      31px
    );

  line-height:1;

  font-weight:950;

  letter-spacing:-.8px;
}

.bitcoin-balance-btc{
  display:flex;

  align-items:center;

  gap:5px;

  color:#d9e4df;

  font-size:10px;
}

.bitcoin-balance-btc span{
  width:19px;
  height:19px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#fff;

  background:#d79b25;

  font-size:11px;

  font-weight:950;
}

.bitcoin-balance-btc strong{
  color:#dceae3;
}

.bitcoin-balance-btc small{
  color:#7e958b;
}

.bitcoin-week-change{
  grid-column:2;

  display:flex;

  align-items:center;

  gap:5px;

  color:#39f0a0;

  font-size:10px;
}

.bitcoin-week-change strong{
  font-size:15px;
}

.bitcoin-week-change small{
  color:#80958d;
}


/* =========================================================
   BOTTOM METRICS
   ========================================================= */

.bitcoin-trade-metrics{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;

  padding:
    0
    28px
    25px;
}

.bitcoin-trade-metric{
  position:relative;

  min-width:0;

  overflow:hidden;

  min-height:92px;

  display:flex;

  align-items:center;

  gap:12px;

  padding:
    14px
    16px;

  border-radius:12px;

  background:
    rgba(2,17,12,.78);

  border:
    1px solid
    rgba(255,255,255,.11);

  box-shadow:
    0 10px 22px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);

  backdrop-filter:
    blur(12px);
}

.bitcoin-metric-icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:grid;

  place-items:center;

  border-radius:11px;

  font-size:20px;

  background:
    rgba(0,0,0,.28);
}

.bitcoin-trade-metric>div:nth-child(2){
  min-width:0;
}

.bitcoin-trade-metric span{
  display:block;

  color:#aebdb7;

  font-size:8px;

  font-weight:900;

  letter-spacing:.08em;

  white-space:nowrap;
}

.bitcoin-trade-metric strong{
  display:block;

  margin-top:6px;

  color:#f5f8f7;

  font-size:14px;

  line-height:1.25;

  font-weight:950;

  overflow-wrap:anywhere;
}


/* =========================================================
   METRIC COLORS
   ========================================================= */

.metric-gold{
  border-color:
    rgba(221,169,55,.30);
}

.metric-gold .bitcoin-metric-icon{
  color:#ffd56c;

  border:
    1px solid
    rgba(221,169,55,.36);
}

.metric-blue{
  border-color:
    rgba(69,165,255,.28);
}

.metric-blue .bitcoin-metric-icon{
  color:#74bdff;

  border:
    1px solid
    rgba(69,165,255,.36);
}

.metric-purple{
  border-color:
    rgba(190,111,255,.28);
}

.metric-purple .bitcoin-metric-icon{
  color:#d29cff;

  border:
    1px solid
    rgba(190,111,255,.36);
}

.metric-green{
  border-color:
    rgba(41,235,145,.32);
}

.metric-green .bitcoin-metric-icon{
  color:#3af2a0;

  border:
    1px solid
    rgba(41,235,145,.36);
}


/* =========================================================
   METRIC BOTTOM BARS
   ========================================================= */

.bitcoin-metric-bar{
  position:absolute;

  left:16px;
  right:16px;
  bottom:7px;

  height:4px;

  border-radius:99px;

  overflow:hidden;

  background:
    rgba(255,255,255,.06);
}

.bitcoin-metric-bar i{
  display:block;

  width:55%;

  height:100%;

  border-radius:inherit;
}

.metric-gold
.bitcoin-metric-bar i{
  background:#eabf55;
}

.metric-blue
.bitcoin-metric-bar i{
  background:#46b5ff;
}

.metric-purple
.bitcoin-metric-bar i{
  background:#ca76ff;
}

.metric-green
.bitcoin-metric-bar i{
  background:#35ef9b;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  .bitcoin-trade-center{
    grid-template-columns:
      145px
      minmax(250px,1fr)
      minmax(230px,1fr);
  }

  .bitcoin-trade-logo{
    width:62px;
    height:62px;
  }

  .bitcoin-trade-coin-ring{
    width:140px;
    height:140px;
  }

  .bitcoin-trade-coin{
    width:108px;
    height:108px;
  }

  .bitcoin-trade-coin span{
    font-size:65px;
  }

  .bitcoin-trade-metric{
    padding:12px;
    gap:8px;
  }

  .bitcoin-metric-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  .bitcoin-trade-hero{
    min-height:790px;

    border-radius:16px;
  }

  .bitcoin-trade-content{
    min-height:790px;
  }

  .bitcoin-trade-top{
    padding:
      18px
      17px
      0;
  }

  .bitcoin-trade-brand{
    gap:10px;
  }

  .bitcoin-trade-logo{
    width:50px;
    height:50px;
    flex-basis:50px;
  }

  .bitcoin-trade-logo span{
    font-size:34px;
  }

  .bitcoin-trade-brand-small{
    font-size:7px;
  }

  .bitcoin-trade-brand h2{
    font-size:25px;
  }

  .bitcoin-trade-brand p{
    font-size:6px;
    letter-spacing:.20em;
  }

  .bitcoin-trade-active{
    padding:
      7px
      10px;

    font-size:7px;
  }


  .bitcoin-trade-center{
    grid-template-columns:1fr;

    gap:14px;

    padding:
      5px
      17px
      18px;
  }


  .bitcoin-trade-coin-area{
    min-height:120px;
  }

  .bitcoin-trade-coin-ring{
    width:112px;
    height:112px;
  }

  .bitcoin-trade-coin{
    width:88px;
    height:88px;
  }

  .bitcoin-trade-coin span{
    font-size:53px;
  }

  .bitcoin-trade-coin-shadow{
    bottom:0;
  }


  .bitcoin-interest-feature{
    padding:
      15px
      17px;
  }

  .bitcoin-interest-big{
    font-size:39px;
  }


  .bitcoin-balance-feature{
    grid-template-columns:1fr;

    gap:8px;
  }

  .bitcoin-balance-heading{
    grid-column:1;
  }

  .bitcoin-balance-big{
    font-size:25px;
  }

  .bitcoin-balance-btc{
    grid-column:1;
  }

  .bitcoin-week-change{
    grid-column:1;
  }


  .bitcoin-trade-metrics{
    grid-template-columns:
      1fr
      1fr;

    gap:8px;

    padding:
      0
      17px
      17px;
  }

  .bitcoin-trade-metric{
    min-height:76px;

    padding:
      10px;
  }

  .bitcoin-metric-icon{
    width:31px;
    height:31px;
    flex-basis:31px;

    font-size:15px;
  }

  .bitcoin-trade-metric span{
    font-size:7px;
  }

  .bitcoin-trade-metric strong{
    font-size:11px;
  }

  .bitcoin-metric-bar{
    left:10px;
    right:10px;
  }

  .bitcoin-trade-chart{
    inset:
      80px
      0
      270px
      0;

    opacity:.45;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px){

  .bitcoin-trade-hero{
    min-height:805px;
  }

  .bitcoin-trade-content{
    min-height:805px;
  }

  .bitcoin-trade-active{
    padding:
      6px
      8px;
  }

  .bitcoin-trade-active span{
    width:7px;
    height:7px;
  }

  .bitcoin-interest-big{
    font-size:34px;
  }

  .bitcoin-interest-heading{
    font-size:12px;
  }

  .bitcoin-interest-action{
    font-size:10px;
  }

  .bitcoin-balance-big{
    font-size:22px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .bitcoin-trade-hero::after,
  .bitcoin-trade-chart-line,
  .bitcoin-trade-logo,
  .bitcoin-trade-coin,
  .bitcoin-trade-active span{
    animation:none !important;
  }

}
/* =========================================================
   PAYRISE — CONTINUOUS NOTIFICATION BELL RING
   ONLY THE BELL ICON ANIMATES
   ========================================================= */

.header-bell > .ui-icon,
.header-bell .ui-icon{
  transform-origin:50% 18%;
  animation:payriseBellContinuousRing 1.2s ease-in-out infinite;
  will-change:transform;
}

/* Small repeated left/right bell movement */
@keyframes payriseBellContinuousRing{
  0%{
    transform:rotate(0deg);
  }

  15%{
    transform:rotate(-7deg);
  }

  30%{
    transform:rotate(7deg);
  }

  45%{
    transform:rotate(-6deg);
  }

  60%{
    transform:rotate(5deg);
  }

  75%{
    transform:rotate(-3deg);
  }

  90%{
    transform:rotate(2deg);
  }

  100%{
    transform:rotate(0deg);
  }
}

/* Respect reduced-motion accessibility settings */
@media (prefers-reduced-motion:reduce){
  .header-bell > .ui-icon,
  .header-bell .ui-icon{
    animation:none !important;
  }
}
/* Trade page only — smooth scrolling */
body[data-page="invest"] {
  scroll-behavior: smooth;
}
/* Trade page — prevent background pseudo-layer from covering cards */
body[data-page="invest"] .main::before{
  content:none!important;
  display:none!important;
}
/* PAYRISE DASHBOARD — REMOVE EARTH IMAGE */

.premium-dollar-globe-earth {
  background-image: none !important;
  animation: none !important;
}
/* PayRise Verify Transfer Button — Breathing Animation */
.deposit-verify-btn {
  animation: verifyBreathing 1.6s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, box-shadow;
}

@keyframes verifyBreathing {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(11, 143, 85, 0.18);
  }

  50% {
    transform: scale(1.07);
    box-shadow: 0 8px 22px rgba(11, 143, 85, 0.32);
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .deposit-verify-btn {
    animation: none;
  }
}


/* =========================================================
   PAYRISE DASHBOARD — LIMITED UI UPDATE
   Dashboard page only; existing page-specific styles remain intact.
   ========================================================= */
body[data-page="dashboard"] {
  background: #DCFCE7 !important;
}
body[data-page="dashboard"] .main,
body[data-page="dashboard"] .main:before {
  background: #DCFCE7 !important;
  color: #173B32 !important;
}
body[data-page="dashboard"] .main:before {
  display: none !important;
}
body[data-page="dashboard"] .main > .container {
  color: #173B32 !important;
}
body[data-page="dashboard"] .dashboard-hello {
  color: #173B32 !important;
}
body[data-page="dashboard"] .dashboard-welcome-text {
  color: #527565 !important;
  opacity: 1 !important;
}

/* Available-balance card: preserve its existing footprint and visibility control. */
body[data-page="dashboard"] .premium-dollar-card,
body[data-page="dashboard"] .dashboard-balance.premium-dollar-card {
  background: linear-gradient(135deg, #123C36 0%, #164E63 58%, #123C36 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 14px 35px rgba(18,60,54,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body[data-page="dashboard"] .premium-dollar-card-content {
  width: 100% !important;
  max-width: 100% !important;
}
body[data-page="dashboard"] .premium-dollar-world,
body[data-page="dashboard"] .premium-dollar-currency,
body[data-page="dashboard"] .premium-naira-inside-card {
  display: none !important;
}
body[data-page="dashboard"] .premium-dollar-label {
  color: #D1FAE5 !important;
}
body[data-page="dashboard"] .premium-dollar-total {
  color: #FFFFFF !important;
  font-size: 38px !important;
  font-weight: 850 !important;
  letter-spacing: -.7px !important;
  text-shadow: none !important;
}

/* Six dashboard shortcuts: consistent round icon containers and SVG sizing. */
body[data-page="dashboard"] .dashboard-action-card {
  background: #FFFFFF !important;
  border: 1px solid #C7E8D3 !important;
  border-radius: 15px !important;
  color: #173B32 !important;
  box-shadow: 0 5px 15px rgba(22,78,99,.07) !important;
  gap: 8px !important;
}
body[data-page="dashboard"] .dashboard-shortcut-icon {
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #2563EB, #164E63) !important;
  box-shadow: 0 4px 10px rgba(37,99,235,.20) !important;
}
body[data-page="dashboard"] .dashboard-shortcut-icon svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}
body[data-page="dashboard"] .dashboard-action-card > span:not(.dashboard-shortcut-icon) {
  color: #173B32 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body[data-page="dashboard"] .dashboard-action-card:hover {
  transform: translateY(-2px);
  border-color: #86CDA5 !important;
  box-shadow: 0 8px 18px rgba(22,78,99,.12) !important;
}

/* Dashboard bottom navigation is part of normal page flow, not fixed to the viewport. */
body[data-page="dashboard"] .bottom-nav.dashboard-bottom-nav {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  margin: 12px 10px 12px !important;
  z-index: auto !important;
  background: #FFFFFF !important;
  border: 1px solid #C7E8D3 !important;
  border-radius: 16px !important;
  box-shadow: 0 5px 16px rgba(22,78,99,.09) !important;
}
body[data-page="dashboard"] .main {
  padding-bottom: 18px !important;
}
body[data-page="dashboard"] .dashboard-recent,
body[data-page="dashboard"] .dashboard-updates {
  background: #FFFFFF !important;
  border: 1px solid #D5EBDD !important;
  box-shadow: 0 5px 16px rgba(22,78,99,.06) !important;
  color: #173B32 !important;
}
body[data-page="dashboard"] .dashboard-recent h3,
body[data-page="dashboard"] .dashboard-recent .view-all,
body[data-page="dashboard"] .dashboard-recent .recent-item-main strong,
body[data-page="dashboard"] .dashboard-recent .recent-item-main span,
body[data-page="dashboard"] .dashboard-recent .recent-item-amount strong,
body[data-page="dashboard"] .dashboard-updates h3,
body[data-page="dashboard"] .dashboard-updates .eyebrow {
  color: #173B32 !important;
}
body[data-page="dashboard"] .dashboard-recent .recent-item {
  border-color: #E3F0E7 !important;
}
@media (max-width: 420px) {
  body[data-page="dashboard"] .premium-dollar-total {
    font-size: 30px !important;
  }
  body[data-page="dashboard"] .dashboard-shortcut-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}


/* =========================================================
   PAYRISE DASHBOARD — REFERENCE CARD AND SHORTCUT DESIGN
   Scoped to the dashboard; no other page styles are changed.
   ========================================================= */
body[data-page="dashboard"] .main,
body[data-page="dashboard"] .container {
  background: #e5faef !important;
}

body[data-page="dashboard"] .premium-dollar-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 22px 20px 18px !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(112, 255, 181, .72) !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, #006b35 0%, #00833f 48%, #00652f 100%) !important;
  box-shadow: 0 16px 34px rgba(0, 105, 52, .20), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

body[data-page="dashboard"] .payrise-balance-wave {
  position: absolute;
  top: 0;
  right: 0;
  width: 76%;
  height: 54%;
  z-index: 1;
  pointer-events: none;
  opacity: .62;
}
body[data-page="dashboard"] .payrise-balance-wave path {
  fill: none;
  stroke: rgba(151, 255, 196, .32);
  stroke-width: 1.05;
}

body[data-page="dashboard"] .premium-balance-badge {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  align-self: flex-start;
  z-index: 3 !important;
  margin: 0 0 18px 0 !important;
  padding: 8px 16px !important;
  border-radius: 13px !important;
}
body[data-page="dashboard"] .premium-dollar-card-content {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  display: block !important;
}
body[data-page="dashboard"] .premium-dollar-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
body[data-page="dashboard"] .premium-dollar-eye {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 0 0 2px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
}
body[data-page="dashboard"] .premium-dollar-eye svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
}
body[data-page="dashboard"] .premium-dollar-total {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 4px !important;
  color: #fff !important;
  font-size: clamp(29px, 7.2vw, 43px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -.8px !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}
body[data-page="dashboard"] .dashboard-balance-divider {
  position: relative;
  z-index: 3;
  height: 1px;
  width: 100%;
  margin: 21px 0 16px;
  background: rgba(155, 255, 194, .66);
}
body[data-page="dashboard"] .dashboard-balance-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  width: 100%;
}
body[data-page="dashboard"] .dashboard-balance-stat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  padding: 3px 9px;
}
body[data-page="dashboard"] .dashboard-balance-stat + .dashboard-balance-stat {
  border-left: 1px solid rgba(166, 255, 203, .72);
}
body[data-page="dashboard"] .dashboard-balance-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: linear-gradient(145deg, #13b957, #00823d);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
}
body[data-page="dashboard"] .dashboard-balance-stat-icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body[data-page="dashboard"] .dashboard-bitcoin-stat-icon {
  font-size: 25px;
  font-weight: 900;
}
body[data-page="dashboard"] .dashboard-balance-stat-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body[data-page="dashboard"] .dashboard-balance-stat-copy > span {
  color: rgba(255,255,255,.88) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  white-space: nowrap;
}
body[data-page="dashboard"] .dashboard-balance-stat-copy strong {
  display: block;
  margin-top: 4px;
  color: #fff !important;
  font-size: clamp(10px, 2.7vw, 14px) !important;
  line-height: 1.15;
  font-weight: 900 !important;
  white-space: nowrap;
  letter-spacing: -.25px;
}

body[data-page="dashboard"] .premium-naira-outside-grid {
  display: none !important;
}

body[data-page="dashboard"] .dashboard-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 16px !important;
}
body[data-page="dashboard"] .dashboard-action-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 104px !important;
  padding: 11px 5px 9px !important;
  border: 1px solid #c4ead5 !important;
  border-radius: 23px !important;
  background: #fff !important;
  color: #123b2a !important;
  box-shadow: 0 7px 18px rgba(0, 112, 57, .07) !important;
  text-decoration: none !important;
}
body[data-page="dashboard"] .dashboard-shortcut-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 58px !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #16b957 0%, #00833d 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  box-shadow: 0 5px 12px rgba(0, 135, 62, .20), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body[data-page="dashboard"] .dashboard-shortcut-icon svg {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  color: #fff !important;
  stroke: #fff !important;
}
body[data-page="dashboard"] .dashboard-action-card > span:not(.dashboard-shortcut-icon) {
  color: #123b2a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15;
  text-align: center;
}
body[data-page="dashboard"] .dashboard-action-card:hover {
  transform: translateY(-2px);
  border-color: #8bd7ae !important;
  box-shadow: 0 10px 20px rgba(0, 112, 57, .12) !important;
}

@media (max-width: 390px) {
  body[data-page="dashboard"] .premium-dollar-card { padding: 19px 13px 15px !important; }
  body[data-page="dashboard"] .dashboard-balance-stat { gap: 6px; padding-left: 5px; padding-right: 5px; }
  body[data-page="dashboard"] .dashboard-balance-stat-icon { flex-basis: 32px; width: 32px; height: 32px; border-radius: 11px; }
  body[data-page="dashboard"] .dashboard-balance-stat-icon svg { width: 20px; height: 20px; }
  body[data-page="dashboard"] .dashboard-balance-stat-copy > span { font-size: 9px !important; }
  body[data-page="dashboard"] .dashboard-balance-stat-copy strong { font-size: 10px !important; }
  body[data-page="dashboard"] .dashboard-shortcut-icon { flex-basis: 53px !important; width: 53px !important; height: 53px !important; }
  body[data-page="dashboard"] .dashboard-action-card { min-height: 96px !important; }
  body[data-page="dashboard"] .dashboard-action-card > span:not(.dashboard-shortcut-icon) { font-size: 12px !important; }
}


/* =========================================================
   PAYRISE LOGIN — REMEMBERED DEVICE + PHONE/EMAIL IDENTIFIER
   Additive login-only styles
   ========================================================= */

body[data-page="login"] .payrise-remember-device{
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0 8px;
  color:var(--muted,#64748b);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}

body[data-page="login"] .payrise-remember-device input{
  width:17px;
  height:17px;
  accent-color:#0b8f55;
  flex:0 0 auto;
}

body[data-page="login"] .payrise-remembered-account{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  margin:0 0 16px;
  border:1px solid rgba(11,143,85,.18);
  border-radius:16px;
  background:linear-gradient(135deg,#f0fff6,#ffffff);
}

body[data-page="login"] .payrise-remembered-avatar{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0b8f55;
  color:#fff;
  font-size:19px;
  font-weight:800;
}

body[data-page="login"] .payrise-remembered-details{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
}

body[data-page="login"] .payrise-remembered-details strong{
  color:#153b2b;
  font-size:14px;
}

body[data-page="login"] .payrise-remembered-details small{
  color:#64756c;
  font-size:12px;
  overflow-wrap:anywhere;
}

body[data-page="login"] .payrise-switch-account{
  border:0;
  background:transparent;
  color:#087b4f;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  padding:6px 2px;
}


/* =========================================================
   INVEST CONFIRMATION — EXISTING PAYRISE MODAL DESIGN
   ========================================================= */

.payrise-investment-confirm .payrise-investment-question{
  margin-top:14px;
  padding:12px;
  border-radius:12px;
  background:rgba(11,143,85,.07);
  color:#183b2b;
  line-height:1.55;
}

.payrise-investment-confirm .popup-actions{
  display:flex;
  gap:10px;
}

.payrise-investment-confirm .popup-actions .btn{
  flex:1;
}


/* =========================================================
   INVEST PAGE — MOBILE/ANDROID SCROLL PAINT STABILITY
   Keep plan cards painted during fast native touch scrolling.
   ========================================================= */

@media(max-width:720px){
  body[data-page="invest"] .main,
  body[data-page="invest"] .container,
  body[data-page="invest"] #body{
    overflow:visible!important;
    transform:none!important;
  }

  body[data-page="invest"] .trade-premium-card{
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    will-change:auto!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
  }

  body[data-page="invest"] .trade-card-glow{
    filter:none!important;
  }
}

/* PAYRISE DASHBOARD — PREMIUM CARD FIT CORRECTION (ONLY) */
body[data-page="dashboard"] .premium-dollar-card {
  padding: 18px 15px 13px !important;
}

body[data-page="dashboard"] .premium-balance-badge {
  margin-bottom: 12px !important;
}

body[data-page="dashboard"] .dashboard-balance-divider {
  margin: 15px 0 11px !important;
}

body[data-page="dashboard"] .dashboard-balance-stats {
  grid-template-columns: 1.08fr .90fr 1.02fr !important;
  align-items: center !important;
  min-width: 0 !important;
}

body[data-page="dashboard"] .dashboard-balance-stat {
  justify-content: flex-start !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  overflow: visible !important;
}

body[data-page="dashboard"] .dashboard-balance-stat-icon {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #285f75 0%, #167b63 58%, #168b55 100%) !important;
  color: #fff !important;
}

body[data-page="dashboard"] .dashboard-balance-stat-icon svg {
  width: 16px !important;
  height: 16px !important;
}

body[data-page="dashboard"] .dashboard-bitcoin-stat-icon {
  font-size: 17px !important;
  line-height: 1 !important;
}

body[data-page="dashboard"] .dashboard-balance-stat-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body[data-page="dashboard"] .dashboard-balance-stat-copy > span {
  display: block !important;
  font-size: clamp(8px, 2.2vw, 9px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.2px !important;
  white-space: nowrap !important;
}

body[data-page="dashboard"] .dashboard-balance-stat-copy strong {
  display: block !important;
  max-width: 100% !important;
  margin-top: 3px !important;
  font-size: clamp(8px, 2.35vw, 9.5px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.45px !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 370px) {
  body[data-page="dashboard"] .premium-dollar-card {
    padding: 16px 11px 11px !important;
  }

  body[data-page="dashboard"] .dashboard-balance-stat {
    gap: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body[data-page="dashboard"] .dashboard-balance-stat-icon {
    flex-basis: 21px !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 7px !important;
  }

  body[data-page="dashboard"] .dashboard-balance-stat-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  body[data-page="dashboard"] .dashboard-bitcoin-stat-icon {
    font-size: 15px !important;
  }

  body[data-page="dashboard"] .dashboard-balance-stat-copy > span {
    font-size: 7.5px !important;
  }

  body[data-page="dashboard"] .dashboard-balance-stat-copy strong {
    font-size: 7.8px !important;
    letter-spacing: -.5px !important;
  }
}



/* =========================================================
   PAYRISE INVESTMENT OVERVIEW — PREMIUM GREEN DESIGN
   Scoped to the Trade/Invest page only.
   ========================================================= */

body[data-page="invest"] .trade-overview-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 24px 24px 18px;
  min-height: 270px;
  border: 1px solid rgba(134, 239, 172, .35);
  border-radius: 27px;
  color: #fff;
  background:
    radial-gradient(ellipse at 82% 12%, rgba(34,197,94,.34), transparent 34%),
    linear-gradient(132deg, #006b38 0%, #00552f 52%, #003d29 100%);
  box-shadow: 0 18px 42px rgba(0, 83, 47, .18), inset 0 1px 0 rgba(255,255,255,.16);
  margin-bottom: 16px;
}

body[data-page="invest"] .trade-overview-waves {
  position: absolute;
  inset: 0 0 auto auto;
  width: 72%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: .28;
}

body[data-page="invest"] .trade-overview-waves path {
  fill: none;
  stroke: #a7f3d0;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

body[data-page="invest"] .trade-overview-heading {
  position: relative;
  z-index: 2;
}

body[data-page="invest"] .trade-overview-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(21px, 4.8vw, 29px);
  font-weight: 900;
  letter-spacing: -.6px;
}

body[data-page="invest"] .trade-overview-heading p {
  margin: 7px 0 0;
  color: rgba(236, 253, 245, .88);
  font-size: 13px;
  line-height: 1.45;
}

body[data-page="invest"] .trade-overview-hero-content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .95fr);
  align-items: end;
  gap: 12px;
  margin-top: 22px;
  min-width: 0;
}

body[data-page="invest"] .trade-overview-primary {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding-bottom: 4px;
}

body[data-page="invest"] .trade-overview-label {
  display: block;
  color: #d1fae5;
  font-size: 14px;
  font-weight: 750;
  margin-bottom: 5px;
}

body[data-page="invest"] #tradeOverviewInvestment {
  display: block;
  color: #fff;
  font-size: clamp(25px, 6vw, 43px);
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -1.2px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body[data-page="invest"] .trade-overview-change {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 8px 13px;
  border-radius: 999px;
  color: #07552e;
  background: #dcfce7;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 5px 14px rgba(0,0,0,.12);
}

body[data-page="invest"] .trade-overview-change small {
  color: #166534;
  font-size: 11px;
  font-weight: 800;
}

body[data-page="invest"] .trade-overview-change-arrow {
  font-size: 19px;
  line-height: 1;
}

body[data-page="invest"] .trade-overview-mini-chart {
  position: relative;
  min-width: 0;
  height: 155px;
  align-self: end;
}

body[data-page="invest"] #tradeOverviewMiniSvg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

body[data-page="invest"] .trade-overview-mini-area {
  fill: url(#tradeOverviewMiniFill);
}

body[data-page="invest"] .trade-overview-mini-line {
  fill: none;
  stroke: url(#tradeOverviewMiniLine);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 13 7;
  animation: tradeOverviewLineFlow 7s linear infinite;
  filter: drop-shadow(0 0 5px rgba(134,239,172,.7));
}

body[data-page="invest"] .trade-overview-mini-point {
  fill: #fff;
  stroke: #22c55e;
  stroke-width: 4;
  filter: drop-shadow(0 0 5px #4ade80);
  animation: tradeOverviewPointPulse 2s ease-in-out infinite;
}

body[data-page="invest"] .trade-overview-chart-icon {
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(220,252,231,.4);
  border-radius: 14px;
  color: #dcfce7;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}

body[data-page="invest"] .trade-overview-chart-icon-svg {
  width: 23px;
  height: 23px;
}

body[data-page="invest"] .trade-overview-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 16px;
}

body[data-page="invest"] .trade-overview-stat-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 92px;
  padding: 13px 12px;
  border: 1px solid #ccebdd;
  border-radius: 20px;
  background: linear-gradient(145deg,#fff 0%,#f4fff8 100%);
  box-shadow: 0 9px 24px rgba(0,90,48,.07), inset 0 1px 0 #fff;
}

body[data-page="invest"] .trade-overview-stat-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg,#20b65b,#08733d);
  box-shadow: 0 5px 12px rgba(13,148,68,.2);
}

body[data-page="invest"] .trade-overview-stat-svg {
  width: 20px;
  height: 20px;
}

body[data-page="invest"] .trade-overview-stat-copy {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

body[data-page="invest"] .trade-overview-stat-copy small {
  color: #52675b;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
}

body[data-page="invest"] .trade-overview-stat-copy strong {
  color: #07552e;
  font-size: clamp(11px, 2.7vw, 15px);
  line-height: 1.15;
  font-weight: 950;
  white-space: nowrap;
  letter-spacing: -.35px;
  font-variant-numeric: tabular-nums;
}

body[data-page="invest"] .trade-performance-card {
  overflow: hidden;
  margin: 0 0 17px;
  padding: 20px 17px 14px;
  border: 1px solid #ccebdd;
  border-radius: 24px;
  background: linear-gradient(160deg,#fff 0%,#fbfffc 100%);
  box-shadow: 0 12px 30px rgba(0,90,48,.08), inset 0 1px 0 #fff;
}

body[data-page="invest"] .trade-performance-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

body[data-page="invest"] .trade-performance-heading h3 {
  margin: 0;
  color: #102b1d;
  font-size: 19px;
  font-weight: 950;
}

body[data-page="invest"] .trade-performance-heading span {
  display: block;
  margin-top: 4px;
  color: #6b8174;
  font-size: 11px;
  font-weight: 650;
}

body[data-page="invest"] .trade-performance-period {
  flex: 0 0 auto;
  padding: 8px 11px;
  border: 1px solid #ccebdd;
  border-radius: 999px;
  color: #07552e !important;
  background: #f5fff8;
  font-size: 11px !important;
  font-weight: 850 !important;
  margin: 0 !important;
}

body[data-page="invest"] .trade-performance-period span {
  display: inline;
  margin: 0 0 0 5px;
  color: #08733d;
}

body[data-page="invest"] .trade-performance-chart-wrap {
  width: 100%;
  overflow: hidden;
}

body[data-page="invest"] #tradeChartSvg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 190px;
  overflow: visible;
}

body[data-page="invest"] .trade-overview-grid-line {
  stroke: #e4f1e9;
  stroke-width: 1.2;
  stroke-dasharray: 3 6;
}

body[data-page="invest"] .trade-overview-axis-label {
  fill: #668072;
  font-size: 15px;
  font-weight: 650;
}

body[data-page="invest"] .trade-overview-day-label {
  fill: #355b45;
  font-size: 16px;
  font-weight: 750;
}

body[data-page="invest"] .trade-performance-area {
  fill: url(#tradePerformanceFill);
}

body[data-page="invest"] .trade-performance-line {
  fill: none;
  stroke: url(#tradePerformanceStroke);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 15 8;
  animation: tradeOverviewLineFlow 8s linear infinite;
  filter: drop-shadow(0 2px 4px rgba(22,163,74,.25));
}

body[data-page="invest"] .trade-overview-point-halo {
  fill: rgba(34,197,94,.13);
  stroke: none;
}

body[data-page="invest"] .trade-overview-point-core {
  fill: #fff;
  stroke: #16a34a;
  stroke-width: 3.5;
}

body[data-page="invest"] .trade-overview-point.is-current .trade-overview-point-core {
  stroke-width: 4.5;
}

body[data-page="invest"] .trade-overview-point.is-current .trade-overview-point-halo {
  animation: tradeOverviewPointPulse 1.8s ease-in-out infinite;
}

body[data-page="invest"] .trade-performance-cursor {
  stroke: #16a34a;
  stroke-width: 1.5;
  stroke-dasharray: 4 6;
  opacity: .45;
}

body[data-page="invest"] .trade-performance-current-ring {
  fill: none;
  stroke: #16a34a;
  stroke-width: 2.5;
  filter: drop-shadow(0 0 4px rgba(22,163,74,.4));
}

body[data-page="invest"] .trade-performance-live-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
  padding-top: 12px;
  border-top: 1px solid #e4f1e9;
  color: #688073;
  font-size: 11px;
  font-weight: 700;
}

body[data-page="invest"] .trade-performance-live-row strong {
  color: #08733d;
  font-size: 13px;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

body[data-page="invest"] .trade-overview-invest-button {
  width: 100%;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 0 0 16px;
  border: 1px solid rgba(134,239,172,.55);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(110deg,#079447,#00552f);
  box-shadow: 0 12px 26px rgba(0,100,50,.2), inset 0 1px 0 rgba(255,255,255,.22);
  font-size: 19px;
  font-weight: 950;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

body[data-page="invest"] .trade-overview-invest-button:active {
  transform: scale(.985);
}

body[data-page="invest"] .trade-overview-invest-plus {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  color: #08733d;
  background: #fff;
  font-size: 27px;
  line-height: 1;
}

body[data-page="invest"] .trade-how-it-works-card {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  margin-bottom: 20px;
  border: 1px solid #d1fae5;
  border-radius: 22px;
  color: #12452b;
  text-decoration: none;
  background: linear-gradient(120deg,#effdf4,#d9fbe5);
  box-shadow: 0 8px 22px rgba(0,90,48,.06);
}

body[data-page="invest"] .trade-how-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #078044;
  background: #c5f5d5;
}

body[data-page="invest"] .trade-how-icon-svg {
  width: 27px;
  height: 27px;
}

body[data-page="invest"] .trade-how-copy {
  flex: 1;
  min-width: 0;
}

body[data-page="invest"] .trade-how-copy strong,
body[data-page="invest"] .trade-how-copy small {
  display: block;
}

body[data-page="invest"] .trade-how-copy strong {
  color: #07552e;
  font-size: 16px;
  font-weight: 950;
}

body[data-page="invest"] .trade-how-copy small {
  margin-top: 4px;
  color: #315b43;
  font-size: 11px;
  line-height: 1.5;
}

body[data-page="invest"] .trade-how-arrow {
  color: #08733d;
  font-size: 29px;
  font-weight: 800;
}

@keyframes tradeOverviewLineFlow {
  to { stroke-dashoffset: -184; }
}

@keyframes tradeOverviewPointPulse {
  0%,100% { opacity: .65; transform: scale(.94); transform-origin: center; }
  50% { opacity: 1; transform: scale(1.12); transform-origin: center; }
}

@media (max-width: 620px) {
  body[data-page="invest"] .trade-overview-card {
    padding: 20px 17px 15px;
    min-height: 0;
  }

  body[data-page="invest"] .trade-overview-hero-content {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 19px;
  }

  body[data-page="invest"] .trade-overview-mini-chart {
    height: 100px;
    margin: -5px 0 -4px 14%;
    opacity: .88;
  }

  body[data-page="invest"] .trade-overview-chart-icon {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
  }

  body[data-page="invest"] .trade-overview-stat-grid {
    gap: 7px;
  }

  body[data-page="invest"] .trade-overview-stat-card {
    min-height: 88px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
    padding: 10px 8px;
    border-radius: 16px;
  }

  body[data-page="invest"] .trade-overview-stat-icon {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
  }

  body[data-page="invest"] .trade-overview-stat-svg {
    width: 16px;
    height: 16px;
  }

  body[data-page="invest"] .trade-overview-stat-copy small {
    font-size: 9px;
  }

  body[data-page="invest"] .trade-overview-stat-copy strong {
    font-size: clamp(9px,2.65vw,12px);
  }

  body[data-page="invest"] .trade-performance-card {
    padding: 16px 10px 12px;
    border-radius: 19px;
  }

  body[data-page="invest"] .trade-performance-heading {
    align-items: center;
  }

  body[data-page="invest"] .trade-performance-heading h3 {
    font-size: 16px;
  }

  body[data-page="invest"] .trade-performance-heading span {
    font-size: 9px;
  }

  body[data-page="invest"] .trade-performance-period {
    padding: 7px 8px;
    font-size: 9px !important;
  }

  body[data-page="invest"] #tradeChartSvg {
    min-height: 165px;
  }

  body[data-page="invest"] .trade-overview-axis-label {
    font-size: 14px;
  }

  body[data-page="invest"] .trade-overview-day-label {
    font-size: 15px;
  }

  body[data-page="invest"] .trade-overview-invest-button {
    min-height: 56px;
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="invest"] .trade-overview-mini-line,
  body[data-page="invest"] .trade-performance-line,
  body[data-page="invest"] .trade-overview-point.is-current .trade-overview-point-halo,
  body[data-page="invest"] .trade-overview-mini-point {
    animation: none !important;
  }
}


/* =========================================================
   DASHBOARD — PREMIUM RECENT TRANSACTIONS CAROUSEL
   ========================================================= */

body[data-page="dashboard"] .premium-dashboard-recent {
  margin: 16px 0;
  padding: 19px;
  border: 1px solid #ccebdd;
  border-radius: 23px;
  background: linear-gradient(145deg,#fff,#f7fff9);
  box-shadow: 0 10px 26px rgba(0,90,48,.07);
}

body[data-page="dashboard"] .premium-dashboard-recent .section-title {
  align-items: center;
  margin-bottom: 15px;
}

body[data-page="dashboard"] .dashboard-recent-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #16834a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .17em;
}

body[data-page="dashboard"] .premium-dashboard-recent .section-title h3 {
  margin: 0;
  color: #173b2a;
  font-size: 18px;
  font-weight: 950;
}

body[data-page="dashboard"] .premium-dashboard-recent .view-all {
  color: #078044;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

body[data-page="dashboard"] .dashboard-recent-carousel {
  min-height: 86px;
  overflow: hidden;
  border: 1px solid #e0f2e7;
  border-radius: 17px;
  background: #fff;
}

body[data-page="dashboard"] .dashboard-recent-slide {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 84px;
  padding: 13px;
  animation: dashboardRecentSlideIn .55s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes dashboardRecentSlideIn {
  from { opacity: 0; transform: translateX(-32px); }
  to { opacity: 1; transform: translateX(0); }
}

body[data-page="dashboard"] .dashboard-recent-icon {
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg,#20b65b,#08733d);
  box-shadow: 0 5px 13px rgba(13,148,68,.18);
}

body[data-page="dashboard"] .dashboard-recent-icon-svg {
  width: 21px;
  height: 21px;
}

body[data-page="dashboard"] .dashboard-recent-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

body[data-page="dashboard"] .dashboard-recent-copy strong {
  color: #183d2b;
  font-size: 13px;
  font-weight: 900;
}

body[data-page="dashboard"] .dashboard-recent-copy small {
  overflow: hidden;
  color: #6b8174;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="dashboard"] .dashboard-recent-copy .dashboard-recent-date {
  color: #16834a;
  font-size: 9px;
  font-weight: 700;
}

body[data-page="dashboard"] .dashboard-recent-amount {
  flex: 0 0 auto;
  color: #08733d;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body[data-page="dashboard"] .dashboard-recent-empty {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  color: #537363;
  text-align: center;
}

body[data-page="dashboard"] .dashboard-recent-empty-icon {
  color: #16834a;
}

body[data-page="dashboard"] .dashboard-recent-empty-icon svg {
  width: 22px;
  height: 22px;
}

body[data-page="dashboard"] .dashboard-recent-empty strong {
  color: #244b35;
  font-size: 12px;
}

body[data-page="dashboard"] .dashboard-recent-empty small {
  font-size: 10px;
}


/* =========================================================
   WITHDRAWAL — VERTICAL FEE / TOTAL DEBIT PREVIEW
   ========================================================= */

body[data-page="withdraw"] .withdraw-cost-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  color: #52675b;
  font-size: 13px;
}

body[data-page="withdraw"] .withdraw-cost-line strong {
  color: #174a2d;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

body[data-page="withdraw"] .withdraw-cost-total {
  margin-top: 2px;
  padding-top: 11px;
  border-top: 1px solid #d9eee1;
  color: #173b2a;
  font-weight: 900;
}

body[data-page="withdraw"] .withdraw-cost-total strong {
  color: #08733d;
  font-size: 15px;
  font-weight: 950;
}


/* =========================================================
   INVESTMENT HOW-IT-WORKS PAGE
   ========================================================= */

body[data-page="investment-how-it-works"] .investment-how-page {
  max-width: 820px;
  margin: 0 auto;
  padding-bottom: 24px;
}

body[data-page="investment-how-it-works"] .investment-how-hero {
  padding: 25px;
  margin-bottom: 15px;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(135deg,#087a40,#00482c);
  box-shadow: 0 14px 32px rgba(0,90,48,.16);
}

body[data-page="investment-how-it-works"] .investment-how-mark {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 17px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 17px;
  color: #fff;
  background: rgba(255,255,255,.13);
}

body[data-page="investment-how-it-works"] .investment-how-hero-icon {
  width: 28px;
  height: 28px;
}

body[data-page="investment-how-it-works"] .investment-how-eyebrow {
  color: #bbf7d0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

body[data-page="investment-how-it-works"] .investment-how-hero h2 {
  margin: 8px 0;
  color: #fff;
  font-size: 25px;
  font-weight: 950;
}

body[data-page="investment-how-it-works"] .investment-how-hero p {
  margin: 0;
  color: #e3fbea;
  font-size: 13px;
  line-height: 1.6;
}

body[data-page="investment-how-it-works"] .investment-how-card {
  display: flex;
  gap: 14px;
  padding: 18px;
  margin-bottom: 11px;
  border: 1px solid #d8eee1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 17px rgba(0,90,48,.045);
}

body[data-page="investment-how-it-works"] .investment-how-step {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #08733d;
  background: #dcfce7;
  font-size: 12px;
  font-weight: 950;
}

body[data-page="investment-how-it-works"] .investment-how-card h3 {
  margin: 0 0 6px;
  color: #16452b;
  font-size: 15px;
  font-weight: 900;
}

body[data-page="investment-how-it-works"] .investment-how-card p {
  margin: 0;
  color: #5c7465;
  font-size: 12px;
  line-height: 1.65;
}

body[data-page="investment-how-it-works"] .investment-how-notice {
  padding: 17px;
  margin: 15px 0;
  border: 1px solid #f0dfb2;
  border-radius: 17px;
  background: #fffdf4;
}

body[data-page="investment-how-it-works"] .investment-how-notice strong {
  color: #765316;
  font-size: 13px;
  font-weight: 950;
}

body[data-page="investment-how-it-works"] .investment-how-notice p {
  margin: 6px 0 0;
  color: #786b4c;
  font-size: 11px;
  line-height: 1.6;
}

body[data-page="investment-how-it-works"] .investment-how-back {
  display: block;
  padding: 15px;
  border-radius: 999px;
  color: #fff;
  background: #087a40;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
}



/* =========================================================
   INVEST PAGE — COMPACT SLIM PRESENTATION
   Scoped to Invest only; existing server/data logic untouched.
   ========================================================= */
body[data-page="invest"] .main,
body[data-page="invest"] .container {
  background: #f0fbf4;
}
body[data-page="invest"] .trade-overview-card {
  min-height: 0;
  padding: 14px 15px 11px;
  margin-bottom: 9px;
  border-radius: 17px;
  box-shadow: 0 7px 18px rgba(0,83,47,.11), inset 0 1px 0 rgba(255,255,255,.16);
}
body[data-page="invest"] .trade-overview-heading h2 {
  font-size: clamp(16px, 3.7vw, 21px);
  letter-spacing: -.35px;
}
body[data-page="invest"] .trade-overview-heading p {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.3;
}
body[data-page="invest"] .trade-overview-hero-content {
  grid-template-columns: minmax(0, .95fr) minmax(125px, 1.05fr);
  gap: 7px;
  margin-top: 10px;
}
body[data-page="invest"] .trade-overview-label {
  font-size: 10px;
  margin-bottom: 3px;
}
body[data-page="invest"] #tradeOverviewCurrentValue {
  display: block;
  color: #fff;
  font-size: clamp(19px, 4.7vw, 29px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.7px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
body[data-page="invest"] .trade-overview-change {
  gap: 5px;
  margin-top: 7px;
  padding: 5px 8px;
  font-size: 10px;
  box-shadow: 0 3px 9px rgba(0,0,0,.1);
}
body[data-page="invest"] .trade-overview-change-arrow {
  font-size: 14px;
}
body[data-page="invest"] .trade-overview-change small {
  font-size: 9px;
}
body[data-page="invest"] .trade-overview-mini-chart {
  height: 84px;
}
body[data-page="invest"] .trade-overview-chart-icon {
  width: 27px;
  height: 27px;
  top: -3px;
  border-radius: 9px;
}
body[data-page="invest"] .trade-overview-chart-icon-svg {
  width: 16px;
  height: 16px;
}
body[data-page="invest"] .trade-overview-mini-line {
  stroke-width: 3;
}
body[data-page="invest"] .trade-overview-mini-point {
  stroke-width: 3;
}
body[data-page="invest"] .trade-overview-stat-grid {
  gap: 6px;
  margin: 0 0 9px;
}
body[data-page="invest"] .trade-overview-stat-card {
  min-height: 56px;
  padding: 7px 7px;
  gap: 6px;
  border-radius: 11px;
  box-shadow: 0 3px 9px rgba(0,90,48,.05);
}
body[data-page="invest"] .trade-overview-stat-icon {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  box-shadow: none;
}
body[data-page="invest"] .trade-overview-stat-svg {
  width: 14px;
  height: 14px;
}
body[data-page="invest"] .trade-overview-stat-copy {
  gap: 3px;
}
body[data-page="invest"] .trade-overview-stat-copy small {
  font-size: 8px;
  line-height: 1.15;
}
body[data-page="invest"] .trade-overview-stat-copy strong {
  font-size: clamp(9px, 2.25vw, 12px);
  letter-spacing: -.2px;
}
body[data-page="invest"] .trade-performance-card {
  margin: 0 0 9px;
  padding: 11px 10px 8px;
  border-radius: 14px;
  box-shadow: 0 5px 14px rgba(0,90,48,.055);
}
body[data-page="invest"] .trade-performance-heading {
  align-items: center;
  margin-bottom: 5px;
  gap: 6px;
}
body[data-page="invest"] .trade-performance-heading h3 {
  font-size: 14px;
}
body[data-page="invest"] .trade-performance-heading span {
  margin-top: 2px;
  font-size: 8px;
}
body[data-page="invest"] .trade-performance-period {
  padding: 5px 7px;
  font-size: 8px !important;
}
body[data-page="invest"] #tradeChartSvg {
  min-height: 112px;
}
body[data-page="invest"] .trade-overview-axis-label {
  font-size: 13px;
}
body[data-page="invest"] .trade-overview-day-label {
  font-size: 14px;
}
body[data-page="invest"] .trade-performance-line {
  stroke-width: 4;
  stroke-dasharray: 10 5;
}
body[data-page="invest"] .trade-performance-live-row {
  margin-top: 1px;
  padding-top: 6px;
  font-size: 8px;
}
body[data-page="invest"] .trade-performance-live-row strong {
  font-size: 10px;
}
body[data-page="invest"] .trade-overview-invest-button {
  min-height: 43px;
  gap: 8px;
  margin: 0 0 9px;
  border-radius: 12px;
  font-size: 14px;
  box-shadow: 0 6px 13px rgba(0,100,50,.12);
}
body[data-page="invest"] .trade-overview-invest-plus {
  width: 23px;
  height: 23px;
  font-size: 19px;
}
body[data-page="invest"] .trade-how-it-works-card {
  gap: 8px;
  padding: 9px 10px;
  margin-bottom: 12px;
  border-radius: 13px;
  box-shadow: none;
}
body[data-page="invest"] .trade-how-icon {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
}
body[data-page="invest"] .trade-how-icon-svg {
  width: 18px;
  height: 18px;
}
body[data-page="invest"] .trade-how-copy strong {
  font-size: 12px;
}
body[data-page="invest"] .trade-how-copy small {
  margin-top: 2px;
  font-size: 8px;
  line-height: 1.3;
}
body[data-page="invest"] .trade-how-arrow {
  font-size: 21px;
}
body[data-page="invest"] .trade-plan-grid {
  gap: 8px;
}
body[data-page="invest"] .trade-premium-card,
body[data-page="invest"] .trade-plan-card {
  padding: 11px;
  border-radius: 13px;
}
body[data-page="invest"] .trade-plan-name h3 {
  font-size: 13px;
}
body[data-page="invest"] .trade-plan-name small,
body[data-page="invest"] .trade-card-number {
  font-size: 8px;
}
body[data-page="invest"] .trade-amount-card {
  margin-top: 8px;
  padding: 8px;
}
body[data-page="invest"] .trade-amount-card strong {
  font-size: 15px;
}
body[data-page="invest"] .trade-premium-meta {
  gap: 5px;
  margin-top: 7px;
}
body[data-page="invest"] .trade-meta-card {
  padding: 6px;
  border-radius: 8px;
}
body[data-page="invest"] .trade-meta-card b {
  font-size: 11px;
}
body[data-page="invest"] .trade-meta-card small {
  font-size: 7px;
}
body[data-page="invest"] .trade-premium-btn,
body[data-page="invest"] .invest-btn {
  min-height: 35px;
  padding: 7px 9px;
  border-radius: 9px;
  font-size: 11px;
}
body[data-page="invest"] .my-trades-shell {
  margin-top: 10px !important;
  padding: 11px;
  border-radius: 13px;
}
body[data-page="invest"] .my-trade-card {
  border-radius: 12px;
}
@media (max-width: 520px) {
  body[data-page="invest"] .trade-overview-card {
    padding: 12px 12px 9px;
  }
  body[data-page="invest"] .trade-overview-hero-content {
    grid-template-columns: minmax(0, 1fr) minmax(112px, .9fr);
  }
  body[data-page="invest"] .trade-overview-stat-card {
    min-height: 52px;
    padding: 6px 5px;
    gap: 5px;
  }
  body[data-page="invest"] .trade-overview-stat-icon {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
  }
  body[data-page="invest"] .trade-overview-stat-copy strong {
    font-size: 9px;
  }
  body[data-page="invest"] #tradeChartSvg {
    min-height: 100px;
  }
  body[data-page="invest"] .trade-plan-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* Flowing dashed highlight layered over the live zigzag curve. */
body[data-page="invest"] .trade-overview-mini-flow,
body[data-page="invest"] .trade-performance-flow {
  fill: none;
  stroke: rgba(255,255,255,.88);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 3 11;
  animation: payriseZigzagFlow 2.8s linear infinite;
  pointer-events: none;
  filter: drop-shadow(0 0 3px rgba(34,197,94,.7));
}
body[data-page="invest"] .trade-performance-flow {
  stroke: #eaffef;
  stroke-width: 2.2;
  stroke-dasharray: 4 12;
}
@keyframes payriseZigzagFlow {
  to { stroke-dashoffset: -120; }
}

/* Light-green canvas backgrounds only for the requested pages. */
body[data-page="transactions"] .main,
body[data-page="transactions"] .container {
  background: #effbf3;
}
body[data-page="transactions"] .transaction-history-shell {
  background: #effbf3;
}


/* PayRise master update: restore full-width vertical investment plan rows. */
body[data-page="invest"] .trade-premium-card,
body[data-page="invest"] .trade-plan-card{width:100%;max-width:100%;grid-column:1 / -1;display:block;box-sizing:border-box;margin:0 0 18px}
body[data-page="invest"] .trade-premium-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-page="invest"] .trade-overview-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-page="invest"] .trade-how-it-works-card{min-height:112px;padding:24px 22px;gap:18px;border-radius:20px}
body[data-page="invest"] .trade-how-icon{width:58px;height:58px;min-width:58px}
body[data-page="invest"] .trade-how-copy strong{font-size:19px}
body[data-page="invest"] .trade-how-copy small{font-size:14px;line-height:1.6}
.dashboard-referral-credit-float{position:fixed;z-index:40;right:18px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border:2px solid #fff;border-radius:50%;background:#087b4f;color:#fff;box-shadow:0 5px 20px #073b2440;font-size:18px;font-weight:900;cursor:pointer;display:grid;place-items:center}
.dashboard-referral-credit-float.is-disabled{background:#66756d}
@media(max-width:640px){body[data-page="invest"] .trade-premium-meta{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="invest"] .trade-overview-stat-grid{grid-template-columns:1fr}.dashboard-referral-credit-float{right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}


/* Consolidated PayRise master implementation updates */
body[data-page="invest"] .trade-plan-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
body[data-page="invest"] .trade-premium-card,body[data-page="invest"] .trade-plan-card{grid-column:1/-1!important;width:100%!important;max-width:none!important;padding:22px!important;border-radius:22px!important;margin:0 0 18px!important}
body[data-page="invest"] .trade-plan-name h3{font-size:clamp(18px,2vw,23px)!important}
body[data-page="invest"] .trade-amount-card{padding:18px!important;margin-top:14px!important}
body[data-page="invest"] .trade-amount-card strong{font-size:clamp(24px,3vw,32px)!important}
body[data-page="invest"] .trade-premium-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important}
body[data-page="invest"] .trade-meta-card{padding:14px!important;border-radius:14px!important}
body[data-page="invest"] .trade-meta-card b{font-size:clamp(14px,1.8vw,18px)!important}
body[data-page="invest"] .trade-meta-card small{font-size:11px!important}
body[data-page="invest"] .trade-plan-actions{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(180px,1.3fr);gap:10px;margin-top:16px}
body[data-page="invest"] .trade-plan-actions .btn{min-height:48px}
body[data-page="invest"] .trade-how-it-works-card{min-height:116px;padding:24px!important;gap:18px}
body[data-page="invest"] .trade-how-icon{width:58px;height:58px;min-width:58px}
body[data-page="invest"] .trade-how-copy strong{font-size:19px!important}
body[data-page="invest"] .trade-how-copy small{font-size:14px!important;line-height:1.6!important}
.plan-view-details p{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e8eee9;margin:0}.plan-view-details p span{color:#617067}.plan-view-details p strong{text-align:right}
.partnership-referral-progress-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7eee9}.partnership-referral-progress-item>div{display:grid;gap:4px}.partnership-referral-progress-item small{color:#65736b;font-size:12px}
.dashboard-referral-credit-float{position:fixed;z-index:40;right:18px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border:2px solid #fff;border-radius:50%;background:#087b4f;color:#fff;box-shadow:0 5px 20px #073b2440;font-size:18px;font-weight:900;cursor:pointer;display:grid;place-items:center}
.dashboard-referral-credit-float.is-disabled{background:#66756d}
@media(max-width:720px){body[data-page="invest"] .trade-premium-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page="invest"] .trade-plan-actions{grid-template-columns:1fr 1.4fr}body[data-page="invest"] .trade-premium-card,body[data-page="invest"] .trade-plan-card{padding:16px!important}.dashboard-referral-credit-float{right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}

.unconfirmed-financial-banner{margin:0 0 16px;padding:16px;border:1px solid #f1d6a5;background:#fffaf0}.unconfirmed-financial-banner strong{display:block;color:#80510b}.unconfirmed-financial-banner .btn{margin-top:8px}
.referral-withdrawal-credit-card .partnership-stats-grid{margin:16px 0}.referral-withdrawal-credit-card .partnership-stats-grid>div{padding:13px;border-radius:14px;background:#f6faf7}

.admin-device-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-device-title-row .badge{white-space:nowrap}