@keyframes dxc-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dxc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dxc-scale-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes dxc-side-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes dxc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dxc-sheen{0%{transform:translate(-140%) skew(-18deg);opacity:0}16%{opacity:.6}to{transform:translate(340%) skew(-18deg);opacity:0}}@keyframes dxc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)}}@keyframes dxc-ring{0%{box-shadow:0 0 #004ac64d}70%{box-shadow:0 0 0 12px #004ac600}to{box-shadow:0 0 #004ac600}}@keyframes dxc-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dxc-blob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6px,4px) scale(1.08)}}@keyframes dxc-spin{to{transform:rotate(360deg)}}.dxc-enter{opacity:0;animation:dxc-fade-up .62s cubic-bezier(.2,1,.32,1) both;animation-delay:calc(var(--dxc-i, 0) * 55ms)}.dxc-enter-side{opacity:0;animation:dxc-side-in .5s cubic-bezier(.2,1,.32,1) both;animation-delay:calc(var(--dxc-i, 0) * 42ms)}.dxc-pop{animation:dxc-scale-in .42s cubic-bezier(.2,1.4,.4,1) both}.dxc-card{position:relative;background:var(--dx-card-bg, #fff);border:1px solid var(--dx-outline-variant);border-radius:20px;box-shadow:0 1px 2px #0d14340a,0 6px 22px #0d14340e;transition:transform .32s cubic-bezier(.2,1,.32,1),box-shadow .32s cubic-bezier(.2,1,.32,1),border-color .25s ease}.dxc-card-i:hover{transform:translateY(-4px);box-shadow:0 2px 6px #0d14340f,0 24px 52px #0d143424;border-color:#004ac638}.dxc-sheen{position:relative;overflow:hidden}.dxc-sheen:after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-140%) skew(-18deg);pointer-events:none}.dxc-sheen:hover:after{animation:dxc-sheen 1.05s cubic-bezier(.4,0,.2,1)}.dxc-blob{position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(34px);opacity:.5;pointer-events:none;inset-inline-end:-34px;top:-42px;animation:dxc-blob 8s ease-in-out infinite}.dxc-nav{position:relative;transition:background .2s ease,color .2s ease,transform .16s cubic-bezier(.2,1,.32,1)}.dxc-nav:hover{background:var(--dx-surface-low);transform:translate(-3px)}.dxc-nav:active{transform:translate(-1px) scale(.99)}.dxc-nav-icon{transition:transform .24s cubic-bezier(.2,1.3,.4,1)}.dxc-nav:hover .dxc-nav-icon{transform:scale(1.14)}.dxc-nav-bar{position:absolute;inset-inline-start:-10px;top:50%;height:0;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--dx-primary),var(--dx-primary-deep));transform:translateY(-50%);transition:height .3s cubic-bezier(.2,1,.32,1)}.dxc-nav-active .dxc-nav-bar{height:64%}.dxc-tile{transition:transform .24s cubic-bezier(.2,1,.32,1),box-shadow .24s ease,border-color .2s ease,background .2s ease}.dxc-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0d143421;border-color:#004ac647}.dxc-tile:active{transform:translateY(-1px) scale(.99)}.dxc-tile-arrow{transition:transform .22s cubic-bezier(.2,1,.32,1)}.dxc-tile:hover .dxc-tile-arrow{transform:translate(-4px)}.dxc-row{transition:background .16s ease}.dxc-row:hover{background:var(--dx-surface-low)}.dxc-iconbtn{transition:transform .15s cubic-bezier(.2,1,.32,1),background .16s ease,color .16s ease}.dxc-iconbtn:hover{transform:scale(1.1)}.dxc-iconbtn:active{transform:scale(.93)}.dxc-chip{transition:transform .16s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.dxc-chip:hover{transform:translateY(-1px)}.dxc-chip:active{transform:translateY(0) scale(.97)}.dxc-skeleton{background:linear-gradient(90deg,var(--dx-surface-mid) 25%,var(--dx-surface-low) 37%,var(--dx-surface-mid) 63%);background-size:400% 100%;animation:dxc-shimmer 1.5s ease-in-out infinite;border-radius:12px}.dxc-grad-text{background:linear-gradient(115deg,var(--dx-primary),#3f86ff 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.dxc-logo{animation:dxc-float 5.5s ease-in-out infinite}.dxc-ring{animation:dxc-ring 2.6s ease-out 1}.dxc-bar{transform-origin:right;animation:dxc-bar-grow .65s cubic-bezier(.2,1,.32,1) .25s both}.dxc-spin{border-radius:50%;border:2.5px solid var(--dx-surface-mid);border-top-color:var(--dx-primary);animation:dxc-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.dxc-enter,.dxc-enter-side,.dxc-pop,.dxc-logo,.dxc-ring,.dxc-bar,.dxc-skeleton,.dxc-blob,.dxc-spin{animation:none!important}.dxc-sheen:hover:after{animation:none!important}.dxc-card,.dxc-card-i,.dxc-nav,.dxc-tile,.dxc-iconbtn,.dxc-chip,.dxc-nav-icon,.dxc-nav-bar,.dxc-tile-arrow{transition:none!important}.dxc-enter,.dxc-enter-side,.dxc-pop{opacity:1}}:root{--dx-surface: #faf8ff;--dx-surface-dim: #d9d9e5;--dx-surface-low: #f3f3fe;--dx-surface-mid: #ededf9;--dx-surface-high: #e7e7f3;--dx-surface-top: #e1e2ed;--dx-card-bg: #ffffff;--dx-input-bg: #ffffff;--dx-on-surface: #191b23;--dx-on-surface-variant: #434655;--dx-inverse-surface: #2e3039;--dx-on-inverse: #f0f0fb;--dx-outline: #737686;--dx-outline-variant: #c3c6d7;--dx-primary: #004ac6;--dx-primary-deep: #00399a;--dx-on-primary: #ffffff;--dx-primary-container: #dbe1ff;--dx-on-primary-container: #00174b;--dx-primary-fixed-dim: #b4c5ff;--dx-success: #006c49;--dx-on-success: #ffffff;--dx-success-container: #a8f2cf;--dx-on-success-container: #002113;--dx-error: #ba1a1a;--dx-on-error: #ffffff;--dx-error-container: #ffdad6;--dx-on-error-container: #410002;--dx-warning: #784b00;--dx-warning-container: #ffddb8;--dx-on-warning-container: #2a1700;--dx-elevation-0: none;--dx-elevation-1: 0 1px 2px rgba(20, 30, 60, .04), 0 1px 8px rgba(20, 30, 60, .05);--dx-elevation-2: 0 2px 4px rgba(20, 30, 60, .05), 0 6px 18px rgba(20, 30, 60, .07);--dx-elevation-3: 0 4px 12px rgba(20, 30, 60, .06), 0 16px 40px rgba(20, 30, 60, .1);color-scheme:light}:root[data-theme=dark]{--dx-surface: #0c0e15;--dx-surface-dim: #07080d;--dx-surface-low: #14161f;--dx-surface-mid: #1c1f2a;--dx-surface-high: #262a37;--dx-surface-top: #303446;--dx-card-bg: #1c1f2a;--dx-input-bg: #14161f;--dx-on-surface: #f3f4fa;--dx-on-surface-variant: #a8acbd;--dx-inverse-surface: #e2e1eb;--dx-on-inverse: #2e3038;--dx-outline: #8b8ea0;--dx-outline-variant: #434655;--dx-primary: #b4c5ff;--dx-primary-deep: #6e83e0;--dx-on-primary: #00174b;--dx-primary-container: #003ea8;--dx-on-primary-container: #dbe1ff;--dx-primary-fixed-dim: #6e83e0;--dx-success: #8bd5b4;--dx-on-success: #003824;--dx-success-container: #005237;--dx-on-success-container: #a8f2cf;--dx-error: #ffb4ab;--dx-on-error: #690005;--dx-error-container: #93000a;--dx-on-error-container: #ffdad6;--dx-warning: #ffb967;--dx-warning-container: #5c4100;--dx-on-warning-container: #ffddb8;--dx-elevation-1: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 8px rgba(0, 0, 0, .25);--dx-elevation-2: 0 2px 4px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3);--dx-elevation-3: 0 4px 12px rgba(0, 0, 0, .45), 0 16px 40px rgba(0, 0, 0, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--dx-surface: #0c0e15;--dx-surface-dim: #07080d;--dx-surface-low: #14161f;--dx-surface-mid: #1c1f2a;--dx-surface-high: #262a37;--dx-surface-top: #303446;--dx-card-bg: #1c1f2a;--dx-input-bg: #14161f;--dx-on-surface: #f3f4fa;--dx-on-surface-variant: #a8acbd;--dx-inverse-surface: #e2e1eb;--dx-on-inverse: #2e3038;--dx-outline: #8b8ea0;--dx-outline-variant: #434655;--dx-primary: #b4c5ff;--dx-primary-deep: #6e83e0;--dx-on-primary: #00174b;--dx-primary-container: #003ea8;--dx-on-primary-container: #dbe1ff;--dx-primary-fixed-dim: #6e83e0;--dx-success: #8bd5b4;--dx-on-success: #003824;--dx-success-container: #005237;--dx-on-success-container: #a8f2cf;--dx-error: #ffb4ab;--dx-on-error: #690005;--dx-error-container: #93000a;--dx-on-error-container: #ffdad6;--dx-warning: #ffb967;--dx-warning-container: #5c4100;--dx-on-warning-container: #ffddb8;--dx-elevation-1: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 8px rgba(0, 0, 0, .25);--dx-elevation-2: 0 2px 4px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3);--dx-elevation-3: 0 4px 12px rgba(0, 0, 0, .45), 0 16px 40px rgba(0, 0, 0, .35);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{direction:rtl}body{margin:0;background:var(--dx-surface);color:var(--dx-on-surface);font-family:Tajawal,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}button,input,textarea,select{font-family:inherit}[dir=ltr]{unicode-bidi:isolate}::selection{background:var(--dx-primary);color:var(--dx-on-primary)}@keyframes dx-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dx-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dx-pop{0%{transform:scale(.95);opacity:0}60%{transform:scale(1.02);opacity:1}to{transform:scale(1)}}@keyframes dx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}button{transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}button:not(:disabled):active{transform:scale(.97)}input,select,textarea{background:var(--dx-input-bg);color:var(--dx-on-surface);transition:border-color .14s ease,box-shadow .14s ease,background-color .2s ease}input::placeholder,textarea::placeholder{color:var(--dx-on-surface-variant)}select option{background:var(--dx-input-bg);color:var(--dx-on-surface)}:root[data-theme=dark] input:-webkit-autofill,:root[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--dx-on-surface);-webkit-box-shadow:0 0 0px 1000px var(--dx-input-bg) inset;transition:background-color 5000s ease-in-out 0s}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--dx-outline-variant);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--dx-outline)}.msrf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--radius-md);font-family:var(--font-body-md-family, "Tajawal", system-ui);font-size:15px;font-weight:700;border:none;cursor:pointer;transition:background-color .15s ease,transform 80ms ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.msrf-btn:active{transform:scale(.98)}.msrf-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.msrf-btn[disabled]{opacity:.5;cursor:not-allowed}.msrf-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.msrf-btn--primary:hover:not([disabled]){background:color-mix(in srgb,var(--color-primary) 92%,white)}.msrf-btn--tonal{background:var(--color-primary-container);color:var(--color-on-primary-container)}.msrf-btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-outline)}.msrf-btn--ghost{background:transparent;color:var(--color-on-surface)}.msrf-btn--danger{background:var(--color-error);color:var(--color-on-error)}.msrf-btn--lg{height:60px;padding:0 28px;font-size:17px}.msrf-btn--sm{height:40px;padding:0 16px;font-size:13px}.msrf-btn--block{width:100%}.msrf-card{background:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-e1)}.msrf-card--flat{box-shadow:none;border:1px solid var(--color-outline-variant)}.msrf-card--elevated{box-shadow:var(--shadow-e2)}.msrf-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:700;font-family:var(--font-body-sm-family, "Tajawal", system-ui)}.msrf-chip--neutral{background:var(--color-surface-container);color:var(--color-on-surface-variant)}.msrf-chip--success{background:var(--color-success-container);color:var(--color-on-success-container)}.msrf-chip--error{background:var(--color-error-container);color:var(--color-on-error-container)}.msrf-chip--warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.msrf-field{display:flex;flex-direction:column;gap:6px}.msrf-field__label{font-size:13px;font-weight:700;color:var(--color-on-surface-variant)}.msrf-field__input{height:52px;padding:0 16px;border-radius:var(--radius-md);border:1.5px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-body-md-family, "Tajawal", system-ui);font-size:16px;transition:border-color .15s ease}.msrf-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.msrf-field__input[aria-invalid=true]{border-color:var(--color-error)}.msrf-field__error{font-size:12px;color:var(--color-error)}.msrf-amount{display:inline-block;direction:ltr;unicode-bidi:isolate;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:700}.msrf-currency-toggle{height:52px;min-width:76px;padding:0 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface);font-family:Inter,system-ui;font-weight:800;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.4px}.msrf-currency-toggle:active{transform:scale(.97)}.msrf-currency-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.msrf-appbar{height:64px;display:flex;align-items:center;padding:0 16px;background:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant);gap:12px}.msrf-bottom-nav{display:flex;background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);padding:8px 0;justify-content:space-around}.msrf-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-md);background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;font-family:var(--font-caption-family, "Tajawal", system-ui);font-size:11px;font-weight:700}.msrf-bottom-nav__item--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.msrf-segment{display:inline-flex;background:var(--color-surface-container);border-radius:var(--radius-md);padding:4px;gap:2px}.msrf-segment__btn{padding:8px 14px;border-radius:calc(var(--radius-md) - 4px);background:transparent;border:none;font-weight:700;color:var(--color-on-surface-variant);font-size:13px;cursor:pointer}.msrf-segment__btn--active{background:var(--color-surface-container-lowest);color:var(--color-on-surface);box-shadow:var(--shadow-e1)}.msrf-fab{position:fixed;inset-block-end:24px;inset-inline-end:24px;width:56px;height:56px;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-e3);cursor:pointer;display:flex;align-items:center;justify-content:center}.msrf-list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant)}.msrf-list-row:hover{background:var(--color-surface-container)}.msrf-list-row:nth-child(2n){background:var(--color-surface-container-lowest)}.msrf-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:100}.msrf-sheet{width:100%;background:var(--color-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:var(--space-2);box-shadow:var(--shadow-e3);max-height:90vh;overflow-y:auto}.msrf-toast{position:fixed;inset-block-start:24px;inset-inline:24px;background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);padding:14px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-e3);z-index:200;display:flex;align-items:center;gap:12px}.msrf-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-body-md-family, "Tajawal", system-ui)}.msrf-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.msrf-key{height:64px;border-radius:var(--radius-md);border:none;background:var(--color-surface-container);color:var(--color-on-surface);font-family:Inter,system-ui;font-size:24px;font-weight:600;cursor:pointer;transition:transform 80ms ease}.msrf-key:active{transform:scale(.96);background:var(--color-surface-container-high)}.msrf-key--accent{background:var(--color-primary-container);color:var(--color-on-primary-container)}.msrf-key--danger{background:var(--color-error-container);color:var(--color-on-error-container)}.msrf-pin-display{display:flex;gap:12px;justify-content:center;direction:ltr}.msrf-pin-cell{width:48px;height:56px;border-radius:var(--radius-md);background:var(--color-surface-container);border:1.5px solid var(--color-outline-variant);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;font-family:Inter,system-ui;color:var(--color-on-surface)}.msrf-pin-cell--filled{border-color:var(--color-primary);background:var(--color-primary-container)}.msrf-pay-logo{width:56px;height:56px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:Inter,system-ui;font-size:18px;box-shadow:var(--shadow-e1)}.msrf-spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--color-outline-variant);border-top-color:var(--color-primary);animation:msrf-spin .8s linear infinite}@keyframes msrf-spin{to{transform:rotate(360deg)}}