:root{--ease-out-soft:cubic-bezier(.22, 1, .36, 1);--arch-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130 V48 C0 24 24 9 50 0 C76 9 100 24 100 48 V130 Z'/%3E%3C/svg%3E");--tone-amount:#c58a24;--tone-date:#2b7f86;--tone-merchant:#2f7d4f}::view-transition-group(.arch-morph){animation-duration:.72s;animation-timing-function:var(--ease-out-soft)}::view-transition-image-pair(.arch-morph){animation-name:arch-glow}@keyframes arch-glow{40%{filter:brightness(1.18)saturate(1.1)blur(1px)}}html:active-view-transition-type(arch-forward)::view-transition-old(root){animation:.26s ease-in both journey-leave}html:active-view-transition-type(arch-forward)::view-transition-new(root){animation:.52s var(--ease-out-soft) .12s both journey-arrive}html:active-view-transition-type(arch-back)::view-transition-old(root){animation:.24s ease-in both journey-leave-back}html:active-view-transition-type(arch-back)::view-transition-new(root){animation:.48s var(--ease-out-soft) .1s both journey-arrive-back}@keyframes journey-leave{to{opacity:0;filter:blur(4px);transform:scale(1.03)}}@keyframes journey-arrive{0%{opacity:0;transform:scale(.97)translateY(14px)}}@keyframes journey-leave-back{to{opacity:0;transform:scale(.98)}}@keyframes journey-arrive-back{0%{opacity:0;transform:scale(1.02)translateY(-10px)}}.arch-window{aspect-ratio:100/130;isolation:isolate;display:block;position:relative}.arch-window-photo,.arch-window-light{-webkit-mask:var(--arch-mask) center / 100% 100% no-repeat;-webkit-mask:var(--arch-mask) center / 100% 100% no-repeat;mask:var(--arch-mask) center / 100% 100% no-repeat;position:absolute;inset:0}.arch-window-photo{background:url(/jamea-anwer.webp) 50% 34%/cover no-repeat}.arch-window-light{background:radial-gradient(70% 45% at 50% 0,#fff6dc8c,#0000 70%),linear-gradient(#0000 45%,#03241a73 100%)}.arch-window-outline{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.arch-window-outline path{fill:none;stroke:var(--gold);stroke-width:1.6px;vector-effect:non-scaling-stroke}.arch-window:after{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(closest-side,#03241a40,#0000);height:36px;position:absolute;inset:auto 6% -18px}.nowrap-word{white-space:nowrap}.landing-page{overflow-x:clip}body:has(.landing-page) .app-backdrop{transform-origin:50% 40%}.journey-door{margin:12px 0 28px;padding:24px 0 40px;position:relative}.journey-door-stage{place-items:center;gap:18px;display:grid}.journey-door-arch{width:min(340px,64vw)}.journey-door-hint{letter-spacing:.22em;text-transform:uppercase;color:var(--moss);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.journey-door-hint:before,.journey-door-hint:after{content:"";opacity:.5;background:currentColor;width:28px;height:1px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){body:has(.landing-page) .app-backdrop{animation:linear both backdrop-approach;animation-timeline:scroll(root);animation-range:0 140vh}@keyframes backdrop-approach{to{transform:scale(1.16)}}.journey-door{view-timeline:--door block;height:160vh;margin-top:-6vh;margin-bottom:-40vh;padding:0}.journey-door~*{z-index:1;position:relative}.journey-door-stage{align-content:center;width:100vw;height:100svh;margin-left:calc(50% - 50vw);position:sticky;top:0;overflow:clip}.journey-door-stage:before{content:"";z-index:-1;background:radial-gradient(40% 50% at 50% 55%,#f6e2b5cc,#0000 70%);animation:linear both door-glow;animation-timeline:--door;animation-range:contain;position:absolute;inset:0}@keyframes door-glow{0%{opacity:.4}55%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(2.2)}}.journey-door-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#fffaf000 0%,#fffaf0b3 18%,#fffaf0e0 34% 100%);animation:linear both mist-rise;animation-timeline:--door;animation-range:contain 28%;position:absolute;inset:0 0 -60%;transform:translateY(62.5%)}@keyframes mist-rise{78%{opacity:1;transform:translateY(-24%)}to{opacity:0;transform:translateY(-24%)}}.journey-door-arch{z-index:1;animation:linear both door-through;animation-timeline:--door;animation-range:contain;position:relative}@keyframes door-through{0%{transform:scale(1)}48%{opacity:1;transform:scale(4.4)translateY(4%)}74%{opacity:1;transform:scale(5)translateY(5%)}90%,to{opacity:0;transform:scale(5.3)translateY(5%)}}.journey-door-hint{animation:linear both hint-away;animation-timeline:--door;animation-range:contain contain 18%}@keyframes hint-away{to{opacity:0;transform:translateY(20px)}}}}.arcade{margin-bottom:28px}.arcade-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:14px;padding-top:8px;display:grid}.arcade-arch{--tone:#9c7426;aspect-ratio:100/138;color:var(--forest-900);cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.arcade-arch[data-tone=forest]{--tone:#24633b}.arcade-arch[data-tone=blue]{--tone:#2b6280}.arcade-arch[data-tone=clay]{--tone:#8f4926}.arcade-arch:focus-visible{outline:none}.arcade-arch:focus-visible .arcade-arch-outline path{stroke:var(--forest-700);stroke-width:3px}.arcade-arch-light{z-index:-1;-webkit-mask:var(--arch-mask) center / 100% 100% no-repeat;-webkit-mask:var(--arch-mask) center / 100% 100% no-repeat;mask:var(--arch-mask) center / 100% 100% no-repeat;background:linear-gradient(#fffefa,#f3efdf);transition:background .5s;position:absolute;inset:0}.arcade-arch-light:after{content:"";opacity:0;background:radial-gradient(60% 42% at 50% 40%,#ffd98a,#f6e2b566 45%,#0000 75%);transition:opacity .6s;position:absolute;inset:0}.arcade-arch-outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arcade-arch-outline path{fill:none;stroke:#c58a2466;stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:stroke .3s}.arcade-arch:hover .arcade-arch-outline path{stroke:#c58a24aa}.arcade-arch[aria-selected=true] .arcade-arch-light{background:linear-gradient(#fff7df,#f8e8c2)}.arcade-arch[aria-selected=true] .arcade-arch-light:after{opacity:1}.arcade-arch[aria-selected=true] .arcade-arch-outline path{stroke:var(--gold);stroke-width:2.2px}.lantern{transform-origin:50% 0;width:34%;transition:transform .6s var(--ease-out-soft);position:absolute;top:7%;left:50%;overflow:visible;translate:-50%}.arcade-arch:hover .lantern{animation:1.6s ease-in-out lantern-sway}@keyframes lantern-sway{25%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}85%{transform:rotate(1deg)}}.lantern-chain{stroke:#8a6a2a;stroke-width:1.4px}.lantern-metal{fill:#9c7426}.lantern-body{fill:#fffaf0;stroke:#9c7426;stroke-width:1.6px;transition:fill .5s}.lantern-lattice{fill:none;stroke:#9c742699;stroke-width:1px}.lantern-flame{fill:#f0b54a;opacity:.25;transform-origin:30px 62px;transition:opacity .4s}.lantern-glow{opacity:0;transition:opacity .6s}.arcade-arch[aria-selected=true] .lantern-body{fill:#fff1c8}.arcade-arch[aria-selected=true] .lantern-glow{opacity:1;animation:3.2s ease-in-out infinite lantern-breathe}.arcade-arch[aria-selected=true] .lantern-flame{opacity:1;animation:1.4s ease-in-out infinite alternate flame-flicker}@keyframes lantern-breathe{50%{opacity:.72}}@keyframes flame-flicker{0%{transform:scale(1)}40%{transform:scale(.92,1.08)translate(-.3px)}to{transform:scale(1.05,.94)translate(.3px)}}.arcade-arch-label{text-align:center;text-wrap:balance;justify-items:center;gap:2px;padding:0 10px 16%;font-size:14px;font-weight:650;line-height:1.25;display:grid;position:relative}.arcade-arch-number{color:var(--tone);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:11px;font-weight:600}.arcade-story{--tone:#9c7426;background:radial-gradient(60% 120% at 100% 0%, #f6e2b566, transparent 60%), var(--surface);animation:story-in .5s var(--ease-out-soft) both;border:1px solid #fff;border-radius:28px;grid-template-columns:auto minmax(0,1fr) minmax(200px,260px);align-items:center;gap:24px;margin-top:18px;padding:28px;display:grid;box-shadow:0 16px 40px -20px #03241a40}.arcade-story[data-tone=forest]{--tone:#24633b}.arcade-story[data-tone=blue]{--tone:#2b6280}.arcade-story[data-tone=clay]{--tone:#8f4926}@keyframes story-in{0%{opacity:0;transform:translateY(10px)}}.arcade-story-icon{border-radius:20px;width:64px;height:64px;margin:0}.arcade-story-copy .eyebrow{color:var(--tone)}.arcade-story-copy h3{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--forest-950);margin:6px 0 10px;font-size:clamp(24px,2.4vw,32px);font-weight:500}.arcade-story-copy>p:last-child{color:var(--muted);max-width:60ch;line-height:1.8}.arcade-story-figure{background:#fffaf0;border:1px solid #efe2c2;border-radius:20px;gap:4px;margin:0;padding:18px 20px;display:grid}.arcade-story-figure strong{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--tone);font-variant-numeric:tabular-nums;font-size:56px;font-weight:500;line-height:1}.arcade-story-figure figcaption{color:var(--forest-900);gap:4px;font-size:13px;font-weight:600;display:grid}.arcade-story-figure figcaption span{color:var(--muted);font-size:11px;font-weight:500}.arcade-story-figure.is-quiet{background:0 0;border-style:dashed}.landing-khidmat-feature{grid-template-columns:minmax(0,1fr)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.arcade-arch{animation:linear both arch-rise;animation-timeline:view();animation-range:entry 10% entry 90%}@keyframes arch-rise{0%{opacity:0;transform:translateY(40px)scale(.96)}}}}.login-arch{width:min(210px,46%);margin-bottom:30px}.mission-arch{flex-shrink:0;width:92px;margin:-6px 4px -10px 0}.river-stack{gap:20px;min-width:0;display:grid}.river{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-card);background:radial-gradient(60% 80% at 50% 0,#e3eddf99,#0000 70%),linear-gradient(#fffefa,#f6f3e6);border-radius:28px;padding:28px}.river-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;margin-bottom:18px;display:flex}.river-head h3{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--forest-950);margin:6px 0 8px;font-size:clamp(24px,2.4vw,32px);font-weight:500}.river-head .muted{max-width:62ch;font-size:13px;line-height:1.7}.river-totals{flex-wrap:wrap;gap:12px 28px;margin:0;display:flex}.river-totals dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.river-totals dd{letter-spacing:-.02em;color:var(--forest-950);margin:4px 0 0;font-size:22px;font-weight:650}.river-totals .is-up dd{color:var(--forest-700)}.river-totals .is-down dd{color:var(--error)}.river-canvas{min-width:0;margin:0 -8px;overflow-x:auto}.river-svg{width:100%;min-width:720px;height:auto;display:block;overflow:visible}.river-flows{animation:river-reveal 1.5s var(--ease-out-soft) both}@keyframes river-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.river-band,.river-node{transition:opacity .3s}.river-band.is-dim,.river-node.is-dim{opacity:.16}.river-band:hover>path:first-child{filter:brightness(1.06)saturate(1.1)}.river-band.k-surplus>path:first-child{stroke:#8f9264;stroke-width:1px;stroke-dasharray:4 4}.river-current{fill:none;stroke:#fffaf0;stroke-opacity:.6;stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:1 13;pointer-events:none;animation:1.4s linear infinite river-flow}@keyframes river-flow{to{stroke-dashoffset:-14px}}.river-pool{fill:var(--forest-900);filter:drop-shadow(0 6px 14px #03241a55)}.river-node rect{fill:var(--forest-700)}.river-node.k-expense rect{fill:#a8741c}.river-node.k-surplus rect{fill:#8f9264}.river-node.k-shortfall rect{fill:var(--error)}.river-label{font:600 13px var(--font-body);fill:var(--forest-950)}.river-amount{font:500 12px var(--font-body);fill:var(--muted);font-variant-numeric:tabular-nums}.river-legend{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px;padding-top:18px;display:grid}.river-legend h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.river-legend ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.river-legend-item{text-align:left;width:100%;min-height:44px;color:var(--forest-950);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 10px;font-size:13px;transition:background .2s,border-color .2s;display:grid}.river-legend-item:hover,.river-legend-item.is-active{background:#fffaf0;border-color:#efe2c2}.river-legend-item i{background:var(--forest-700);border-radius:4px;width:12px;height:12px}.river-legend-item.k-expense i{background:var(--gold)}.river-legend-item.k-surplus i{background:#bdbe91;outline:1px dashed #8f9264}.river-legend-item.k-shortfall i{background:repeating-linear-gradient(-45deg, var(--error) 0 2px, #b2412b33 2px 5px)}.river-legend-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.river-legend-item small{color:#8f4926;grid-column:2/-1;font-size:11.5px}.river-pending{color:var(--muted);background:#fffaf080;border:1px dashed #c9b98f;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.river-pending span{border:1px dashed #a8741c;border-radius:4px;flex-shrink:0;width:22px;height:8px}.scan-stage{isolation:isolate;background:radial-gradient(70% 60% at 50% 30%,#0f4a37,#03241a 80%),#03241a;border-radius:18px;place-items:center;padding:22px 18px 26px;display:grid;position:relative;overflow:hidden}.scan-stage:before{content:"";z-index:-1;opacity:.35;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 22px),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 22px);position:absolute;inset:0}.scan-paper{background:#fff;border-radius:6px;max-width:100%;display:inline-block;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff1f,0 24px 50px -20px #000d}.scan-image{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:480px;transition:filter .6s;display:block}.is-scanning .scan-image{filter:saturate(.5)brightness(.92)contrast(1.05)}.scan-placeholder{aspect-ratio:3/4;align-content:start;gap:11px;width:min(240px,60vw);padding:24px 22px;display:grid}.scan-placeholder span{height:7px;width:var(--w);background:#e8e6dc;border-radius:4px;display:block}.scan-placeholder span:first-child{background:#d9d6c9;width:60%;height:12px;margin-bottom:8px}.scan-beam{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0%,#8ff5cf26 55%,#b9ffe399 94%,#ecfff6 98%,#0000 100%);border-radius:6px;height:22%;animation:2.4s ease-in-out infinite alternate scan-sweep;position:absolute;top:-22%;left:-4%;right:-4%;box-shadow:0 16px 24px -14px #8ff5cf}@keyframes scan-sweep{to{top:100%}}.scan-grid{pointer-events:none;background:repeating-linear-gradient(90deg,#8ff5cf14 0 1px,#0000 1px 16px),repeating-linear-gradient(0deg,#8ff5cf14 0 1px,#0000 1px 16px);border-radius:6px;animation:2.4s ease-in-out infinite alternate scan-grid;position:absolute;inset:0}@keyframes scan-grid{0%{opacity:.2}to{opacity:.7}}.scan-meter{color:#ecfff6;place-items:center;width:58px;height:58px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:14px;right:14px}.scan-meter svg{position:absolute;inset:0;transform:rotate(-90deg)}.scan-meter-track{fill:#03241acc;stroke:#ffffff26;stroke-width:3px}.scan-meter-fill{fill:none;stroke:#8ff5cf;stroke-width:3px;stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset .4s}.scan-meter-fill.is-indeterminate{transform-origin:22px 22px;animation:1.2s linear infinite meter-spin}@keyframes meter-spin{to{transform:rotate(360deg)}}.scan-line{pointer-events:none;animation:.4s both line-in;animation-delay:calc(var(--i,0) * 22ms);background:#2f7d4f12;border-radius:2px;position:absolute;box-shadow:inset 0 -1.5px #2f7d4f66}@keyframes line-in{0%{opacity:0;transform-origin:0;transform:scaleX(.3)}}.scan-mark{--c:var(--tone-amount);background:color-mix(in srgb, var(--c) 16%, transparent);box-shadow:0 0 0 2px var(--c), 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent);cursor:default;animation:mark-in .55s var(--ease-out-soft) both .25s;border:0;border-radius:4px;min-width:18px;min-height:14px;margin:0;padding:0;transition:background .2s,box-shadow .2s;position:absolute}.scan-mark.f-date{--c:var(--tone-date);animation-delay:.4s}.scan-mark.f-merchant{--c:var(--tone-merchant);animation-delay:.1s}.scan-mark.is-low{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--c);outline-offset:5px;outline:2px dashed #a85b2f}.scan-mark.is-selected{background:color-mix(in srgb, var(--c) 30%, transparent)}.scan-mark.is-focus{outline:3px solid var(--c);outline-offset:6px;animation:1.1s ease-in-out infinite mark-pulse}@keyframes mark-in{0%{opacity:0;transform:scale(1.35)}}@keyframes mark-pulse{50%{box-shadow:0 0 0 2px var(--c), 0 0 0 12px color-mix(in srgb, var(--c) 10%, transparent)}}.scan-mark-tag{background:var(--c);color:#fff;white-space:nowrap;border-radius:7px 7px 7px 2px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.5;position:absolute;bottom:calc(100% + 6px);left:-2px;box-shadow:0 4px 10px -4px #0008}.scan-mark.is-low .scan-mark-tag{background:#a85b2f}.scan-stage-note{color:#c4d6cb;margin-top:12px;font-size:12px}.scan-fly{z-index:2000;background:var(--tone-amount);color:#fff;font:700 14px var(--font-body);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 14px;position:fixed;box-shadow:0 12px 26px -10px #03241acc}.scan-fly.f-date{background:var(--tone-date)}.scan-just-filled{animation:field-filled 1.6s var(--ease-out-soft)}@keyframes field-filled{0%,25%{border-color:var(--gold);background:#fff4d6;box-shadow:0 0 0 4px #c58a2455}}.receipt-scan-choice{transition:border-color .2s,box-shadow .2s}.receipt-scan-choice.f-amount{box-shadow:inset 4px 0 0 var(--tone-amount)}.receipt-scan-choice.f-date{box-shadow:inset 4px 0 0 var(--tone-date)}.receipt-scan-choice.is-focus.f-amount{border-color:var(--tone-amount)}.receipt-scan-choice.is-focus.f-date{border-color:var(--tone-date)}.receipt-scan-choice.is-low{background:#fffaf0}.receipt-scan-low{font-weight:600;color:#a85b2f!important}@media (max-width:900px){.arcade-story{grid-template-columns:auto minmax(0,1fr)}.arcade-story-figure{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:14px}}@media (max-width:760px){.arcade-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:128px;grid-auto-flow:column;margin:0 -16px;padding:8px 16px 12px;overflow-x:auto}.arcade-row::-webkit-scrollbar{display:none}.arcade-arch{scroll-snap-align:center}.arcade-arch-label{font-size:13px}.arcade-story{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px}.arcade-story-icon{width:52px;height:52px}.arcade-story-figure strong{font-size:44px}.river{padding:20px 16px}.river-svg{min-width:0}.river-label,.river-amount{display:none}.river-legend{grid-template-columns:minmax(0,1fr)}.login-arch{width:120px;margin-bottom:20px}}@media (max-width:640px){.mission-arch{display:none}.scan-image{max-height:380px}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.river-current,.scan-beam,.scan-grid{display:none}}@media print{.journey-door,.scan-stage,.river-canvas{display:none!important}}