*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{direction:rtl}body{margin:0;background:#faf8ff;color:#191b23;font-family:Tajawal,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}[data-theme=dark] body{background:#111218;color:#f0f0fb}@media(prefers-color-scheme:dark){html:not([data-theme=light]) body{background:#111218;color:#f0f0fb}}[dir=ltr]{unicode-bidi:isolate}.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)}}