@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";:root{--color-dark: #2d2d2d;--color-cream: #faf6f0;--color-accent: #d4890e;--color-accent-soft: #efc878;--color-border: #b8b1a8;--color-muted: #6f6a63;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--ease-standard: cubic-bezier(.2, .7, .2, 1);font-family:Vazirmatn,sans-serif;line-height:1.5;font-weight:400;color:var(--color-dark);background-color:var(--color-cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{direction:rtl}body{min-width:320px;background-color:var(--color-cream)}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1460px,95vw);margin:0 auto;padding:24px 0 44px;color:var(--color-dark)}.app-header{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;background:var(--color-cream);animation:rise-in .42s var(--ease-standard)}.app-header h1{margin:0;font-size:clamp(1.3rem,2.2vw,2rem)}.app-header p{margin:10px 0 0;color:var(--color-muted)}.flow-visualization{margin-top:14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 18px;animation:rise-in .55s var(--ease-standard)}.flow-visualization h2{margin:0 0 10px;font-size:1.02rem}.flow-row{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px}.flow-node{border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;white-space:nowrap;font-size:.85rem;animation:pulse-up .45s var(--ease-standard)}.flow-node.accent{border-color:var(--color-accent)}.flow-arrow{color:var(--color-muted);font-size:.9rem}.app-layout{margin-top:14px;display:grid;grid-template-columns:2fr minmax(340px,1fr);gap:14px;align-items:start}.app-form{display:grid;gap:14px}.app-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-cream);overflow:hidden;animation:rise-in .52s var(--ease-standard)}.app-section-header{padding:14px 16px 10px;border-bottom:1px solid #dad3c8}.app-section-header h2{margin:0;font-size:1rem}.app-section-header p{margin:6px 0 0;color:var(--color-muted);font-size:.88rem}.app-section-body{padding:14px 16px 16px;display:grid;gap:12px}.ui-grid{display:grid;gap:10px}.ui-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-field{position:relative;display:grid;gap:6px}.ui-field-label{font-size:.83rem;color:var(--color-muted)}.ui-dropdown-trigger,.ui-number-wrapper,.ui-toggle{min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-cream)}.ui-dropdown-trigger{width:100%;padding:0 12px;color:var(--color-dark);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ui-dropdown-arrow{transform:rotate(0);transition:transform .22s var(--ease-standard)}.ui-dropdown-arrow.is-open{transform:rotate(180deg)}.ui-dropdown-menu{position:absolute;top:calc(100% + 4px);inset-inline:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-cream);max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .26s var(--ease-standard),opacity .22s var(--ease-standard),transform .22s var(--ease-standard);transform:translateY(-6px);z-index:8}.ui-dropdown-menu.is-open{max-height:240px;opacity:1;pointer-events:auto;overflow-y:auto;transform:translateY(0)}.ui-dropdown-item{width:100%;border:0;border-bottom:1px solid #ebe3d8;background:transparent;text-align:right;padding:10px 12px;color:var(--color-dark);cursor:pointer}.ui-dropdown-item:last-child{border-bottom:0}.ui-dropdown-item.is-selected{background:#f3e2be}.ui-number-wrapper{display:grid;grid-template-columns:36px 1fr 36px auto;align-items:center}.ui-number-input{width:100%;border:0;background:transparent;outline:none;text-align:center;padding:0 8px;color:var(--color-dark)}.ui-step-btn{height:100%;border:0;border-inline-end:1px solid #d9d1c5;background:#f6eddf;color:var(--color-dark);cursor:pointer}.ui-step-btn:first-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.ui-step-btn:last-of-type{border-inline-end:1px solid #d9d1c5;border-inline-start:1px solid #d9d1c5;border-radius:var(--radius-md) 0 0 var(--radius-md)}.ui-number-suffix{padding:0 8px;color:var(--color-muted);font-size:.85rem}.ui-toggle{display:grid;grid-template-columns:1fr 1fr;padding:2px}.ui-toggle-option{border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-dark);cursor:pointer}.ui-toggle-option.is-active{background:#f3e2be}.result-panel{position:sticky;top:14px}.result-highlight{border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);padding:10px 12px}.result-label{margin:0;font-size:.82rem;color:var(--color-muted)}.result-highlight h3{margin:4px 0;font-size:1rem}.result-meta{margin:0;color:var(--color-muted);font-size:.82rem}.result-grid{display:grid;grid-template-columns:1fr;gap:6px}.result-item{display:flex;justify-content:space-between;border:1px dashed #d8cfbf;border-radius:var(--radius-sm);padding:8px 10px}.result-item strong{font-weight:600}.result-amounts{border:1px solid #d2c9bb;border-radius:var(--radius-md)}.result-amounts>div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #ddd5c9}.result-amounts>div:last-child{border-bottom:0}.breakdown-list{max-height:250px;overflow:auto;border:1px solid #d9d1c4;border-radius:var(--radius-md)}.breakdown-row{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #e3dccf;font-size:.88rem}.breakdown-row:last-child{border-bottom:0}.warning-box{border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:8px 10px;background:#f8ecd3}.warning-box p{margin:0 0 6px;font-size:.83rem}.warning-box p:last-child{margin-bottom:0}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-up{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:1180px){.app-layout{grid-template-columns:1fr}.result-panel{position:static}}@media(max-width:920px){.ui-grid.cols-3{grid-template-columns:1fr 1fr}}@media(max-width:620px){.app-shell{width:95vw;padding-top:14px}.ui-grid.cols-3{grid-template-columns:1fr}}