@font-face{font-family:College;src:url('../fonts/iransans/woff2/IRANSansXFaNum-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:College;src:url('../fonts/iransans/woff2/IRANSansXFaNum-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--canvas:#f2f5f7;--surface:#fff;--text:#142838;--muted:#586b79;--line:#d7e0e7;--soft:#f5f8fa;--brand:#8bea2d}
:root[data-theme=dark]{color-scheme:dark;--canvas:#071827;--surface:#102a3b;--text:#ecf3f8;--muted:#b4c5d1;--line:#355164;--soft:#163448}
*{box-sizing:border-box}.installment-portal{margin:0;background:var(--canvas);color:var(--text);font:15px/1.9 College,sans-serif}.inst-shell{width:min(100% - 32px,800px);margin:24px auto 48px}.inst-shell nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inst-shell a{color:inherit;text-underline-offset:5px}.inst-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.inst-hero{background:#092437;color:#fff;padding:28px 24px}.inst-hero>span{color:#a2f45a;font-size:13px}.inst-hero h1{font-size:clamp(22px,4vw,32px);line-height:1.6;margin:8px 0 12px}.inst-hero p{color:#d2dee7}.inst-totals{display:grid;grid-template-columns:1fr;gap:8px}.inst-totals>div{display:flex;justify-content:space-between;gap:12px;background:#ffffff0e;padding:12px;border-radius:12px;font-size:13px}.inst-content{padding:24px}.inst-content h2{font-size:18px}.inst-schedule{list-style:none;padding:0;display:grid;gap:12px}.inst-schedule li{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);padding:16px;border-radius:14px}.inst-schedule li>div:last-child{text-align:left}.inst-schedule small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.inst-schedule .is-paid{border-inline-start:4px solid #4c9f28}.inst-schedule .is-overdue{border-inline-start:4px solid #d88e16}.inst-notice{padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.inst-help{color:var(--muted);font-size:13px;line-height:2}.inst-shell button,.inst-shell input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-height:46px}.inst-shell button{cursor:pointer;background:var(--soft);color:var(--text)}.inst-shell input{width:100%;background:var(--surface);color:var(--text);margin:6px 0 16px}.inst-shell input[type=tel],.inst-shell input[name=code]{direction:ltr;text-align:right}.inst-shell label{display:block}.inst-shell .inst-primary{display:block;width:100%;background:var(--brand);color:#082134;border:0;font-weight:700;margin:22px 0 10px}.inst-shell button:disabled{opacity:.5;cursor:wait}.inst-shell :focus-visible{outline:3px solid #72bf28;outline-offset:3px}#inst-message{min-height:28px;color:var(--text);overflow-wrap:anywhere}.inst-account{display:block;text-align:center;margin-top:20px}.inst-shell footer{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.inst-shell [hidden]{display:none!important}
@media(min-width:640px){.inst-content{padding:32px}.inst-hero{padding:32px}.inst-totals{grid-template-columns:repeat(3,1fr)}.inst-totals>div{display:block}.inst-totals strong{display:block;margin-top:8px}}
@media(max-width:380px){.inst-content{padding:16px}.inst-schedule li{padding:12px;font-size:13px}}
@media(max-width:639px){.inst-shell:has(.inst-pay){padding-bottom:90px}.inst-shell .inst-pay{position:fixed;z-index:10;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;width:calc(100% - 32px);box-shadow:0 5px 28px #0005;min-height:54px}}
.inst-payment-result{padding:24px;margin-bottom:20px;border-inline-start:4px solid var(--brand)}.inst-payment-result h2{margin:0 0 12px;font-size:22px;line-height:1.7}.inst-payment-result p{margin:10px 0;line-height:1.95}.inst-result-actions{display:grid;gap:12px;margin:20px 0}.inst-result-actions a{display:flex!important;justify-content:center;align-items:center;text-align:center;padding:12px 16px;min-height:52px;border-radius:12px;margin:0!important;text-decoration:none;border:1px solid var(--line)}@media(min-width:640px){.inst-result-actions{grid-template-columns:1fr 1fr}}