@layer base{*,:before,:after{box-sizing:border-box}html{height:100%}body,#root{height:100%;position:relative;overflow:hidden}body{background:var(--bg);color:var(--ink);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:var(--brand-ink)}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tnum{font-variant-numeric:tabular-nums}@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-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-down{0%{transform:none}to{transform:translateY(100%)}}@keyframes shimmer{to{background-position-x:-220%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes push-in{0%{opacity:.4;transform:translate(-26%)}to{opacity:1;transform:none}}@keyframes push-out{0%{transform:none}to{opacity:.5;transform:translate(14%)}}@keyframes pop-in-back{0%{opacity:.5;transform:translate(14%)}to{opacity:1;transform:none}}@keyframes pop-out{0%{transform:none}to{opacity:.4;transform:translate(-26%)}}@keyframes tab-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.stagger>*{animation:fade-up var(--d-3) var(--ease-out) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:55ms}.stagger>:nth-child(3){animation-delay:90ms}.stagger>:nth-child(4){animation-delay:.125s}.stagger>:nth-child(5){animation-delay:.16s}.stagger>:nth-child(6){animation-delay:.195s}.stagger>:nth-child(7){animation-delay:.23s}.stagger>:nth-child(8){animation-delay:.258s}.stagger>:nth-child(n+9){animation-delay:.28s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer kit{.ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.screen{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.bar{min-height:var(--bar-h);padding:max(6px, env(safe-area-inset-top)) 8px 6px;background:var(--surface);border-bottom:1px solid var(--line);flex:none;grid-template-columns:44px 1fr auto;align-items:center;gap:6px;display:grid}.bar-lg{background:var(--bg);border-bottom-color:#0000}.bar-btn{border-radius:var(--r-pill);width:44px;height:44px;color:var(--ink);transition:background var(--d-1) var(--ease);justify-content:center;align-items:center;display:inline-flex}button.bar-btn:active{background:var(--sunken)}.bar-mid{text-align:center;min-width:0}.bar-t{font:var(--t-h2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-lg .bar-t{font:var(--t-h1)}.bar-s{font:var(--t-xs);color:var(--muted);margin-top:1px}.bar-end{justify-content:flex-end;align-items:center;gap:2px;min-width:44px;display:flex}.body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.body-pad{padding:14px var(--gut) calc(22px + env(safe-area-inset-bottom))}.dock{padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;display:flex;box-shadow:0 -6px 18px -12px #10182066}.btn{border-radius:var(--r-md);min-width:44px;min-height:48px;font:var(--t-h3);transition:transform var(--d-1) var(--ease), background var(--d-1) var(--ease), opacity var(--d-1);justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex;position:relative;overflow:hidden}.btn-sm{min-height:44px;font:var(--t-xs);border-radius:var(--r-sm);padding:0 13px}.btn-full{flex:1;width:100%}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45}.btn-primary{background:var(--brand);color:var(--brand-on);box-shadow:var(--sh-1)}.btn-ghost{background:var(--brand-soft);color:var(--brand-ink)}.btn-quiet{background:var(--sunken);color:var(--ink)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-outline{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-outline:active:not(:disabled){background:var(--sunken)}.ripple{pointer-events:none;opacity:.22;animation:ripple .56s var(--ease-out) forwards;background:currentColor;border-radius:50%;position:absolute}@keyframes ripple{0%{opacity:.26;transform:scale(0)}to{opacity:0;transform:scale(1)}}.card{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;box-shadow:var(--sh-1);padding:14px;display:block}.card-act{transition:transform var(--d-1) var(--ease), box-shadow var(--d-1) var(--ease)}.card-act:active{box-shadow:none;transform:scale(.988)}.group+.group{margin-top:20px}.group-t{font:var(--t-xs);color:var(--muted);letter-spacing:.04em;margin:0 2px 8px}.group-in{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.group-in>*+*{border-top:1px solid var(--line)}.row{text-align:start;width:100%;min-height:54px;transition:background var(--d-1) var(--ease);background:0 0;align-items:center;gap:12px;padding:11px 14px;display:flex}button.row:active{background:var(--sunken)}.row-ic{border-radius:var(--r-sm);background:var(--brand-soft);width:34px;height:34px;color:var(--brand-ink);flex:none;place-items:center;display:grid}.row-mid{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-t{font:var(--t-h3);font-weight:500}.row-s{font:var(--t-xs);color:var(--muted)}.row-danger .row-ic{background:var(--bad-soft);color:var(--bad)}.row-danger .row-t{color:var(--bad)}.pill{border-radius:var(--r-pill);font:var(--t-xs);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-weight:500;display:inline-flex}.pill-neutral{background:var(--sunken);color:var(--ink-2)}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-brand{background:var(--brand-soft);color:var(--brand-ink)}.pill-gold{background:var(--gold);color:var(--gold-ink)}.money{align-items:baseline;gap:5px;display:inline-flex}.money b{font-weight:700}.money i{color:var(--muted);font-style:normal;font-weight:500}.money-lg b{letter-spacing:-.01em;font-size:32px}.money-lg i{font-size:15px}.money-md b{font-size:19px}.money-md i{font-size:12.5px}.money-sm b{font-size:15px}.money-sm i{font-size:11.5px}.empty{text-align:center;animation:fade-up var(--d-4) var(--ease-out) both;justify-items:center;gap:10px;padding:34px 18px;display:grid}.empty-ic{border-radius:var(--r-pill);place-items:center;width:66px;height:66px;display:grid}.empty-brand{background:var(--brand-soft);color:var(--brand-ink)}.empty-bad{background:var(--bad-soft);color:var(--bad)}.empty-warn{background:var(--warn-soft);color:var(--warn)}.empty-ok{background:var(--ok-soft);color:var(--ok)}.empty-neutral{background:var(--sunken);color:var(--ink-2)}.empty-t{font:var(--t-h2);margin-top:4px}.empty-b{font:var(--t-sm);color:var(--muted);max-width:30ch}.empty>.btn{margin-top:8px}.note{border-radius:var(--r-md);font:var(--t-xs);align-items:flex-start;gap:8px;padding:11px 13px;line-height:1.6;display:flex}.note .ic{margin-top:1px}.note-info{background:var(--sunken);color:var(--ink-2)}.note-warn{background:var(--warn-soft);color:var(--warn)}.note-ok{background:var(--ok-soft);color:var(--ok)}.field{display:block}.field+.field{margin-top:13px}.field-l{font:var(--t-xs);color:var(--muted);margin-bottom:6px;display:block}.field-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--d-1) var(--ease), box-shadow var(--d-1) var(--ease);align-items:center;gap:8px;padding:0 12px;display:flex}.field-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.field-in{min-width:0;min-height:48px;font:var(--t-body);background:0 0;border:0;outline:0;flex:1}.field-h{font:var(--t-xs);color:var(--muted);margin-top:5px;display:block}.tgl{background:0 0;flex:none;place-items:center;width:52px;height:44px;display:grid}.tgl-t{border-radius:var(--r-pill);background:var(--line-strong);width:48px;height:29px;transition:background var(--d-2) var(--ease);padding:3px;display:block}.tgl.on .tgl-t{background:var(--brand)}.tgl-k{width:23px;height:23px;box-shadow:var(--sh-1);transition:transform var(--d-2) var(--ease-spring);background:#fff;border-radius:50%;display:block}.tgl.on .tgl-k{transform:translate(-19px)}.seg{background:var(--sunken);border-radius:var(--r-md);gap:4px;padding:4px;display:flex}.seg-b{border-radius:var(--r-sm);min-height:44px;font:var(--t-xs);color:var(--muted);transition:background var(--d-2) var(--ease), color var(--d-2) var(--ease);flex:1;font-weight:500}.seg-b.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.skel{background:linear-gradient(100deg, var(--sunken) 30%, var(--line) 50%, var(--sunken) 70%);background-size:220% 100%;animation:1.3s linear infinite shimmer;display:block}.spin{color:var(--brand);animation:.82s linear infinite spin}.sheet-wrap{z-index:30;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet-wrap.out{pointer-events:none}.sheet-scrim{background:var(--scrim);animation:fade-in var(--d-2) var(--ease) both;position:absolute;inset:0}.sheet-wrap.out .sheet-scrim{animation:fade-out var(--d-2) var(--ease) both}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:86%;box-shadow:var(--sh-3);animation:sheet-up var(--d-3) var(--ease-out) both;flex-direction:column;display:flex;position:relative}.sheet-wrap.out .sheet{animation:sheet-down var(--d-2) var(--ease) both}.sheet-grab{background:var(--line-strong);border-radius:2px;flex:none;width:38px;height:4px;margin:9px auto 2px}.sheet-t{font:var(--t-h2);flex:none;padding:8px 18px 4px}.sheet-body{overscroll-behavior:contain;padding:10px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.toast{z-index:40;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font:var(--t-xs);box-shadow:var(--sh-3);animation:fade-up var(--d-3) var(--ease-spring) both;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:11px 16px;font-weight:500;display:flex;position:absolute;transform:translate(-50%)}.toast-bad{background:var(--bad);color:#fff}.frame{background:var(--bg);flex-direction:column;align-items:center;gap:12px;height:100%;padding:0;display:flex}.device{background:var(--bg);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.viewport{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.zoom{transform-origin:0 0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zoom[data-zooming=true]{will-change:transform}.zoom-out{z-index:50;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));border-radius:var(--r-pill);background:var(--ink);min-height:42px;color:var(--bg);font:500 12.5px/1 var(--font);box-shadow:var(--sh-3);animation:fade-up .22s var(--ease-out) both;align-items:center;gap:7px;padding:0 15px;display:inline-flex;position:absolute;transform:translate(-50%)}.statusbar{display:none}.sb-l{color:var(--ink);align-items:center;gap:6px;display:flex}.sb-batt{border:1.4px solid;border-radius:3px;width:20px;height:11px;position:relative}.sb-batt:after{content:"";background:currentColor;border-radius:1px;position:absolute;inset:1.6px}.stack{flex:auto;min-height:0;position:relative}.dir-push>*{animation:push-in var(--d-3) var(--ease) both}.dir-pop>*{animation:pop-in-back var(--d-3) var(--ease) both}.dir-tab>*{animation:tab-in var(--d-2) var(--ease-out) both}.boot{color:var(--muted);font:var(--t-sm);place-items:center;display:grid;position:absolute;inset:0}.boot-col{align-content:center;gap:12px}.lnk{color:var(--brand-ink);font:var(--t-h3);text-decoration:underline}.tabs{z-index:5;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.tab{min-height:var(--tab-h);font:var(--t-xs);color:var(--muted);transition:color var(--d-2) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.tab .ic{transition:transform var(--d-2) var(--ease-spring)}.tab.on{color:var(--brand-ink)}.tab.on .ic{transform:translateY(-1px)scale(1.06)}.tab-dot{background:var(--brand);opacity:0;width:4px;height:4px;transition:opacity var(--d-2) var(--ease), transform var(--d-2) var(--ease-spring);border-radius:50%;position:absolute;top:6px;transform:scale(.4)}.tab.on .tab-dot{opacity:1;transform:none}.rail{display:none}.rail-b{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-height:42px;color:var(--ink);font:var(--t-xs);box-shadow:var(--sh-2);white-space:nowrap;text-overflow:ellipsis;transition:border-color var(--d-1) var(--ease), color var(--d-1) var(--ease);align-items:center;gap:8px;padding:0 13px;font-weight:500;display:inline-flex;overflow:hidden}.rail-b:hover{border-color:var(--brand);color:var(--brand-ink)}.rail-b.sq{justify-content:center;width:42px;padding:0}@media (height>=580px){.frame{gap:10px;padding:10px 10px 12px}.device{aspect-ratio:390/844;width:auto;max-width:100%;box-shadow:var(--sh-3), 0 0 0 5px var(--surface), 0 0 0 6px var(--line-strong);border-radius:26px;flex:auto}.rail{flex:none;gap:8px;display:flex}.statusbar{font:var(--t-xs);color:var(--ink);background:var(--surface);flex:none;justify-content:space-between;align-items:center;padding:6px 18px 2px;font-weight:600;display:flex}}@media (width>=760px) and (height>=700px){.frame{gap:12px;padding:20px 20px 22px}.device{box-shadow:var(--sh-3), 0 0 0 9px var(--surface), 0 0 0 10px var(--line-strong);border-radius:36px}.statusbar{padding:6px 20px 2px}}.ix{z-index:60;align-items:end;display:grid;position:fixed;inset:0}@media (width>=760px){.ix{align-items:center;padding:24px}}.ix-scrim{background:var(--scrim);animation:fade-in var(--d-2) var(--ease) both;position:absolute;inset:0}.ix-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:560px;max-height:86dvh;box-shadow:var(--sh-3);animation:sheet-up var(--d-3) var(--ease-out) both;flex-direction:column;margin-inline:auto;display:flex;position:relative;overflow:hidden}@media (width>=760px){.ix-panel{border-radius:var(--r-xl);animation:pop-in var(--d-2) var(--ease-out) both}}.ix-hd{border-bottom:1px solid var(--line);font:var(--t-h3);flex:none;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.ix-bd{overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.ix-g{z-index:1;background:var(--surface);font:var(--t-xs);color:var(--muted);border-bottom:1px solid var(--line);padding:10px 16px 6px;position:sticky;top:0}.ix-r{width:100%;min-height:44px;font:var(--t-sm);color:var(--ink);text-align:start;align-items:center;gap:12px;padding:9px 16px;display:flex}.ix-r:hover{background:var(--sunken)}.ix-r.on{color:var(--brand-ink);font-weight:600}.ix-r i{text-align:end;min-width:22px;color:var(--muted);font-size:12px;font-style:normal}}:root{--bg:#f5f5f5;--surface:#fff;--surface-2:#fafafa;--sunken:#f2f2f2;--line:#e3e4e4;--edge:#82888e;--line-strong:#c9ccd0;--ink:#1a1d21;--ink-2:#4a5159;--muted:#696f78;--brand:#006ba8;--brand-ink:#00568a;--brand-soft:#ebf8ff;--brand-on:#fff;--hero-a:#0069a5;--hero-b:#00548a;--on-hero:#fff;--on-hero-dim:#d1e4ef;--on-hero-ink:#00568a;--gold:#f0d82c;--gold-ink:#735a0b;--ok:#0c6b3f;--ok-soft:#e8f5ee;--warn:#8a6100;--warn-soft:#fdf6e3;--bad:#b3261e;--bad-soft:#fdf0f0;--e1:#4db6c9;--e1-edge:#245e69;--e2:#dec84d;--e2-edge:#7a6e27;--e3:#ffde23;--e3-edge:#917d0f;--e4:#e44040;--e4-edge:#631717;--track:#e3e7eb;--s-0:var(--bg);--s-1:var(--surface);--s-2:var(--surface-2);--s-3:var(--sunken);--sh-1:0 1px 2px #1018200f, 0 1px 1px #1018200a;--sh-2:0 4px 14px -4px #10182024, 0 2px 4px -2px #10182014;--sh-3:0 18px 40px -12px #10182047, 0 6px 14px -6px #10182024;--scrim:#0a101880;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--font:"IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--t-display:700 40px/1.08 var(--font);--t-hero:700 32px/1.16 var(--font);--t-h1:700 26px/1.24 var(--font);--t-h2:600 21px/1.3 var(--font);--t-h3:600 17.5px/1.38 var(--font);--t-body:400 15.5px/1.6 var(--font);--t-sm:400 14px/1.5 var(--font);--t-xs:500 12.5px/1.45 var(--font);--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.32, .64, 1);--d-1:.14s;--d-2:.22s;--d-3:.32s;--d-4:.46s;--bar-h:56px;--tab-h:62px;--gut:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1620;--surface:#161f2b;--surface-2:#1b2532;--sunken:#121a24;--line:#323a44;--edge:#646a70;--line-strong:#4a5461;--ink:#f4f7fa;--ink-2:#c3ccd6;--muted:#97a2ae;--brand:#2398d7;--brand-ink:#7cc0e6;--brand-soft:#0c2a42;--brand-on:#06121c;--hero-a:#0a5f96;--hero-b:#063f66;--ok:#6bd39b;--ok-soft:#0f2e1e;--warn:#e8bd63;--warn-soft:#2e2510;--bad:#ff8983;--bad-soft:#341717;--track:#273140;--on-hero:#fff;--on-hero-dim:#d1e4ef;--on-hero-ink:#00568a;--gold:#f0d82c;--gold-ink:#735a0b;--sh-1:0 1px 2px #00000080;--sh-2:0 4px 16px -4px #0000009e, 0 2px 4px -2px #00000080;--sh-3:0 20px 46px -14px #000c, 0 6px 16px -6px #0009;--scrim:#02060aad}}:root[data-theme=dark]{--bg:#0e1620;--surface:#161f2b;--surface-2:#1b2532;--sunken:#121a24;--line:#323a44;--edge:#646a70;--line-strong:#4a5461;--ink:#f4f7fa;--ink-2:#c3ccd6;--muted:#97a2ae;--brand:#2398d7;--brand-ink:#7cc0e6;--brand-soft:#0c2a42;--brand-on:#06121c;--hero-a:#0a5f96;--hero-b:#063f66;--ok:#6bd39b;--ok-soft:#0f2e1e;--warn:#e8bd63;--warn-soft:#2e2510;--bad:#ff8983;--bad-soft:#341717;--track:#273140;--on-hero:#fff;--on-hero-dim:#d1e4ef;--on-hero-ink:#00568a;--gold:#f0d82c;--gold-ink:#735a0b;--sh-1:0 1px 2px #00000080;--sh-2:0 4px 16px -4px #0000009e, 0 2px 4px -2px #00000080;--sh-3:0 20px 46px -14px #000c, 0 6px 16px -6px #0009;--scrim:#02060aad}