@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--bg: #FAF9F6;--surface: #FFFFFF;--surface-hover: #E6EAE9;--surface-alt: #FAF9F6;--border: #E6EAE9;--border-hover: #CCD5D3;--border-light: #EEF1F0;--brand-green: #002C22;--green-hover: #0A3A2E;--green-dark: #00201A;--gold: #AF8A43;--gold-hover: #C09B52;--gold-dark: #8F6F33;--primary: #002C22;--primary-hover: #0A3A2E;--on-primary: #FFFFFF;--green-10: #E6EAE9;--green-20: #CCD5D3;--gold-15: #F3EDE3;--gold-30: #E7DCC7;--heading: #002C22;--text: #1A1A1A;--muted: #5B5B54;--text-disabled: #9C9C97;--success: #1F9D57;--danger: #D64535;--warning: #C9820A;--info: #2E7CB8;--purple: #7C5BD9;--success-bg: #E8F8F0;--danger-bg: #FDE8E8;--warning-bg: #FDF0E0;--info-bg: #E8F0FD;--purple-bg: #EDE9FE;--green: var(--success);--green-bg: var(--success-bg);--red: var(--danger);--red-bg: var(--danger-bg);--amber: var(--warning);--amber-bg: var(--warning-bg);--blue: var(--info);--blue-bg: var(--info-bg);--radius: 8px;--shadow: 0 1px 3px rgba(0,44,34,.08), 0 1px 2px rgba(0,44,34,.05);--shadow-md: 0 4px 6px -1px rgba(0,44,34,.1), 0 2px 4px -1px rgba(0,44,34,.06)}[data-theme=dark]{--bg: #00201A;--surface: #002C22;--surface-hover: #0A3A2E;--surface-alt: #063528;--border: #14453A;--border-hover: #1F5648;--border-light: #0F3B30;--primary: #AF8A43;--primary-hover: #C09B52;--on-primary: #00201A;--green-10: #0A3A2E;--green-20: #14453A;--gold-15: #2A2213;--gold-30: #3B2F1A;--heading: #F5F5F5;--text: #F5F5F5;--muted: #A9B5B0;--text-disabled: #5B6B64;--success: #2ECC71;--danger: #E74C3C;--warning: #F39C12;--info: #3498DB;--purple: #A78BFA;--success-bg: #0D2B1A;--danger-bg: #2B0D0D;--warning-bg: #2B1D0D;--info-bg: #0D1A2B;--purple-bg: #1F1430;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.45), 0 2px 4px -1px rgba(0,0,0,.3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}html,body{overflow-x:hidden;max-width:100%;overscroll-behavior-x:none}input,select,textarea{font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}html[dir=rtl] body{font-family:Cairo,system-ui,sans-serif}html[dir=ltr] body,html body{font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,system-ui,sans-serif;color:var(--heading)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6{font-family:Cairo,system-ui,sans-serif}[data-theme=dark] img[alt=TYNDILL]{content:url(/portal/logo-white.png)}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline;color:var(--gold-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:2.5rem 2rem;width:100%;max-width:420px}.logo{text-align:center;margin-bottom:1.75rem}.logo-img{width:80px;height:80px;object-fit:contain;margin:0 auto .5rem;display:block}.logo h1{font-size:1.25rem;font-weight:800;letter-spacing:.05em;color:var(--heading)}.logo p{font-size:.8rem;color:var(--muted);margin-top:.15rem}h2{font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;color:var(--heading)}.alert{padding:.7rem 1rem;border-radius:6px;font-size:.8125rem;margin-bottom:1rem;line-height:1.55;border:1px solid}.alert-error{background:var(--danger-bg);color:var(--danger);border-color:#e74c3c66}.alert-success{background:var(--success-bg);color:var(--success);border-color:#2ecc7166}.alert-info{background:var(--info-bg);color:var(--info);border-color:#3498db66}.alert-warn{background:var(--warning-bg);color:var(--warning);border-color:#f39c1266}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.form-group input,.form-group select{width:100%;padding:.5625rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;color:var(--text);background:var(--surface-alt);outline:none;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:var(--text-disabled)}.agree-row{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted);line-height:1.5}.agree-row input[type=checkbox]{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--gold);flex-shrink:0;cursor:pointer}.agree-row a{color:var(--gold);font-weight:600}.pw-wrap{position:relative}.pw-wrap input{padding-inline-end:2.6rem}.pw-toggle{position:absolute;inset-block:0;inset-inline-end:.5rem;display:flex;align-items:center;background:none;border:none;padding:0 .25rem;color:var(--text-muted);cursor:pointer}.pw-toggle:hover{color:var(--text)}.form-group input:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #af8a432e}.hint{font-size:.75rem;color:var(--muted);margin-top:.3rem}.otp-input{text-align:center!important;font-size:1.5rem!important;font-weight:700;letter-spacing:.5rem}.btn{display:block;width:100%;padding:.625rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-outline:hover:not(:disabled){background:#af8a431f}.link-row{text-align:center;font-size:.8125rem;color:var(--muted)}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.portal-layout{min-height:100vh;background:var(--bg)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:env(safe-area-inset-top) max(2rem,env(safe-area-inset-right)) 0 max(2rem,env(safe-area-inset-left));height:calc(56px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar-brand{display:flex;align-items:center;gap:.6rem}.topbar-brand .logo-img{width:34px;height:34px;margin:0}.topbar-brand-name{font-weight:800;font-size:.9375rem;letter-spacing:.04em;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-username{font-size:.8125rem;color:var(--muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-icon-btn{width:38px;height:38px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--gold);cursor:pointer;transition:background .12s,border-color .12s}.topbar-icon-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.topbar-icon-btn svg{width:18px;height:18px}.topbar-lang-btn{height:38px;padding:0 .7rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--gold);cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap}.topbar-lang-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.notif-bell{position:relative}.notif-badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;border-radius:99px;font-size:.6rem;font-weight:800;line-height:16px;text-align:center;border:2px solid var(--surface)}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.notif-panel{position:fixed;z-index:41;top:calc(62px + env(safe-area-inset-top));inset-inline-end:8px;width:min(360px,calc(100vw - 16px));max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md)}.notif-head{padding:.85rem 1.1rem;position:sticky;top:0;z-index:1;font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:.95rem;color:var(--heading);background:var(--surface);border-bottom:1px solid var(--border)}html[dir=rtl] .notif-head{font-family:Cairo,system-ui,sans-serif}.notif-empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.85rem}.notif-list{display:flex;flex-direction:column}.notif-item{display:block;width:100%;text-align:start;cursor:default;padding:.8rem 1.1rem;border:none;border-bottom:1px solid var(--border-light);background:var(--surface);color:var(--text)}.notif-item.clickable{cursor:pointer}.notif-item.clickable:hover{background:var(--surface-hover)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:var(--gold-15)}.notif-item-title{font-size:.88rem;font-weight:600;color:var(--heading);line-height:1.35}.notif-item-time{font-size:.72rem;color:var(--muted);margin-top:.2rem}@media (max-width: 767px){.topbar-username{display:none}}.btn-sm{display:inline-block;width:auto;padding:.375rem .875rem;font-size:.8125rem}.portal-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.portal-section{margin-bottom:2rem}.section-heading{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.875rem}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.balance-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:var(--radius);padding:1.25rem 1.1rem;box-shadow:var(--shadow)}.balance-label{font-size:.75rem;color:var(--muted);font-weight:500;margin-bottom:.4rem}.balance-amount{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--text)}.balance-currency{font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-right:.3rem;opacity:.8}.history-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.history-table{width:100%;border-collapse:collapse;font-size:.8125rem}.history-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-alt);border-bottom:1px solid var(--border)}.history-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text)}.history-table tr:last-child td{border-bottom:none}.history-table tbody tr:hover td{background:var(--surface-hover)}.type-badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.type-deposit{background:var(--success-bg);color:var(--success)}.type-withdrawal{background:var(--danger-bg);color:var(--danger)}.type-credit{background:var(--purple-bg);color:var(--purple)}.type-repayment{background:var(--warning-bg);color:var(--warning)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.pagination-btns{display:flex;gap:.5rem}.pagination-btn{padding:.3rem .75rem;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-size:.8rem;cursor:pointer;color:var(--text);width:auto;transition:background .1s}.pagination-btn:hover:not(:disabled){background:var(--surface-hover)}.pagination-btn:disabled{opacity:.4;cursor:default}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:.875rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.875rem;background:var(--bg)}.topbar-nav{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.35rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--muted);transition:background .1s,color .1s;text-decoration:none}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link-active{background:var(--surface-hover);color:var(--gold);font-weight:600}.lang-toggle{font-size:.75rem;padding:.3rem .7rem}.direction-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}.direction-tab{padding:.35rem .875rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.8rem;font-weight:500;cursor:pointer;color:var(--muted);transition:background .1s,color .1s;width:auto}.direction-tab:hover:not(.active){background:var(--surface-hover)}.direction-tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.dir-badge{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-size:.7rem;font-weight:600;white-space:nowrap}.dir-inbound{background:var(--info-bg);color:var(--info)}.dir-outbound{background:var(--purple-bg);color:var(--purple)}.status-badge{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-size:.7rem;font-weight:600;white-space:nowrap}.status-pending{background:var(--warning-bg);color:var(--warning)}.status-processing,.status-approved{background:var(--info-bg);color:var(--info)}.status-processed{background:var(--success-bg);color:var(--success)}.status-stopped{background:var(--danger-bg);color:var(--danger)}.status-refunded{background:var(--warning-bg);color:var(--warning)}.history-table tbody tr.clickable{cursor:pointer}.history-table tbody tr.clickable:hover td{background:var(--surface-hover)}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.detail-row{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-light);font-size:.8125rem}.detail-row:last-child{border-bottom:none}.detail-label{flex:0 0 160px;font-weight:600;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.detail-value{color:var(--text);flex:1}.detail-amount{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--muted);margin-bottom:1.25rem;cursor:pointer;background:none;border:none;padding:0}.back-link:hover{color:var(--gold)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--heading);cursor:pointer;margin-bottom:1.25rem;padding:0;transition:background .15s,border-color .15s,color .15s}.back-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--gold)}.back-btn svg{width:20px;height:20px}[dir=rtl] .back-btn svg{transform:scaleX(-1)}.page-header{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem}.page-header .back-btn{margin-bottom:0}.page-header-title{font-family:Poppins,system-ui,sans-serif;font-size:1.35rem;font-weight:700;color:var(--heading);line-height:1.2;margin:0}html[dir=rtl] .page-header-title{font-family:Cairo,system-ui,sans-serif}[dir=rtl] .page-header{flex-direction:row-reverse;text-align:right}.send-success-anim{display:block;width:128px;height:128px;object-fit:contain;margin:0 auto .6rem}.track-search{display:flex;gap:.5rem;margin-bottom:1.25rem}.track-input{flex:1;min-width:0;font-size:1rem;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-variant-numeric:tabular-nums;font-family:ui-monospace,Roboto Mono,Menlo,Consolas,monospace;letter-spacing:.02em}.track-row-ref,.ref-hero-label{font-family:ui-monospace,Roboto Mono,Menlo,Consolas,monospace;letter-spacing:.02em}.track-input:focus{outline:none;border-color:var(--gold)}.track-btn{flex:0 0 auto;padding:0 1.15rem;border-radius:10px;border:none;background:var(--primary);color:var(--on-primary);font-weight:600;cursor:pointer}.track-btn:hover{background:var(--primary-hover)}.track-btn:disabled{opacity:.6;cursor:default}.track-empty{color:var(--muted);padding:.5rem 0 1rem;font-size:.9rem}.track-another{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;background:none;border:none;padding:0;cursor:pointer;color:var(--muted);font-size:.85rem}.track-another:hover{color:var(--gold)}.track-list{display:flex;flex-direction:column;gap:.6rem}.track-row{text-align:start;width:100%;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s}.track-row:hover{border-color:var(--gold)}.track-row-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.track-row-ref{font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}.track-row-amt{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.track-details-link{display:inline-block;margin:1rem 0;color:var(--gold);font-weight:600;font-size:.9rem}[dir=rtl] .track-row{text-align:right}.profile-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-avatar-wrap{position:relative;width:64px;height:64px;flex:0 0 auto}.profile-avatar{width:64px;height:64px;border-radius:99px;flex:0 0 auto;background:var(--brand-green);color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:1.35rem}[data-theme=dark] .profile-avatar{background:var(--gold);color:#00201a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-edit{position:absolute;bottom:-2px;inset-inline-end:-2px;width:26px;height:26px;border-radius:99px;padding:0;border:2px solid var(--surface);background:var(--gold);color:#00201a;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-edit:hover{background:var(--gold-hover)}.avatar-edit:disabled{opacity:.6;cursor:default}.avatar-edit svg{width:14px;height:14px}.home-avatar{overflow:hidden}.home-avatar img{width:100%;height:100%;object-fit:cover}.profile-id{min-width:0}.profile-name{font-family:Poppins,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:var(--heading);line-height:1.2}html[dir=rtl] .profile-name{font-family:Cairo,system-ui,sans-serif}.profile-phone{font-size:.85rem;color:var(--muted);margin-top:.15rem;font-variant-numeric:tabular-nums}.profile-verified{display:inline-block;margin-top:.4rem;background:var(--success-bg);color:var(--success);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.18rem .55rem;border-radius:99px}[dir=rtl] .profile-hero{flex-direction:row-reverse;text-align:right}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem 2rem;max-width:540px}.readonly-note{font-size:.75rem;color:var(--muted);margin-bottom:1.25rem;padding:.6rem .875rem;background:var(--surface-alt);border-radius:6px;border:1px solid var(--border)}[dir=rtl] .topbar-nav,[dir=rtl] .topbar-brand,[dir=rtl] .topbar-right,[dir=rtl] .direction-tabs{flex-direction:row-reverse}[dir=rtl] .form-group label,[dir=rtl] .history-table td,[dir=rtl] .history-table th,[dir=rtl] .balance-card{text-align:right}[dir=rtl] .detail-row{flex-direction:row-reverse}[dir=rtl] .detail-label{text-align:right}[dir=rtl] .back-link{flex-direction:row-reverse}[dir=rtl] .section-heading{text-align:right}[dir=rtl] .pagination{flex-direction:row-reverse}@media (max-width: 640px){.balance-grid,.grid-2{grid-template-columns:1fr}.topbar{padding:env(safe-area-inset-top) max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left))}.portal-main{padding:1.5rem 1rem}.card{padding:2rem 1.25rem}}.splash{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(clamp(2rem,8vh,4.5rem),calc(env(safe-area-inset-top) + 1.25rem)) 1.75rem calc(2.25rem + env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 0%,#0a3a2e,#002c22 55%,#00201a);color:#fff;text-align:center;position:relative;overflow:hidden}.splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,rgba(175,138,67,.14),transparent 70%) 20% 18%/45% 45% no-repeat,radial-gradient(closest-side,rgba(175,138,67,.1),transparent 70%) 85% 80%/40% 40% no-repeat;pointer-events:none}.splash-top{flex:0 0 auto;padding-top:.5rem;z-index:1}.splash-mid{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.splash-logo{width:96px;height:96px;object-fit:contain;margin-bottom:2rem}.splash h1{font-family:Poppins,system-ui,sans-serif;color:#fff;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.12;font-weight:700;letter-spacing:-.01em;text-wrap:balance;max-width:12ch}html[dir=rtl] .splash h1{font-family:Cairo,system-ui,sans-serif}.splash-sub{color:#ffffffb8;font-size:.95rem;line-height:1.55;margin-top:1.1rem;max-width:30ch}.splash-dots{display:flex;gap:.4rem;justify-content:center;margin-top:1.75rem}.splash-dot{width:7px;height:7px;border-radius:99px;background:#ffffff40}.splash-dot.on{width:20px;background:var(--gold)}.splash-cta{z-index:1;width:100%;max-width:420px;background:var(--gold);color:#00201a;font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:1rem;border:none;border-radius:14px;padding:1rem 1.25rem;cursor:pointer;transition:background .15s,transform .1s}.splash-cta:hover{background:var(--gold-hover)}.splash-cta:active{transform:translateY(1px)}.splash-skip{position:absolute;top:calc(1.25rem + env(safe-area-inset-top));inset-inline-end:1.5rem;color:#ffffffb3;font-size:.85rem;background:none;border:none;cursor:pointer;z-index:2}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:none;background:var(--surface);border-top:1px solid var(--border);padding:.4rem max(.5rem,env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));box-shadow:0 -2px 12px #002c220f}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;color:var(--muted);font-size:.68rem;font-weight:600;text-decoration:none;border-radius:10px;transition:color .12s}.bottom-tab svg{width:22px;height:22px}.bottom-tab.active{color:var(--primary)}[data-theme=dark] .bottom-tab.active{color:var(--gold)}.bottom-tab:hover{text-decoration:none}.home-greet{margin-bottom:1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-greet-hello{font-size:.85rem;color:var(--muted)}.home-greet-name{font-family:Poppins,system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:var(--heading)}.home-avatar{width:42px;height:42px;border-radius:99px;flex:0 0 auto;background:var(--brand-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.balance-hero{background:linear-gradient(150deg,#0a3a2e,#002c22 70%);border-radius:18px;padding:1.4rem 1.5rem 1.5rem;color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.balance-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,rgba(175,138,67,.18),transparent 72%) 88% 15%/55% 130% no-repeat;pointer-events:none}.balance-hero-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.balance-hero-amount{font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.9rem,8vw,2.4rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;position:relative;z-index:1}.balance-hero-amount .cur{font-size:.55em;font-weight:600;opacity:.85;margin-inline-start:.35rem}.balance-hero-sub{display:flex;gap:1.25rem;margin-top:.9rem;position:relative;z-index:1}.balance-hero-sub .k{font-size:.66rem;color:#fff9;text-transform:uppercase;letter-spacing:.06em}.balance-hero-sub .v{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.balance-hero-actions{display:flex;gap:.6rem;margin-top:1.2rem;position:relative;z-index:1}.hero-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;text-decoration:none;transition:background .12s}.hero-btn svg{width:16px;height:16px}.hero-btn:hover{background:#ffffff24;text-decoration:none}.hero-btn.gold{background:var(--gold);border-color:var(--gold);color:#00201a}.hero-btn.gold:hover{background:var(--gold-hover)}.quick-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.25rem 0 .5rem}.quick-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .4rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:.72rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .12s,transform .08s}.quick-tile:hover{border-color:var(--gold);text-decoration:none}.quick-tile:active{transform:translateY(1px)}.quick-tile-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gold-15);color:var(--brand-green)}[data-theme=dark] .quick-tile-ic{color:var(--gold)}.quick-tile-ic svg{width:22px;height:22px}.transfer-list{display:flex;flex-direction:column}.transfer-row{display:flex;align-items:center;gap:.85rem;padding:.85rem .25rem;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text);cursor:pointer}.transfer-row:last-child{border-bottom:none}.transfer-row:hover{text-decoration:none}.transfer-ic{width:40px;height:40px;border-radius:99px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border);color:var(--brand-green)}[data-theme=dark] .transfer-ic{color:var(--gold)}.transfer-ic svg{width:18px;height:18px}.transfer-meta{flex:1;min-width:0}.transfer-name{font-weight:600;font-size:.9rem;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-sub{font-size:.76rem;color:var(--muted);margin-top:.1rem}.transfer-amt{font-weight:700;font-size:.92rem;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end}.transfer-amt.neg{color:var(--danger)}.transfer-amt.pos{color:var(--success)}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:.4rem 1.1rem}.app-section-head{display:flex;align-items:center;justify-content:space-between;margin:1.6rem 0 .7rem}.app-section-head h3{font-family:Poppins,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--heading)}.app-section-head a{font-size:.78rem;font-weight:600}.ref-hero{background:linear-gradient(150deg,#0a3a2e,#002c22 70%);color:#fff;border-radius:16px;padding:1.2rem 1.35rem;box-shadow:var(--shadow-md)}.ref-hero-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.ref-hero-amt{font-family:Poppins,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin-top:.35rem;font-variant-numeric:tabular-nums}.ref-hero-to{font-size:.8rem;color:#ffffffb3;margin-top:.3rem}.timeline{margin:1.4rem 0 0;padding-inline-start:.25rem}.timeline-step{display:flex;gap:.9rem}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.timeline-dot{width:18px;height:18px;border-radius:99px;border:2px solid var(--border-hover);background:var(--surface);flex:0 0 auto;margin-top:2px}.timeline-line{width:2px;flex:1;background:var(--border);min-height:26px;margin:3px 0}.timeline-step:last-child .timeline-line{display:none}.timeline-body{padding-bottom:1.1rem}.timeline-title{font-weight:600;font-size:.9rem;color:var(--heading)}.timeline-time{font-size:.76rem;color:var(--muted);margin-top:.12rem}.timeline-step.done .timeline-dot{background:var(--success);border-color:var(--success)}.timeline-step.done .timeline-line{background:var(--success)}.timeline-step.active .timeline-dot{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-15);background:var(--gold)}.timeline-step.active .timeline-title{color:var(--gold-dark)}[data-theme=dark] .timeline-step.active .timeline-title{color:var(--gold)}.timeline-step.pending .timeline-title,.timeline-step.pending .timeline-time{color:var(--text-disabled)}@media (max-width: 767px){.bottom-nav{display:flex}.topbar-nav{display:none}.portal-main{padding-bottom:5.5rem}.portal-main{max-width:520px}}@media (min-width: 768px){.quick-tiles{max-width:520px}}.send-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem .2rem}.send-field{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.1rem;box-shadow:var(--shadow)}.send-field.focus-within,.send-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-15)}.send-amount{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:Poppins,system-ui,sans-serif;font-size:1.9rem;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums;width:100%}.send-amount::placeholder{color:var(--text-disabled)}.send-amount.readonly{color:var(--heading)}.currency-select{flex:0 0 auto;border:none;border-radius:99px;background:var(--surface-alt);color:var(--heading);font-weight:700;font-size:1rem;padding:.5rem .8rem;cursor:pointer;outline:none}.send-swap{width:40px;height:40px;border-radius:99px;margin:-.55rem auto;position:relative;z-index:2;background:var(--brand-green);color:#fff;border:3px solid var(--bg);display:flex;align-items:center;justify-content:center}[data-theme=dark] .send-swap{background:var(--gold);color:#00201a}.send-swap svg{width:18px;height:18px}.send-breakdown{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:1rem 1.15rem;margin-top:1.1rem}.send-brk-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.35rem 0;color:var(--muted)}.send-brk-row .v{font-weight:600;color:var(--heading);font-variant-numeric:tabular-nums}.send-brk-row.total{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.7rem;font-weight:700}.send-brk-row.total .v{font-size:1rem}.send-note{font-size:.75rem;color:var(--muted);margin-top:.8rem;line-height:1.5}.send-cta{width:100%;margin-top:1.3rem;padding:1rem;border:none;border-radius:14px;background:var(--primary);color:var(--on-primary);font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s}.send-cta:hover:not(:disabled){background:var(--primary-hover)}.send-cta:disabled{opacity:.5;cursor:not-allowed}.send-success{text-align:center;padding:2rem 1rem}.send-success-ic{width:72px;height:72px;border-radius:99px;margin:0 auto 1.2rem;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center}.send-success-ic svg{width:36px;height:36px}.send-success h2{font-size:1.25rem;margin-bottom:.5rem}.send-success p{color:var(--muted);font-size:.9rem;margin-bottom:.4rem}.send-ref{font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums;margin:.6rem 0 1.4rem}.funding-toggle{display:flex;gap:.5rem}.funding-toggle .ft{flex:1;padding:.7rem .6rem;border-radius:12px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;transition:border-color .12s,background .12s}.funding-toggle .ft.on{border-color:var(--gold);background:var(--gold-15);color:var(--heading)}.funding-toggle .ft:disabled{opacity:.4;cursor:not-allowed}.receipt-view{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;box-shadow:var(--shadow)}.receipt-view:hover{text-decoration:none}.receipt-view img{display:block;width:100%;max-height:340px;object-fit:contain;background:var(--surface-alt)}.receipt-view span{display:block;padding:.7rem 1rem;color:var(--gold);font-weight:600;font-size:.85rem}.receipt-view+.receipt-view,.doc-btn+.receipt-view,.doc-btn+.doc-btn{margin-top:.6rem}.doc-btn{display:flex;align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow);font-size:.9rem;font-weight:600;text-align:start}.doc-btn:hover{border-color:var(--gold)}.doc-btn:disabled{opacity:.6;cursor:default}.doc-btn .doc-ic{font-size:1.2rem}.doc-btn .doc-label{flex:1}.doc-btn .doc-arrow{color:var(--gold);font-weight:700}.quick-tile.teaser{position:relative;opacity:.72;cursor:default}.quick-tile.teaser:hover{border-color:var(--border)}.quick-tile.teaser .quick-tile-ic{background:var(--surface-alt);color:var(--muted)}.soon-badge{position:absolute;top:6px;inset-inline-end:6px;background:var(--gold);color:#00201a;font-size:.55rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.12rem .4rem;border-radius:99px}.rate-list{display:flex;flex-direction:column;gap:.6rem}.rate-row{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.85rem 1.05rem;box-shadow:var(--shadow)}.rate-flags{flex:0 0 auto;display:flex;align-items:center;gap:.2rem;font-size:1.15rem;line-height:1}.rate-flags .rate-arrow{font-size:.8rem;color:var(--muted)}.rate-meta{flex:1;min-width:0}.rate-pair{font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:.9rem;color:var(--heading)}html[dir=rtl] .rate-pair{font-family:Cairo,system-ui,sans-serif}.rate-sub{font-size:.74rem;color:var(--muted);margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-value{flex:0 0 auto;font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:1.05rem;color:var(--heading);font-variant-numeric:tabular-nums;text-align:end}html[dir=rtl] .rate-value{font-family:Cairo,system-ui,sans-serif}[dir=rtl] .rate-flags .rate-arrow{transform:scaleX(-1)}