@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(./tajawal-400-arabic-CyCXRvzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(./tajawal-400-latin-BVNSOH3d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+2216,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(./tajawal-500-arabic-BZ8ojJNu.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(./tajawal-500-latin-CoYeBiSI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+2216,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(./tajawal-700-arabic-D2-eand5.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(./tajawal-700-latin-BypgxfGb.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+2216,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(./tajawal-800-arabic-TQp-UTiE.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(./tajawal-800-latin-CmI34b-g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+2216,U+FEFF,U+FFFD}:root{--navy-900: #0b1338;--navy-800: #131f56;--navy-700: #1a237e;--indigo: #2f3fd0;--brand-blue: #0372b7;--sky: #38bdf8;--amber: #ff8f00;--amber-2: #ffb300;--bg: #f4f6fb;--bg-soft: #eef1f8;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--text: #0d1b3e;--text-2: #33415c;--muted: #64748b;--faint: #94a3b8;--border: #e6eaf3;--border-strong: #d5dceb;--ring: rgba(47, 63, 208, .16);--sh-xs: 0 1px 2px rgba(13, 27, 62, .05);--sh-sm: 0 2px 8px rgba(13, 27, 62, .06);--sh: 0 6px 18px rgba(13, 27, 62, .07);--sh-md: 0 12px 30px rgba(13, 27, 62, .1);--sh-lg: 0 26px 60px rgba(13, 27, 62, .16);--sh-brand: 0 16px 40px rgba(26, 35, 126, .28);--ok: #0f9d76;--ok-bg: #e7f8f1;--ok-fg: #076b4f;--due: #e11d48;--due-bg: #fdeaef;--due-fg: #9f1239;--warn: #d97706;--warn-bg: #fef4e6;--warn-fg: #92400e;--info: #0284c7;--info-bg: #e5f4fd;--info-fg: #075985;--r-xs: 8px;--r-sm: 12px;--r: 16px;--r-lg: 22px;--r-xl: 28px;--page: 1120px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--nav-h: 74px;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;min-height:100vh;text-align:start;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset-block-start:0;inset-inline:0;height:340px;background:radial-gradient(900px 340px at 50% -120px,rgba(47,63,208,.16),transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:var(--brand-blue);text-decoration:none}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:6px}.num,.en{direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}.anim{animation:fade-up .5s var(--ease) both}.shell{width:100%;max-width:var(--page);margin-inline:auto;padding-inline:14px}.page{padding-block:14px calc(120px + var(--safe-b))}.topbar{position:relative;z-index:5;padding-block:calc(var(--safe-t) + 10px) 0}.topbar-card{display:flex;align-items:center;gap:11px;padding:9px 14px;background:#ffffffd1;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s}.brand-mark{width:40px;height:40px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,var(--navy-700),var(--indigo));box-shadow:0 6px 16px #1a237e47,inset 0 1px #ffffff40}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-txt{min-width:0;flex:1}.brand-title{font-weight:800;font-size:15.5px;line-height:1.3;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--navy-900)}.brand-sub{font-size:12px;line-height:1.35;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:11.5px;font-weight:700}.sync-chip .pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 #0f9d7680;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #0f9d7673}70%{box-shadow:0 0 0 7px #0f9d7600}to{box-shadow:0 0 #0f9d7600}}.icon-btn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:transform .15s var(--ease),background .2s,color .2s,box-shadow .2s}.icon-btn:hover{background:#fff;box-shadow:var(--sh-sm);color:var(--indigo)}.icon-btn:active{transform:scale(.92)}.icon-btn[disabled]{opacity:.5;pointer-events:none}.icon-btn.spin svg{animation:spin .9s linear infinite}.hero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-700) 52%,var(--indigo) 100%);color:#fff;padding:22px 20px 20px;box-shadow:var(--sh-brand);margin:14px 0 16px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:320px;height:320px;inset-block-start:-180px;inset-inline-end:-90px;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 62%)}.hero:after{width:240px;height:240px;inset-block-end:-150px;inset-inline-start:-60px;background:radial-gradient(circle,rgba(255,179,0,.26),transparent 65%)}.hero-grid{position:relative;z-index:2;display:grid;gap:14px}.hero-label{display:inline-flex;align-items:center;gap:7px;align-self:start;font-size:12.5px;font-weight:700;color:#c7d2fe;background:#ffffff1a;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:clamp(34px,11vw,50px);font-weight:800;line-height:1.1;letter-spacing:-.8px}.hero-amount .cur{font-size:.46em;font-weight:700;opacity:.85}.hero-amount .num{text-shadow:0 6px 22px rgba(0,0,0,.25)}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:800;background:#ffffff21;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill.ok{background:#0f9d7642;border-color:#5eead461}.pill.due{background:#e11d4842;border-color:#fda4af6b}.pill.warn{background:#d9770642;border-color:#fcd34d6b}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hstat{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);padding:10px 11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hstat .k{font-size:11.5px;color:#c7d2fe;font-weight:700;display:flex;align-items:center;gap:5px}.hstat .v{font-size:16px;font-weight:800;margin-top:2px;line-height:1.2}.hero-foot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:12px;margin-top:2px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:#dbe3ff}.hero-foot .nm{font-weight:800;font-size:15px;color:#fff}.hero-when{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.dock-wrap{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;padding:0 12px calc(10px + var(--safe-b));display:flex;justify-content:center;pointer-events:none}.dock{pointer-events:auto;display:flex;gap:2px;padding:6px;background:#ffffffe0;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border:1px solid var(--border);border-radius:999px;box-shadow:var(--sh-lg);max-width:100%;overflow-x:auto;scrollbar-width:none}.dock::-webkit-scrollbar{display:none}.dock-btn{flex:1 0 auto;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;border-radius:999px;color:var(--muted);font-size:11.5px;font-weight:700;transition:color .2s,background .2s,transform .15s;position:relative}.dock-btn .ic{display:grid;place-items:center}.dock-btn[aria-selected=true]{color:#fff;background:linear-gradient(140deg,var(--navy-700),var(--indigo));box-shadow:0 6px 16px #1a237e52}.dock-btn:not([aria-selected=true]):hover{color:var(--indigo);background:var(--surface-2)}.dock-btn .dot{position:absolute;inset-block-start:4px;inset-inline-end:12px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--due);color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden}.card+.card{margin-top:12px}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--navy-800);padding:14px 16px 10px}.section-title .cnt{font-size:11px;font-weight:800;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:999px}.row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 15px;width:100%;text-align:start;border-block-end:1px solid var(--border);transition:background .18s;position:relative}.row:last-child{border-block-end:none}button.row:hover{background:var(--surface-2)}button.row:active{background:var(--bg-soft)}.row-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.row-ic.inv{background:var(--due-bg);color:var(--due)}.row-ic.pay{background:var(--ok-bg);color:var(--ok)}.row-ic.wrk{background:var(--info-bg);color:var(--info)}.row-ic.mut{background:var(--surface-3);color:var(--muted)}.row-main{min-width:0}.row-title{font-weight:700;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}.row-sub{display:flex;flex-wrap:wrap;gap:3px 9px;align-items:center;font-size:12px;color:var(--muted);margin-top:2px}.row-sub .dot{opacity:.4}.row-amt{text-align:end;white-space:nowrap}.row-amt .v{font-weight:800;font-size:15px}.row-amt .s{font-size:11px;color:var(--faint);margin-top:1px}.amt-pos{color:var(--due)}.amt-neg{color:var(--ok)}.amt-zero{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--surface-3);color:var(--text-2)}.chip.ok{background:var(--ok-bg);color:var(--ok-fg)}.chip.due{background:var(--due-bg);color:var(--due-fg)}.chip.warn{background:var(--warn-bg);color:var(--warn-fg)}.chip.info{background:var(--info-bg);color:var(--info-fg)}.run{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;color:var(--muted);font-weight:700}.run b{color:var(--text);font-weight:800}.detail{border-block-start:1px dashed var(--border-strong);background:var(--surface-2);padding:14px 15px;animation:fade-in .22s var(--ease) both}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kv-item{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;min-width:0}.kv-k{font-size:11px;color:var(--muted);font-weight:700}.kv-v{font-size:13.5px;font-weight:700;margin-top:1px;overflow-wrap:anywhere}.table-wrap{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:#fff;margin-top:10px}.mini{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed}.mini th{text-align:start;font-size:10.5px;color:var(--muted);font-weight:800;padding:9px 10px;background:var(--surface-2);border-block-end:1px solid var(--border);white-space:nowrap}.mini td{padding:9px 10px;border-block-end:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini tbody tr:last-child td{border-block-end:none}.mini tbody tr:nth-child(2n){background:#fcfdff}.mini .end{text-align:end}.mini .c-color{width:26%;color:var(--text);font-weight:700}.mini .c-num{width:18.5%}.mini .muted{color:var(--muted);font-size:11px}.note-line{margin-top:10px;font-size:12.5px;color:var(--text-2);background:#fff;border-radius:var(--r-sm);padding:9px 11px;border-inline-start:3px solid var(--border-strong);overflow-wrap:anywhere}.track{display:grid;gap:12px}.track-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-xs);padding:14px 15px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.track-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--faint)}.track-card.st-waiting:before{background:var(--warn)}.track-card.st-working:before{background:var(--info)}.track-card.st-ready:before{background:var(--ok)}.track-card.st-invoiced:before{background:var(--indigo)}.track-card.st-waste:before{background:var(--due)}.track-card:hover{box-shadow:var(--sh);transform:translateY(-1px)}.track-head{display:flex;align-items:start;gap:10px}.track-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.st-waiting .track-ic{background:var(--warn-bg);color:var(--warn)}.st-working .track-ic{background:var(--info-bg);color:var(--info)}.st-ready .track-ic{background:var(--ok-bg);color:var(--ok)}.st-invoiced .track-ic{background:#eceafe;color:var(--indigo)}.st-waste .track-ic{background:var(--due-bg);color:var(--due)}.track-title{font-weight:800;font-size:14.5px;line-height:1.4}.track-sub{font-size:12px;color:var(--muted);margin-top:2px;display:flex;flex-wrap:wrap;gap:3px 9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}.badge.waiting{background:var(--warn-bg);color:var(--warn-fg)}.badge.working{background:var(--info-bg);color:var(--info-fg)}.badge.ready{background:var(--ok-bg);color:var(--ok-fg)}.badge.invoiced{background:#eceafe;color:#312e81}.badge.waste{background:var(--due-bg);color:var(--due-fg)}.progress{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:12px}.progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue),var(--sky));transition:width .8s var(--ease)}.st-ready .progress>i{background:linear-gradient(90deg,var(--ok),#34d399)}.st-invoiced .progress>i{background:linear-gradient(90deg,var(--indigo),var(--brand-blue))}.track-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.countdown{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;color:var(--info);background:var(--info-bg);padding:3px 10px;border-radius:999px}.countdown.ready{color:var(--ok-fg);background:var(--ok-bg)}.ready-note{display:flex;align-items:center;gap:7px;margin-top:10px;background:var(--ok-bg);color:var(--ok-fg);border-radius:var(--r-sm);padding:9px 11px;font-size:12.5px;font-weight:700}.filters{background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-xs);margin-bottom:12px;overflow:hidden}.filters-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:700;font-size:13.5px;color:var(--text-2)}.filters-head .lbl{margin-inline-end:auto}.filters-body{padding:0 14px 14px;display:grid;gap:10px;animation:fade-in .2s var(--ease) both}.field{display:grid;gap:5px;min-width:0}.field label{font-size:11.5px;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:5px}.field input{height:44px;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding-inline:12px;background:#fff;width:100%;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px var(--ring)}input[type=date]{direction:ltr}.filter-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--r-sm);font-weight:800;font-size:13.5px;transition:filter .2s,transform .12s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(140deg,var(--navy-700),var(--indigo));color:#fff;box-shadow:0 8px 20px #1a237e47}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--surface-3);color:var(--text-2)}.btn-ghost:hover{background:var(--bg-soft)}.btn-soft{background:var(--info-bg);color:var(--info-fg)}.btn-danger{background:var(--due-bg);color:var(--due-fg)}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:12.5px;border-radius:10px}.state{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:38px 20px;text-align:center;box-shadow:var(--sh-xs)}.state .ic{width:68px;height:68px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:var(--surface-3);color:var(--faint)}.state h3{margin:0 0 5px;font-size:16.5px}.state p{margin:0;color:var(--muted);font-size:13.5px}.skeleton{display:grid;gap:10px}.sk{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:15px;overflow:hidden;position:relative}.sk-line{height:11px;border-radius:999px;background:var(--surface-3);margin-bottom:9px}.sk-line.w70{width:70%}.sk-line.w45{width:45%}.sk-line.w25{width:25%}.sk-line:last-child{margin-bottom:0}.sk-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),transparent);transform:translate(-100%);animation:shimmer 1.3s infinite}.center{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(900px 500px at 50% -10%,#1a237e,#0b1338 60%,#070c22)}.center-card{width:100%;max-width:420px;background:#fff;border-radius:var(--r-xl);padding:28px 22px;box-shadow:var(--sh-lg);text-align:center;animation:pop .35s var(--ease) both}.center-card .big{width:64px;height:64px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;background:var(--due-bg);color:var(--due)}.center-card h2{margin:0 0 6px;font-size:19px}.center-card p{margin:0 0 4px;color:var(--muted);font-size:13.5px}.center-card .actions{display:grid;gap:8px;margin-top:18px}.center-card .code{margin:14px 0;padding:10px;border-radius:var(--r-sm);background:var(--surface-2);border:1px dashed var(--border-strong);font-weight:800;letter-spacing:3px;font-size:17px}.admin{min-height:100dvh;background:var(--bg)}.admin-head{background:linear-gradient(135deg,var(--navy-900),var(--indigo));color:#fff;padding:calc(var(--safe-t) + 18px) 0 18px}.admin-head .shell{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-title{font-size:17px;font-weight:800;margin-inline-end:auto}.admin-title small{display:block;font-size:12px;color:#c7d2fe;font-weight:600}.admin-head .icon-btn{background:#ffffff24;border-color:#fff3;color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:13px 14px;box-shadow:var(--sh-xs)}.stat-card .k{font-size:11.5px;color:var(--muted);font-weight:700;display:flex;gap:5px;align-items:center}.stat-card .v{font-size:20px;font-weight:800;line-height:1.25;margin-top:3px;color:var(--navy-800)}.admin-list{display:grid;gap:10px}.cust{background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-xs);padding:13px 14px;display:grid;gap:10px}.cust-top{display:flex;align-items:center;gap:10px}.cust-av{width:40px;height:40px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;background:#eceafe;color:var(--indigo);font-weight:800;font-size:15px}.cust-name{font-weight:800;font-size:14.5px;line-height:1.35}.cust-meta{font-size:12px;color:var(--muted);display:flex;gap:4px 10px;flex-wrap:wrap}.cust-bal{margin-inline-start:auto;text-align:end;white-space:nowrap}.cust-bal .v{font-weight:800;font-size:15px}.cust-bal .k{font-size:10.5px;color:var(--muted)}.link-box{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:8px 10px}.link-box .txt{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}.cust-actions{display:flex;gap:7px;flex-wrap:wrap}.toast{position:fixed;inset-inline:0;inset-block-end:calc(96px + var(--safe-b));margin-inline:auto;width:fit-content;max-width:90vw;z-index:90;background:var(--navy-800);color:#fff;padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:700;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:8px;animation:pop .25s var(--ease) both}.toast.ok{background:var(--ok)}.toast.err{background:var(--due)}.foot{margin-top:18px;display:grid;gap:7px;justify-items:center;text-align:center;color:var(--faint);font-size:11.5px}.foot .seal{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted);font-weight:700}@media (min-width: 760px){.shell,.topbar-inner{padding-inline:24px}.hero{padding:28px 26px 24px}.hero-stats{gap:12px}.hstat{padding:12px 14px}.hstat .v{font-size:19px}.filters-body{grid-template-columns:1fr 1fr 1.6fr;align-items:end}.kv{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,1fr)}.row{padding:14px 18px}.cust{grid-template-columns:1fr auto;align-items:center}.cust-actions{justify-content:end}.track-card{padding:16px 18px}}@media (min-width: 1080px){.page{padding-block:20px 140px}.card:hover{box-shadow:var(--sh)}}.amount-input{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:8px 14px;background:#fff;transition:border-color .2s,box-shadow .2s}.amount-input:focus-within{border-color:var(--indigo);box-shadow:0 0 0 4px var(--ring)}.amount-input .cur{font-size:19px;font-weight:800;color:var(--muted)}.amount-input input{flex:1 1 0;width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:26px;font-weight:800;height:44px;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}.quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hint{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--info-bg);color:var(--info-fg);font-size:12.5px;font-weight:700;line-height:1.6}.hint.soft{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.hint.warn{background:var(--warn-bg);color:var(--warn-fg)}.hint.bad{background:var(--due-bg);color:var(--due-fg)}.hint svg{flex:0 0 auto;margin-top:3px}.steps{margin:0 0 12px;padding:0 15px;list-style:none;counter-reset:s}.steps li{position:relative;padding-inline-start:34px;margin-bottom:10px;font-size:13.5px;line-height:1.7;color:var(--text-2);counter-increment:s}.steps li:before{content:counter(s);position:absolute;inset-inline-start:0;inset-block-start:1px;width:24px;height:24px;border-radius:50%;background:linear-gradient(140deg,var(--navy-700),var(--indigo));color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}.steps b{color:var(--text)}.steps .hl{color:var(--due-fg);font-weight:800}.qr-box{padding:0 15px 15px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.qr-frame{width:148px;height:148px;flex:0 0 auto;border-radius:var(--r);border:1px solid var(--border);background:#fff;padding:9px;display:grid;place-items:center;box-shadow:var(--sh-xs)}.qr-frame svg{width:100%;height:100%;display:block}.qr-side{flex:1;min-width:160px}.qr-side .addr{font-size:12.5px;font-weight:700;color:var(--text);direction:ltr;word-break:break-all;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:8px 10px;margin-top:4px}.qr-actions{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap}.muted-note{font-size:12px;color:var(--muted);margin-top:8px}.tx-input{width:100%;min-width:0;direction:ltr;text-align:start;letter-spacing:2px;font-size:18px;font-weight:800;height:52px}.result{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 13px;border-radius:var(--r-sm);font-size:13px;line-height:1.65}.result.ok{background:var(--ok-bg);color:var(--ok-fg)}.result.warn{background:var(--warn-bg);color:var(--warn-fg)}.result.err{background:var(--due-bg);color:var(--due-fg)}.result svg{flex:0 0 auto;margin-top:2px}.result b{display:block;font-size:13.5px;margin-bottom:2px}.result p{margin:0}.result .call{display:flex;align-items:center;gap:6px;margin-top:6px;font-weight:800}@media (max-width: 400px){.dock-btn{min-width:66px;padding:7px 8px;font-size:10.5px}.dock-btn .dot{inset-inline-end:6px}}@font-face{font-family:XA Plex;font-style:normal;font-weight:400;font-display:swap;src:url(./plexar-400-arabic-CyU-ddYS.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:XA Plex;font-style:normal;font-weight:400;font-display:swap;src:url(./plexar-400-latin-Bo5KPYvw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:XA Plex;font-style:normal;font-weight:500;font-display:swap;src:url(./plexar-500-arabic-C4MQITzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:XA Plex;font-style:normal;font-weight:500;font-display:swap;src:url(./plexar-500-latin-Cd6jVIg7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:XA Plex;font-style:normal;font-weight:600;font-display:swap;src:url(./plexar-600-arabic-0pRdybE_.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:XA Plex;font-style:normal;font-weight:600;font-display:swap;src:url(./plexar-600-latin-KrqB56Mw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:XA Plex;font-style:normal;font-weight:700;font-display:swap;src:url(./plexar-700-arabic-DrtBj6UE.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:XA Plex;font-style:normal;font-weight:700;font-display:swap;src:url(./plexar-700-latin-BzSf6GNr.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}.ld,body.ld-light{--ld-bg: #f6f8fc;--ld-bg-2: #eaf0f9;--ld-card: rgba(255, 255, 255, .78);--ld-card-2: #ffffff;--ld-line: rgba(11, 32, 66, .1);--ld-line-2: rgba(11, 32, 66, .16);--ld-txt: #0a1a2f;--ld-txt-2: #3c4d68;--ld-mut: #64748b;--ld-c1: #0891b2;--ld-c2: #0372b7;--ld-c3: #6d4aff;--ld-sh: 0 14px 34px rgba(11, 32, 66, .07);--ld-sh-2: 0 24px 54px rgba(11, 32, 66, .13);--ld-font: "XA Plex", "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif}body.ld-light{background:var(--ld-bg)}.ld{position:relative;min-height:100vh;background:var(--ld-bg);color:var(--ld-txt);font-family:var(--ld-font);overflow-x:clip;isolation:isolate}.ld-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 88% -8%,rgba(109,74,255,.1),transparent 62%),radial-gradient(760px 480px at 6% 4%,rgba(3,114,183,.13),transparent 60%),radial-gradient(1100px 700px at 50% 108%,rgba(8,145,178,.1),transparent 66%),linear-gradient(180deg,#f8fafd,#eef3fb 55%,#f8fafd)}.ld-grid-lines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.9;background-image:linear-gradient(rgba(11,32,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,32,66,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(1200px 700px at 50% 0%,#000 20%,transparent 78%);mask-image:radial-gradient(1200px 700px at 50% 0%,#000 20%,transparent 78%)}.ld-wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:18px}.ld-nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#f6f8fcc7;border-bottom:1px solid var(--ld-line)}.ld-nav-in{display:flex;align-items:center;justify-content:space-between;height:62px}.ld-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ld-txt)}.ld-logo-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--ld-c2),var(--ld-c3));box-shadow:0 8px 20px #0372b74d,inset 0 1px #ffffff59}.ld-logo-mark.sm{width:28px;height:28px;border-radius:9px}.ld-logo-txt{font-weight:700;font-size:15.5px;letter-spacing:.2px}.ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;color:#fff;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.ld-btn.sm{height:38px;padding:0 15px;font-size:13.5px}.ld-btn.lg{height:54px;padding:0 26px;font-size:15.5px}.ld-btn-wa{background:linear-gradient(140deg,#17c070,#069c5c);box-shadow:0 12px 26px #069c5c47,inset 0 1px #ffffff47}.ld-btn-wa:hover{box-shadow:0 18px 34px #069c5c5c,inset 0 1px #ffffff52}.ld-btn-ghost{background:#ffffffd9;border-color:var(--ld-line-2);color:var(--ld-txt);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ld-btn-ghost:hover{background:#fff;border-color:#0372b766;box-shadow:var(--ld-sh)}.ld-hero{padding-block:46px 54px}.ld-hero-in{display:grid;grid-template-columns:1fr;gap:34px;align-items:center}.ld-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:#ffffffd9;border:1px solid var(--ld-line-2);color:var(--ld-txt-2);font-size:12.5px;font-weight:700;box-shadow:0 6px 16px #0b20420d}.ld-dot{width:7px;height:7px;border-radius:50%;background:var(--ld-c1);box-shadow:0 0 0 4px #0891b229}.ld-h1{margin:16px 0 0;font-size:clamp(34px,9.2vw,66px);line-height:1.16;font-weight:700;letter-spacing:-.8px;text-wrap:balance}.ld-grad{background:linear-gradient(120deg,#01579b,#0891b2 45%,#6d4aff);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-sub{margin:16px 0 0;max-width:54ch;font-size:15.5px;line-height:2;color:var(--ld-txt-2);font-weight:500}.ld-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.ld-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;padding-top:24px;border-top:1px solid var(--ld-line)}.ld-stat-v{font-size:25px;font-weight:700;letter-spacing:-.4px;background:linear-gradient(120deg,#01579b,#0891b2 55%,#6d4aff);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-stat-l{font-size:11.5px;color:var(--ld-mut);font-weight:600;line-height:1.6;margin-top:2px}.ld-hero-media{position:relative}.ld-frame{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--ld-line-2);background:#fff;box-shadow:0 30px 60px #0b204229}.ld-hero-img{display:block;width:100%;height:100%;aspect-ratio:16 / 11;object-fit:cover}.ld-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(5,20,45,.3))}.ld-frame-tag{position:absolute;inset-inline-start:14px;inset-block-end:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#0616309e;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:700;color:#fff}.ld-sec{padding-block:54px}.ld-head{margin-bottom:26px}.ld-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--ld-c2);text-transform:uppercase}.ld-h2{margin:8px 0 0;font-size:clamp(23px,5.4vw,34px);font-weight:700;letter-spacing:-.5px;line-height:1.32;text-wrap:balance}.ld-bento{display:grid;grid-template-columns:1fr;gap:14px}.ld-tile{position:relative;overflow:hidden;border-radius:22px;background:var(--ld-card-2);border:1px solid var(--ld-line);box-shadow:var(--ld-sh);transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}.ld-tile:hover{border-color:#0372b761;box-shadow:var(--ld-sh-2)}.ld-tile-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#e8eef7}.ld-tile-img{display:block;width:100%;height:100%;object-fit:cover}.ld-tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(5,20,45,.22))}.ld-tile-tag{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.8px;color:#fff;background:#06163094;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ld-tile-body{padding:16px 17px 18px}.ld-tile-body h3{margin:0;font-size:16.5px;font-weight:700}.ld-tile-body p{margin:6px 0 0;font-size:13px;line-height:1.8;color:var(--ld-mut)}.ld-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}.ld-step{display:flex;gap:14px;align-items:flex-start;padding:16px 17px;border-radius:18px;background:var(--ld-card-2);border:1px solid var(--ld-line);box-shadow:var(--ld-sh);transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}.ld-step:hover{border-color:#0372b757;box-shadow:var(--ld-sh-2)}.ld-step-n{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:14px;color:#0b5f97;background:linear-gradient(140deg,#0372b71f,#6d4aff1f);border:1px solid var(--ld-line-2)}.ld-step-b b{display:block;font-size:15px;font-weight:700}.ld-step-b p{margin:4px 0 0;font-size:12.5px;line-height:1.8;color:var(--ld-mut)}.ld-split{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}.ld-about{margin:14px 0 0;font-size:14.5px;line-height:2.05;color:var(--ld-txt-2)}.ld-feats{display:grid;grid-template-columns:1fr;gap:11px}.ld-feat{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:17px;background:var(--ld-card-2);border:1px solid var(--ld-line);box-shadow:var(--ld-sh);transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}.ld-feat:hover{border-color:#0372b757;box-shadow:var(--ld-sh-2)}.ld-feat-ic{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#0b5f97;background:linear-gradient(140deg,#0891b224,#6d4aff24);border:1px solid var(--ld-line-2)}.ld-feat b{display:block;font-size:14.5px;font-weight:700}.ld-feat p{margin:3px 0 0;font-size:12.5px;line-height:1.8;color:var(--ld-mut)}.ld-cta{position:relative;overflow:hidden;text-align:center;padding:44px 22px 40px;border-radius:28px;background:linear-gradient(140deg,#e8f3ff,#f0ecff);border:1px solid rgba(3,114,183,.18);box-shadow:var(--ld-sh)}.ld-cta-glow{position:absolute;inset:-40% 0 auto;height:320px;pointer-events:none;background:radial-gradient(600px 300px at 50% 0%,rgba(3,114,183,.14),transparent 70%)}.ld-cta>*:not(.ld-cta-glow){position:relative}.ld-cta-p{margin:12px auto 0;max-width:46ch;font-size:14px;line-height:1.95;color:var(--ld-txt-2)}.ld-cta-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.ld-foot{border-top:1px solid var(--ld-line);padding-block:28px 34px;margin-top:20px}.ld-foot-in{display:grid;gap:8px;justify-items:center;text-align:center}.ld-foot-brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px}.ld-foot-note{margin:0;font-size:12.5px;color:var(--ld-mut);font-weight:600}.ld-foot-copy{margin:0;font-size:11.5px;color:#94a3b8}.ld-logo-img{width:36px;height:36px;border-radius:11px;display:block;box-shadow:0 8px 20px #0372b747,0 1px 2px #0b20421a}.ld-logo-img.sm{width:30px;height:30px;border-radius:9px}.ld img[data-reveal]{transition:opacity .9s var(--ease),transform 1.1s var(--ease);will-change:opacity,transform}.ld.ld-anim img[data-reveal]{opacity:0;transform:scale(1.09)}.ld.ld-anim img[data-reveal].is-in{opacity:1;transform:scale(1)}.ld-tile:hover img[data-reveal].is-in{transform:scale(1.07)}@keyframes ld-breathe{0%{transform:scale(1)}to{transform:scale(1.07)}}.ld.ld-anim .ld-hero-img.is-in{animation:ld-breathe 16s ease-in-out 1.2s infinite alternate}@media (prefers-reduced-motion: reduce){.ld.ld-anim img[data-reveal]{opacity:1;transform:none}.ld.ld-anim .ld-hero-img.is-in{animation:none}.ld-tile:hover img[data-reveal].is-in{transform:none}}@media (min-width: 760px){.ld-hero{padding-block:62px 74px}.ld-hero-in{grid-template-columns:1.05fr .95fr;gap:44px}.ld-bento{grid-template-columns:repeat(2,1fr)}.ld-split{grid-template-columns:1fr 1fr;gap:40px}.ld-feats,.ld-steps{grid-template-columns:repeat(2,1fr)}.ld-stats{max-width:520px}}@media (min-width: 1040px){.ld-bento{grid-template-columns:repeat(4,1fr)}.ld-steps{grid-template-columns:repeat(5,1fr)}.ld-step{flex-direction:column;gap:12px}}.chip.perm{background:var(--ok-bg);color:var(--ok-fg);border-color:#0f9d7640;font-weight:800}