:root{--ink:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--canvas:#f5f5f7;--paper:#ffffff;--hairline:#d2d2d7;--hairline-soft:#e8e8ed;--accent:#0b7a5b;--accent-press:#0a6a4f;--accent-tint:#e7f3ee;--danger:#b3261e;--r-card:20px;--r-field:12px;--r-seg:10px;--r-pill:980px;--shadow-card:0 1px 2px rgba(0,0,0,.04), 0 10px 30px rgba(0,0,0,.06);--fs-12:.75rem;--fs-13:.8125rem;--fs-15:.9375rem;--fs-17:1.0625rem;--fs-21:1.3125rem;--fs-28:1.75rem;--fs-44:2.75rem;--font:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink:#f5f5f7;--muted:#a1a1a6;--faint:#8a8a8e;--canvas:#000000;--paper:#1c1c1e;--hairline:#3a3a3c;--hairline-soft:#2c2c2e;--accent:#2fbf8f;--accent-press:#28a97e;--accent-tint:#123027;--shadow-card:0 1px 2px rgba(0,0,0,.5), 0 12px 34px rgba(0,0,0,.55)}}:root[data-theme=dark]{--ink:#f5f5f7;--muted:#a1a1a6;--faint:#8a8a8e;--canvas:#000000;--paper:#1c1c1e;--hairline:#3a3a3c;--hairline-soft:#2c2c2e;--accent:#2fbf8f;--accent-press:#28a97e;--accent-tint:#123027;--shadow-card:0 1px 2px rgba(0,0,0,.5), 0 12px 34px rgba(0,0,0,.55)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:env(safe-area-inset-top,0)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--fs-17);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}.wrap{max-width:660px;margin-inline:auto;padding:56px 20px 96px}.crumbs{font-size:var(--fs-13);color:var(--faint);margin:0 0 20px}.crumbs a{color:var(--faint);text-decoration:none}.crumbs a:hover{color:var(--muted)}h1{font-size:var(--fs-28);line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.lede{font-size:var(--fs-17);color:var(--muted);margin:0 0 32px;max-width:56ch}.lede b{color:var(--ink);font-weight:600}.tool{background:var(--paper);border:1px solid var(--hairline-soft);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden}.fields{padding:24px 24px 8px}.field{margin-bottom:20px}.field>label{display:block;font-size:var(--fs-15);font-weight:500;color:var(--ink);margin-bottom:8px}.hint{display:block;font-size:var(--fs-13);color:var(--faint);font-weight:400;margin-top:2px}.control{width:100%;height:52px;padding:0 16px;background:var(--paper);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-field);font-family:var(--font);font-size:var(--fs-17);font-weight:500;transition:border-color .15s ease,box-shadow .15s ease}.control:hover{border-color:var(--muted)}.control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}input[type=number].control{text-align:start;font-variant-numeric:tabular-nums}input[type=date].control{font-variant-numeric:tabular-nums}.affix{position:relative}.affix .unit{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:var(--fs-15);pointer-events:none}.affix .control{padding-inline-start:44px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:460px){.row{grid-template-columns:1fr}}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--canvas);border-radius:var(--r-seg);padding:4px}@media (max-width:460px){.seg{grid-auto-flow:row;grid-auto-columns:auto}}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label{text-align:center;padding:9px 8px;border-radius:8px;cursor:pointer;font-size:var(--fs-15);font-weight:500;color:var(--muted);transition:background .15s ease,color .15s ease,box-shadow .15s ease;user-select:none}.seg input:checked+label{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000001f}.seg input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.special{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:var(--fs-13);color:var(--muted);line-height:1.5}.special input{width:20px;height:20px;margin-top:1px;accent-color:var(--accent);flex:none}.result{border-top:1px solid var(--hairline-soft);padding:24px}.result[data-empty=true] .amount,.result[data-empty=true] .lines,.result[data-empty=true] .cta,.result[data-empty=true] .legal{display:none}.placeholder{display:none;color:var(--faint);font-size:var(--fs-15);padding:8px 0 4px}.result[data-empty=true] .placeholder{display:block}.err{display:none;color:var(--danger);font-size:var(--fs-15);font-weight:500}.result[data-error=true] .err{display:block}.result[data-error=true] .amount,.result[data-error=true] .lines,.result[data-error=true] .cta,.result[data-error=true] .legal,.result[data-error=true] .placeholder{display:none}.amount{display:flex;align-items:baseline;gap:8px}.amount .label{font-size:var(--fs-13);color:var(--muted);font-weight:500}.amount .figure{font-size:var(--fs-44);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05}.amount .cur{font-size:var(--fs-21);font-weight:500;color:var(--muted)}.amount-head{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.lines{border-top:1px solid var(--hairline-soft)}.line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--hairline-soft);font-size:var(--fs-15)}.line dt{color:var(--muted);font-weight:400;margin:0}.line dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums;text-align:start}.line dd .sub{display:block;font-size:var(--fs-12);color:var(--faint);font-weight:400}.line.total dt,.line.total dd{font-weight:600;color:var(--ink)}.line.total{border-bottom:none}.badge{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);font-size:var(--fs-13);font-weight:600}.badge.zero{background:var(--hairline-soft);color:var(--muted)}.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:20px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-field);font-family:var(--font);font-size:var(--fs-17);font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease}.cta:hover{background:var(--accent-press)}.cta:active{transform:scale(.99)}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cta svg{width:18px;height:18px}.legal{margin-top:16px}.src{font-size:var(--fs-13);color:var(--muted);margin:0 0 6px}.src a{color:var(--accent);text-decoration:none}.src a:hover{text-decoration:underline}.disc{font-size:var(--fs-12);color:var(--faint);margin:0;line-height:1.55}.result:not([data-empty=true]):not([data-error=true]) .amount-head,.result:not([data-empty=true]):not([data-error=true]) .lines{animation:rise .32s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.adslot{margin:28px 0 0;height:120px;border:1px dashed var(--hairline);border-radius:var(--r-field);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:var(--fs-12);background:transparent}.explainer{margin-top:44px}.explainer h2{font-size:var(--fs-21);font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.explainer p{color:var(--muted);font-size:var(--fs-15);margin:0 0 16px;max-width:60ch}.formula{background:var(--paper);border:1px solid var(--hairline-soft);border-radius:var(--r-field);padding:16px 18px;font-size:var(--fs-15);color:var(--ink)}.formula div{padding:6px 0}.formula div+div{border-top:1px solid var(--hairline-soft)}.formula .k{color:var(--accent);font-weight:600}details{border-top:1px solid var(--hairline-soft)}details summary{list-style:none;cursor:pointer;padding:16px 0;font-size:var(--fs-17);font-weight:500;display:flex;justify-content:space-between;align-items:center}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";color:var(--faint);font-weight:400;font-size:var(--fs-21)}details[open] summary:after{content:"–"}details p{padding-bottom:16px;margin:0}.hero{margin:0 0 40px}.hero .brand{display:inline-block;font-size:var(--fs-13);font-weight:600;letter-spacing:.02em;color:var(--accent);margin:0 0 12px}.hub{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 8px;padding:0;list-style:none}@media (max-width:520px){.hub{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--paper);border:1px solid var(--hairline-soft);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .05s ease}a.card:hover{border-color:var(--accent)}a.card:active{transform:scale(.995)}a.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card .c-title{font-size:var(--fs-17);font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card .c-desc{font-size:var(--fs-13);color:var(--muted);line-height:1.5;margin:0}.card.soon{cursor:default;box-shadow:none;background:transparent;border-style:dashed}.card.soon .c-title{color:var(--muted)}.card .soon-tag{display:inline-block;padding:1px 9px;border-radius:var(--r-pill);background:var(--hairline-soft);color:var(--muted);font-size:var(--fs-12);font-weight:600}.prose{margin-top:8px}.prose h2{font-size:var(--fs-21);font-weight:600;letter-spacing:-.01em;margin:32px 0 12px}.prose h2:first-of-type{margin-top:24px}.prose p{color:var(--ink);font-size:var(--fs-15);margin:0 0 16px;max-width:64ch;line-height:1.75}.prose ul{margin:0 0 16px;padding-inline-start:22px;color:var(--ink);font-size:var(--fs-15);line-height:1.75}.prose li{margin-bottom:8px;max-width:62ch}.prose a{color:var(--accent);text-decoration:none}.prose a:hover{text-decoration:underline}.prose .updated{font-size:var(--fs-13);color:var(--faint);margin:24px 0 0}.prose strong{font-weight:600}.related{list-style:none;margin:0;padding:0}.related li{padding:14px 0;border-bottom:1px solid var(--hairline-soft)}.related li:last-child{border-bottom:none}.related a{display:block;color:var(--accent);text-decoration:none;font-size:var(--fs-15);font-weight:600}.related a:hover{text-decoration:underline}.related .r-desc{display:block;color:var(--muted);font-size:var(--fs-13);margin-top:4px;line-height:1.5}.site-footer{border-top:1px solid var(--hairline-soft);background:var(--paper);padding:32px 20px;margin-top:64px}.foot-nav{max-width:660px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin-bottom:14px}.foot-nav a{color:var(--muted);text-decoration:none;font-size:var(--fs-13);font-weight:500}.foot-nav a:hover{color:var(--accent)}.foot-note{max-width:660px;margin-inline:auto;text-align:center;color:var(--faint);font-size:var(--fs-12);margin:0;line-height:1.6}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}