@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans.ttf) format("truetype-variations");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/NotoKufiArabic.ttf) format("truetype-variations");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--font-display: "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--screen-pad: 16px;--tap: 44px;--r-base: 8px;--r-card: 12px;--r-pill: 999px;--t-state: .18s;--t-state-ease: ease-out;--t-sheet: .24s;--t-sheet-ease: cubic-bezier(.2, .8, .2, 1);--t-star: .32s;--column: 560px}:root:lang(ar){--font-display: "Noto Kufi Arabic", system-ui, sans-serif;--font-body: "Tajawal", system-ui, sans-serif}:root,:root[data-theme=light]{--bg: #f4f0e8;--surface: #ffffff;--surface-2: #ede8dc;--ink: #1b1d22;--muted: #6a656d;--primary: #12706b;--primary-press: #0e5b57;--accent: #b8892b;--line: #e2dcd0;--success: #2f7d5b;--danger: #a33a2e;--danger-wash: #f7e6e3;--success-wash: #e4f0ea;--on-success: #ffffff;color-scheme:light}:root[data-theme=dark]{--bg: #14161b;--surface: #1d2027;--surface-2: #23272f;--ink: #ede7da;--muted: #908d99;--primary: #2fa098;--primary-press: #268a83;--accent: #d6a945;--line: #2a2e38;--success: #4bae83;--danger: #d0705f;--danger-wash: #2e2023;--success-wash: #1b2a26;--on-success: #14161b;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased;text-size-adjust:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-base)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.t-display{font-family:var(--font-display);font-size:32px;line-height:38px;font-weight:700;margin:0}.t-h1{font-family:var(--font-display);font-size:24px;line-height:32px;font-weight:600;margin:0}.t-h2{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;margin:0}.t-h3{font-family:var(--font-display);font-size:17px;line-height:24px;font-weight:500;margin:0}.t-body{font-size:15px;line-height:24px}.t-small{font-size:13px;line-height:20px}.t-micro{font-size:11px;line-height:16px}.t-muted{color:var(--muted)}.t-body a:not(.btn){color:var(--primary);text-decoration:underline}.t-accent{color:var(--accent)}.t-danger{color:var(--danger)}.t-success{color:var(--success)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.app{min-height:100%;display:flex;flex-direction:column;max-inline-size:var(--column);margin-inline:auto;background:var(--bg);border-inline:1px solid var(--line)}@media(max-width:600px){.app{border-inline:0}}.app-bar{position:sticky;inset-block-start:0;z-index:10;display:flex;align-items:center;gap:var(--s-3);min-block-size:56px;padding-inline:var(--screen-pad);padding-block:var(--s-2);background:var(--bg);border-block-end:1px solid var(--line)}.app-bar__title{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen{flex:1;display:flex;flex-direction:column;min-block-size:0}.screen__body{flex:1;padding:var(--s-4) var(--screen-pad);padding-block-end:calc(var(--s-12) + 56px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-4)}.nav{position:fixed;inset-block-end:0;inset-inline:0;z-index:20;margin-inline:auto;max-inline-size:var(--column);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-block-start:1px solid var(--line);padding-block-end:env(safe-area-inset-bottom)}.nav__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--muted);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:56px;padding-block:var(--s-2);cursor:pointer;transition:color var(--t-state) var(--t-state-ease)}.nav__item[aria-current=page]{color:var(--primary)}.nav__item[aria-current=page]:before{content:"";position:absolute;inset-block-start:0;inline-size:24px;block-size:2px;background:var(--primary)}.nav__item{position:relative}.nav__label{font-size:11px;line-height:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.card--quiet{background:var(--surface-2)}.card--flush{padding:0;overflow:hidden}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.stack--tight{gap:var(--s-2)}.row{display:flex;align-items:center;gap:var(--s-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-inline-size:0}.star-divider{display:flex;align-items:center;gap:var(--s-3);color:var(--line)}.star-divider:before,.star-divider:after{content:"";flex:1;block-size:1px;background:currentColor}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-weight:500;min-block-size:var(--tap);padding-inline:var(--s-4);padding-block:var(--s-2);border-radius:var(--r-base);border:1px solid var(--primary);background:var(--primary);color:var(--bg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:background-color var(--t-state) var(--t-state-ease),border-color var(--t-state) var(--t-state-ease),color var(--t-state) var(--t-state-ease)}.btn:hover:not(:disabled){background:var(--primary-press);border-color:var(--primary-press)}.btn:active:not(:disabled){background:var(--primary-press);border-color:var(--primary-press)}.btn:disabled{opacity:.5;cursor:default}.btn--ghost{background:transparent;color:var(--primary)}.btn--ghost:hover:not(:disabled){background:transparent;color:var(--primary-press);border-color:var(--primary-press)}.btn--quiet{background:transparent;color:var(--ink);border-color:var(--line)}.btn--quiet:hover:not(:disabled){background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:transparent;color:var(--danger);border-color:var(--danger)}.btn--block{inline-size:100%}.btn--icon{min-inline-size:var(--tap);padding-inline:var(--s-2)}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field__label{font-size:13px;line-height:20px;color:var(--muted)}.input,.select,.textarea{font-family:var(--font-body);font-size:16px;line-height:24px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-base);padding:var(--s-2) var(--s-3);min-block-size:var(--tap);inline-size:100%;transition:border-color var(--t-state) var(--t-state-ease)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary)}.textarea{resize:vertical;min-block-size:88px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:var(--s-8);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right calc(var(--s-4) + 4px) center,right var(--s-4) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}:root[dir=rtl] .select{background-position:left var(--s-4) center,left calc(var(--s-4) + 4px) center}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-size:13px;line-height:20px;min-block-size:var(--tap);padding-inline:var(--s-3);padding-block:var(--s-2);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);transition:background-color var(--t-state) var(--t-state-ease),border-color var(--t-state) var(--t-state-ease),color var(--t-state) var(--t-state-ease)}.chip[aria-pressed=true],.chip--selected{background:var(--primary);border-color:var(--primary);color:var(--bg)}.chip__icon{display:inline-flex;flex:0 0 auto}.person-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-size:13px;line-height:20px;min-block-size:var(--tap);padding-inline-start:var(--s-1);padding-inline-end:var(--s-3);padding-block:var(--s-1);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);transition:box-shadow var(--t-state) var(--t-state-ease)}.person-chip--selected{box-shadow:0 0 0 2px var(--ring, var(--primary));border-color:transparent}.person-chip--group{font-weight:500;border-color:var(--ink)}.avatar{inline-size:32px;block-size:32px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;line-height:20px;font-weight:500;flex:0 0 auto}.avatar--sm{inline-size:24px;block-size:24px;font-size:11px}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack>*+*{margin-inline-start:-8px}.avatar-stack .avatar{border:1px solid var(--surface)}.badge{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-size:11px;line-height:16px;padding-inline:var(--s-2);padding-block:2px;border-radius:var(--r-pill);border:1px solid currentColor;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-1);transition:background-color var(--t-state) var(--t-state-ease),color var(--t-state) var(--t-state-ease)}.badge--heard{color:var(--muted)}.badge--verified{color:var(--on-success);background:var(--success);border-color:var(--success)}.badge--false{color:var(--danger);text-decoration:line-through}.sync{font-family:var(--font-mono);font-size:11px;line-height:16px;color:var(--danger);direction:ltr;unicode-bidi:isolate}.rail{position:relative;padding-inline-start:var(--s-6);display:flex;flex-direction:column}.rail:before{content:"";position:absolute;inset-block:6px;inset-inline-start:5px;inline-size:1px;background:var(--line)}.rail__row{position:relative;display:flex;align-items:baseline;gap:var(--s-3);padding-block:var(--s-3)}.rail__row+.rail__row{border-block-start:1px solid var(--line)}.rail__node{position:absolute;inset-inline-start:calc(-1 * var(--s-6) + 1px);inset-block-start:calc(var(--s-3) + 8px);inline-size:9px;block-size:9px;border-radius:var(--r-pill);border:1px solid var(--primary);background:var(--bg)}.rail__row--quiet .rail__node{border-color:var(--line)}.rail__row--quiet .rail__label{color:var(--muted)}.bar{block-size:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.bar__fill{block-size:100%;background:var(--primary);border-radius:var(--r-pill);transition:inline-size var(--t-state) var(--t-state-ease)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);direction:ltr}.numpad__key{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-mono);font-size:20px;line-height:28px;min-block-size:56px;border:1px solid var(--line);border-radius:var(--r-base);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color var(--t-state) var(--t-state-ease)}.numpad__key:hover:not(:disabled){background:var(--surface-2)}.numpad__key:disabled{opacity:.4;cursor:default}.amount{display:flex;flex-direction:column;gap:var(--s-1)}.amount__figure{font-family:var(--font-mono);font-size:32px;line-height:38px;font-weight:600;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.amount__usd{font-family:var(--font-mono);font-size:13px;line-height:20px;color:var(--muted);direction:ltr;unicode-bidi:isolate}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade var(--t-sheet) var(--t-sheet-ease)}.sheet{inline-size:100%;max-inline-size:var(--column);max-block-size:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-start-start-radius:var(--r-card);border-start-end-radius:var(--r-card);padding:var(--s-4) var(--screen-pad);padding-block-end:calc(var(--s-6) + env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0000003d;display:flex;flex-direction:column;gap:var(--s-4);animation:sheet-rise var(--t-sheet) var(--t-sheet-ease)}@keyframes sheet-rise{0%{transform:translateY(16px);opacity:0}}@keyframes sheet-fade{0%{opacity:0}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding-block:var(--s-12);color:var(--muted);text-align:center}.notice{border-radius:var(--r-base);padding:var(--s-2) var(--s-3);font-size:13px;line-height:20px}.notice--error{background:var(--danger-wash);color:var(--danger)}.notice--ok{background:var(--success-wash);color:var(--success)}.toast{position:fixed;inset-block-end:calc(56px + var(--s-4) + env(safe-area-inset-bottom));inset-inline:var(--screen-pad);z-index:60;margin-inline:auto;max-inline-size:calc(var(--column) - 2 * var(--screen-pad));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-base);padding:var(--s-3);font-size:13px;line-height:20px;animation:sheet-fade var(--t-state) var(--t-state-ease)}.toast--error{border-color:var(--danger);color:var(--danger)}.skeleton{background:var(--surface-2);border-radius:var(--r-base);block-size:1em}.divider{block-size:1px;background:var(--line);border:0;margin:0}.list{list-style:none;margin:0;padding:0}.list__item{padding-block:var(--s-3);display:flex;align-items:flex-start;gap:var(--s-3)}.list__item+.list__item{border-block-start:1px solid var(--line)}.list__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit;color:inherit;text-align:start;cursor:pointer;padding:0;flex:1;min-inline-size:0}.checkbox{inline-size:22px;block-size:22px;flex:0 0 auto;border:1px solid var(--line);border-radius:var(--r-base);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--bg);cursor:pointer;transition:background-color var(--t-state) var(--t-state-ease),border-color var(--t-state) var(--t-state-ease)}.checkbox[aria-checked=true]{color:var(--on-success);background:var(--success);border-color:var(--success)}.done-through{text-decoration:line-through;color:var(--muted)}:root[dir=rtl] .icon-directional{transform:scaleX(-1)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}