: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)}}