@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-accent:#007f80;--brand-on-surface:var(--brand-accent);--input-fill:var(--container-highest);--primary:#00696a;--on-primary:#fff;--primary-container:#e0f3f0;--on-primary-container:#00686b;--primary-fixed:#c3eeeb;--primary-fixed-dim:#80cbc4;--on-primary-fixed:#00201f;--on-primary-fixed-variant:#005050;--secondary:#526975;--on-secondary:#fff;--secondary-container:#d4e6f2;--on-secondary-container:#0f2833;--secondary-fixed:#d4e6f2;--secondary-fixed-dim:#b9cdd9;--on-secondary-fixed:#0f2833;--on-secondary-fixed-variant:#3a4f5b;--tertiary:#995126;--on-tertiary:#fff;--tertiary-container:#ffdbc9;--on-tertiary-container:#351100;--tertiary-fixed:#ffdbc9;--tertiary-fixed-dim:#ffb68e;--on-tertiary-fixed:#351100;--on-tertiary-fixed-variant:#723516;--error:#b3261e;--on-error:#fff;--error-container:#f9dedc;--on-error-container:#410e0b;--surface:#fff;--on-surface:#101827;--on-surface-variant:#59677c;--background:#fbfdfd;--container-low:#f8fafc;--container:#f7f9fb;--container-high:#f4f6f8;--container-highest:#f1f4f6;--outline:#7a8797;--outline-variant:#c9d2dc;--shadow:#10182714;--positive:#0f7b4f;--positive-container:#d7f5e5;--on-positive-container:#063b25;--negative:#b3261e;--negative-container:#f9dedc;--on-negative-container:#410e0b;--warning:#8a5300;--warning-container:#ffe8cc;--on-warning-container:#482900;--neutral-amount:#101827;--chart-1:#00696a;--on-chart-1:#fff;--chart-2:#995126;--on-chart-2:#fff;--chart-3:#8a5300;--on-chart-3:#fff;--chart-4:#59652b;--on-chart-4:#fff;--chart-5:#a13b67;--on-chart-5:#fff;--chart-6:#526477;--on-chart-6:#fff;--chart-7:#006b8f;--on-chart-7:#fff;--chart-8:#3a5a9b;--on-chart-8:#fff;--ease-cubic:cubic-bezier(.645, .045, .355, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-accent:#007f80;--brand-on-surface:var(--primary);--input-fill:var(--container-high);--primary:#80cbc4;--on-primary:#003735;--primary-container:#005e5b;--on-primary-container:#b4f0e9;--primary-fixed:#c3eeeb;--primary-fixed-dim:#80cbc4;--on-primary-fixed:#00201f;--on-primary-fixed-variant:#005050;--secondary:#b9cdd9;--on-secondary:#243944;--secondary-container:#3a4f5b;--on-secondary-container:#d4e6f2;--secondary-fixed:#d4e6f2;--secondary-fixed-dim:#b9cdd9;--on-secondary-fixed:#0f2833;--on-secondary-fixed-variant:#3a4f5b;--tertiary:#ffb68e;--on-tertiary:#542100;--tertiary-container:#723516;--on-tertiary-container:#ffdbc9;--tertiary-fixed:#ffdbc9;--tertiary-fixed-dim:#ffb68e;--on-tertiary-fixed:#351100;--on-tertiary-fixed-variant:#723516;--error:#ffb4ab;--on-error:#690005;--error-container:#7f241f;--on-error-container:#ffdad6;--surface:#141d20;--on-surface:#e2eceb;--on-surface-variant:#b2c2c1;--background:#0c1315;--container-low:#151f22;--container:#192427;--container-high:#202d30;--container-highest:#283639;--outline:#73817f;--outline-variant:#3c4c4b;--shadow:#00000026;--positive:#6edba0;--positive-container:#063b25;--on-positive-container:#bdf4d4;--negative:#ffb4ab;--negative-container:#7f241f;--on-negative-container:#ffdad6;--warning:#ffb95c;--warning-container:#4a2800;--on-warning-container:#ffdeb0;--neutral-amount:#e2eceb;--chart-1:#80cbc4;--on-chart-1:#101827;--chart-2:#ffb68e;--on-chart-2:#101827;--chart-3:#ffb95c;--on-chart-3:#101827;--chart-4:#c3d393;--on-chart-4:#101827;--chart-5:#ffb0cf;--on-chart-5:#101827;--chart-6:#b8c8dc;--on-chart-6:#101827;--chart-7:#88d1f1;--on-chart-7:#101827;--chart-8:#aec6ff;--on-chart-8:#101827}*{box-sizing:border-box}html{background:var(--background);color:var(--on-surface);font-family:Vazirmatn,Roboto,Segoe UI,Arial,sans-serif;font-size:87.5%;line-height:1.42857}body{color:var(--on-surface);margin:0}button,input,select{font:inherit}button{cursor:pointer}button,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}h1,h2,h3,p,dl,dd{margin:0}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button{transition:background-color .15s,color .15s}button:hover:not(:disabled){background-image:linear-gradient(#8080800c,#8080800c)}button:active:not(:disabled){background-image:linear-gradient(#8080801f,#8080801f)}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex-shrink:0;width:24px;height:24px;display:inline-block}.app-container{max-width:1440px;padding:28px;margin-inline:auto;padding-block-end:calc(64px + var(--pwa-space,0px))}.app-header{margin-block-end:24px;display:flow-root}.brand-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;display:flex}.brand-row .icon-button{margin-inline:4px}.brand-row>.icon{width:36px;height:36px;color:var(--brand-on-surface)}h1{flex:auto;font-size:1.71429rem;font-weight:700;line-height:1.4}.header-actions{direction:rtl;flex-wrap:nowrap;flex-shrink:1;align-items:center;gap:8px;min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.install-button{border:1px solid var(--outline);min-height:40px;color:var(--primary);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;min-width:0;padding:7px 12px}.header-actions .icon-button{flex:0 0 40px}.icon-button{color:var(--on-surface-variant);border:1px solid var(--outline);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:7px;display:inline-flex}.calculator-tabs{border:1px solid var(--outline);background:var(--container-high);border-radius:999px;width:max-content;max-width:100%;margin-block:18px 2px;padding:4px;display:flex;position:relative;overflow:hidden}.calculator-tab-indicator{inset-block:4px;background:var(--primary);pointer-events:none;border-radius:999px;position:absolute;left:0}.calculator-tabs button{color:var(--on-surface-variant);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:6px 14px;font-size:1.07143rem;font-weight:400;line-height:1.57143rem;transition:none;display:inline-flex;position:relative}.calculator-tabs button:hover:not(:disabled),.calculator-tabs button:active:not(:disabled){background-image:none}.calculator-tabs button[aria-selected=true]{color:var(--on-primary)}.calculator-tabs button:focus-visible{outline-offset:-3px}.calculator-tabs button[aria-selected=true]:focus-visible{outline-color:var(--on-primary)}.layout-container{container-type:inline-size}.calculator-layout{align-items:start;gap:16px;display:grid}@container (width>=860px){.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.panel{color:var(--on-surface);box-shadow:inset 0 0 0 1px var(--outline-variant);background:var(--surface);border:0;border-radius:16px;min-width:0;padding:20px}.panel-heading{color:var(--on-surface);align-items:center;gap:10px;margin-block-end:20px;font-size:1.64286rem;font-weight:700;line-height:1.42857;display:flex}.calculator-form,.result-panel{flex-direction:column;display:flex}.panel-heading .icon{width:28px;height:28px;color:var(--primary)}.desktop-heading{margin-block-end:24px}.numeric-field{min-width:0;margin-block-end:24px}.field-label{margin-block-end:8px;font-weight:700;line-height:1.42857;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input,select{border:1px solid var(--outline);background:var(--input-fill);width:100%;min-width:0;min-height:56px;color:var(--on-surface);text-align:center;border-radius:10px;padding:15px 16px;font-size:1.14286rem;font-weight:500;line-height:1.71429rem}.has-value input{background:var(--surface)}input::placeholder{color:var(--on-surface-variant);opacity:1;direction:rtl;font-size:1rem;font-weight:400}.input-wrap input:focus,select:focus{border-color:var(--primary);box-shadow:inset 0 0 0 .5px var(--primary);outline:0}.input-unit{color:var(--on-surface-variant);pointer-events:none;visibility:hidden;font-size:1.14286rem;position:absolute;inset-inline-end:12px}.has-value .input-unit,.input-wrap:focus-within .input-unit{visibility:visible}.input-wrap:has(.input-unit) input{padding-inline:52px}.field-help{color:var(--on-surface-variant);overflow-wrap:anywhere;text-align:start;margin-block-start:4px;padding-inline:12px;font-size:.857143rem;line-height:1.35}.field-help:empty{display:none}.amount-words{color:var(--on-surface-variant);margin-block-start:8px;padding-inline:12px;font-size:.928571rem;line-height:1.4}.has-error .field-help,.result-error{color:var(--error)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error)}.input-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px 16px;margin-block-end:24px;display:grid}.input-pair .pair-label{align-self:end;font-weight:600;line-height:1.42857}.input-pair .numeric-field{margin:0}.fee-heading{border-block-start:1px solid var(--outline-variant);align-items:center;gap:8px;margin-block:12px;padding-block-start:12px;font-size:1.21429rem;font-weight:700;display:flex}.fee-heading .icon{color:var(--primary)}.fee-choices{border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 12px;padding:0;display:grid}.fee-option{border:1px solid var(--outline);background:var(--container-high);color:var(--on-surface-variant);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px;font-size:1rem;font-weight:500;display:flex}.fee-option:has(:checked){color:var(--on-primary-container);background:var(--primary-container);border-color:var(--primary);font-weight:700}.fee-option input{appearance:none;width:18px;height:18px;color:inherit;border:2px solid;border-radius:50%;flex-shrink:0;margin:0}.fee-option input:checked{background:radial-gradient(circle,currentColor 0 4px,#0000 4.5px)}.fee-option span{text-align:center;flex:1}.fee-input .numeric-field{margin-block-end:8px}.fee-hint{color:var(--on-surface-variant);margin-block-end:14px;font-size:.857143rem;line-height:1.4}.accordion{border-block:1px solid var(--outline-variant);margin-block-end:10px}.accordion-toggle{width:100%;color:var(--on-surface);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:28px 0;font-size:1.21429rem;font-weight:700;display:flex}.accordion-toggle>.icon{color:var(--on-surface-variant)}.accordion-toggle span{flex:1}.accordion-arrow{transition:transform .2s cubic-bezier(.4,0,.2,1)}.accordion-toggle[aria-expanded=true] .accordion-arrow{transform:rotate(180deg)}.accordion-body{grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1);display:grid}.accordion-body.expanded{grid-template-rows:1fr}.accordion-content{visibility:hidden;min-height:0;overflow:hidden}.expanded .accordion-content{visibility:visible}.accordion-content .numeric-field{margin-block-end:20px}.reset-row{justify-content:flex-end;display:flex}.text-button{color:var(--primary);background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:1.14286rem;display:inline-flex}.text-button .icon{width:20px;height:20px}.select-wrap{position:relative}select{appearance:none;cursor:pointer;padding-inline:40px;font-weight:400}.select-wrap .icon{inset-inline-end:12px;pointer-events:none;position:absolute;top:16px}.result-status{margin-block-end:12px;line-height:1.42857}.result-error{line-height:1.5}.empty-results{text-align:center;padding-block:36px;line-height:1.42857}.empty-results .icon{width:40px;height:40px;color:var(--outline-variant);margin-block-end:12px;margin-inline:auto;display:block}.result-amount{background:var(--container);border-radius:16px;padding:20px}.result-label{color:var(--on-surface-variant);margin-block-end:8px;font-size:1.14286rem;line-height:1.42857}.primary-value{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary-value .result-number{color:var(--neutral-amount);overflow-wrap:anywhere;font-size:2.57143rem;font-weight:700;line-height:1.42857}.result-number{-webkit-user-select:text;user-select:text;letter-spacing:-2px}.primary-value .result-unit{color:var(--on-surface-variant);font-size:1.07143rem}.result-rows{margin-block-start:8px}.result-row{border-block-end:1px solid var(--outline-variant);align-items:center;gap:12px;padding-block:16px;display:flex}.result-row dt,.result-row dd{flex:1;min-width:0}.result-row dt{color:var(--on-surface-variant);font-size:1.07143rem;line-height:1.5}.result-row dd{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.result-row .result-number{color:var(--neutral-amount);overflow-wrap:anywhere;font-size:1.57143rem;font-weight:700}.result-row .result-unit{color:var(--on-surface-variant);font-size:.857143rem}.long-schedule{overscroll-behavior:contain;height:360px;overflow-y:auto}.rate-section{margin-block:16px}.rate-section h3{margin-block-end:14px;font-size:1.14286rem;font-weight:600;line-height:1.5}.rate-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.14286rem),1fr));gap:12px 16px;display:grid}.rate-card{border:1px solid var(--outline-variant);background:var(--container);border-radius:16px;min-width:0;padding:16px}.rate-card p{color:var(--on-surface-variant);margin-block-end:4px;font-size:.928571rem;line-height:1.5}.rate-card .result-number{text-align:right;color:var(--neutral-amount);overflow-wrap:anywhere;font-size:1.71429rem;font-weight:700;line-height:1.25;display:block}.repayment{margin-block:20px;container-type:inline-size}.repayment h3{color:var(--on-surface);margin-block-end:12px;font-size:1.14286rem;line-height:1.5}.repayment-chart{grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;display:grid}.repayment-donut{justify-self:center;width:144px;max-width:100%;height:auto;display:block}@container (width>=21rem){.repayment-chart{grid-template-columns:minmax(96px,.35fr) minmax(0,.65fr)}.repayment-donut{width:100%;max-width:220px}}.repayment-slice{stroke:var(--surface);stroke-width:2px;stroke-linejoin:round}.repayment-donut-label{letter-spacing:-2px;pointer-events:none;font-family:inherit;font-size:13px;font-weight:600}.repayment-slice.principal{fill:var(--chart-1)}.repayment-slice.interest{fill:var(--chart-2)}.repayment-slice.commission{fill:var(--chart-3)}.repayment-donut-label.principal{fill:var(--on-chart-1)}.repayment-donut-label.interest{fill:var(--on-chart-2)}.repayment-donut-label.commission{fill:var(--on-chart-3)}.repayment-legend{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:18px 16px;min-width:0;display:grid}.repayment-legend>div{display:contents}.legend-label{min-width:0;color:var(--on-surface-variant);align-items:center;gap:8px;font-size:1rem;line-height:1.5;display:flex}.legend-label span{overflow-wrap:anywhere;min-width:0}.legend-label:before{content:"";border-radius:50%;flex:0 0 14px;height:14px}.legend-principal .legend-label:before{background:var(--chart-1)}.legend-interest .legend-label:before{background:var(--chart-2)}.legend-commission .legend-label:before{background:var(--chart-3)}.legend-value{text-align:right;gap:2px;min-width:0;display:grid}.legend-number{color:var(--neutral-amount);overflow-wrap:anywhere;font-size:1.14286rem;font-weight:600;line-height:1.5}.legend-meta{color:var(--on-surface-variant);overflow-wrap:anywhere;font-size:.857143rem;line-height:1.5}.repayment-note{color:var(--on-surface-variant);margin-block-start:12px;font-size:.857143rem}.mobile-action{display:none}.dialog-open{overflow:hidden}.results-dialog{background:var(--background);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--on-surface);border:0;margin:0;padding:0;inset:0}.results-dialog[open]{flex-direction:column;display:flex}.results-dialog::backdrop{background:#0008}.dialog-header{background:var(--surface);min-height:56px;padding:max(8px, env(safe-area-inset-top)) 8px 8px;flex-shrink:0;align-items:center;gap:24px;display:flex}.dialog-header .icon-button{color:var(--on-surface);border:0}.dialog-header h2{font-size:1.57143rem;font-weight:400}.dialog-content{padding:20px;padding-block-end:max(20px, env(safe-area-inset-bottom));overflow-y:auto}.pwa-controls{bottom:max(12px, env(safe-area-inset-bottom));z-index:5;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.857143rem;display:flex;position:fixed;left:12px;right:12px}.pwa-controls>*{mix-blend-mode:normal;animation:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(root){animation:none}::view-transition-image-pair(root){isolation:auto}:root[data-reveal=dark]::view-transition-new(root){z-index:2;will-change:clip-path}:root[data-reveal=light]::view-transition-old(root){z-index:2;will-change:clip-path}:root[data-reveal=dark]::view-transition-old(root){z-index:1}:root[data-reveal=light]::view-transition-new(root){z-index:1}:root[data-theme-transition] #app{pointer-events:none}:root[data-theme-transition] button{transition:none}:root[data-theme-fade=out] #app{animation:.15s both theme-fade-out}:root[data-theme-fade=in] #app{animation:.15s both theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:599.98px){.app-container{padding:20px;padding-block-end:calc(148px + env(safe-area-inset-bottom) + var(--pwa-space,0px))}.brand-row{min-height:48px}.brand-row>.icon{width:30px;height:30px}h1{font-size:1.42857rem}.calculator-form.panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.desktop-heading,.inline-results{display:none}.mobile-action{inset-inline:0;bottom:var(--pwa-space,0px);padding:8px 20px max(16px, env(safe-area-inset-bottom));background:var(--background);z-index:3;display:block;position:fixed}.calculate-button{background:var(--primary);width:100%;min-height:52px;color:var(--on-primary);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:500;display:flex}.calculate-button:disabled{background:color-mix(in srgb, var(--on-surface) 12%, var(--background));color:color-mix(in srgb, var(--on-surface) 38%, var(--background))}.calculate-button .icon{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
