.calculator{background:var(--clr-bg-secondary);border:1px solid var(--clr-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-8)}.calculator__grid{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.calculator__inputs{padding:var(--space-8);border-right:1px solid var(--clr-border);display:flex;flex-direction:column;gap:var(--space-5)}.calculator__inputs-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-2)}.calc-field{display:flex;flex-direction:column;gap:var(--space-2)}.calc-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);display:flex;align-items:center;justify-content:space-between}.calc-field__hint{font-size:var(--fs-xs);color:var(--clr-text-muted);font-weight:var(--fw-regular)}.calc-field__input-wrap{position:relative}.calc-field__prefix,.calc-field__suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--clr-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);pointer-events:none}.calc-field__prefix{left:var(--space-3)}.calc-field__suffix{right:var(--space-3)}.calc-field__input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--clr-text-primary);background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.calc-field__input--has-prefix{padding-left:var(--space-8)}.calc-field__input--has-suffix{padding-right:var(--space-8)}.calc-field__input:hover{border-color:var(--clr-border-hover)}.calc-field__input:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-glow)}.calc-field__error{font-size:var(--fs-xs);color:var(--clr-error);display:none}.calc-field--error .calc-field__input{border-color:var(--clr-error)}.calc-field--error .calc-field__error{display:block}.calc-field__select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--clr-text-primary);background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.calc-field__select:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-glow)}.calc-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.calc-toggle__label{font-size:var(--fs-sm);color:var(--clr-text-secondary)}.calc-toggle__switch{position:relative;width:44px;height:24px;background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.calc-toggle__switch::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--clr-text-muted);border-radius:50%;transition:all var(--transition-fast)}.calc-toggle input{position:absolute;opacity:0;width:0;height:0}.calc-toggle input:checked+.calc-toggle__switch{background:var(--clr-accent);border-color:var(--clr-accent)}.calc-toggle input:checked+.calc-toggle__switch::after{transform:translateX(20px);background:white}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.calculator__results{padding:var(--space-8);background:var(--clr-bg-primary);display:flex;flex-direction:column}.calculator__results-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-6)}.result-highlight{text-align:center;padding:var(--space-6);background:var(--clr-bg-secondary);border:1px solid var(--clr-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.result-highlight__label{font-size:var(--fs-sm);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wider);margin-bottom:var(--space-2)}.result-highlight__value{font-size:var(--fs-4xl);font-weight:var(--fw-bold);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.result-highlight__sub{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-top:var(--space-1)}.result-breakdown{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.result-breakdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--clr-border)}.result-breakdown__item:last-child{border-bottom:none}.result-breakdown__label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--clr-text-secondary)}.result-breakdown__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.result-breakdown__value{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-text-primary)}.result-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.result-summary__item{background:var(--clr-bg-secondary);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-4)}.result-summary__label{font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wider);margin-bottom:var(--space-1)}.result-summary__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-text-primary)}.chart-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.chart-canvas{width:200px;height:200px}.chart-center{position:absolute;text-align:center}.chart-center__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-text-primary)}.chart-center__label{font-size:var(--fs-xs);color:var(--clr-text-muted)}.amortization{margin-top:var(--space-8)}.amortization__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.amortization__title{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.amortization__toggle{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-accent);cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:var(--space-1)}.amortization__table-wrap{overflow-x:auto;border:1px solid var(--clr-border);border-radius:var(--radius-md)}.amortization__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.amortization__table thead{background:var(--clr-bg-elevated)}.amortization__table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--fw-semibold);color:var(--clr-text-secondary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wider);white-space:nowrap;position:sticky;top:0;background:var(--clr-bg-elevated)}.amortization__table td{padding:var(--space-3) var(--space-4);color:var(--clr-text-secondary);border-top:1px solid var(--clr-border);white-space:nowrap}.amortization__table tbody tr:hover{background:rgba(6,214,160,0.03)}.amortization__table .year-row{background:var(--clr-bg-elevated);font-weight:var(--fw-semibold)}.amortization__table .year-row td{color:var(--clr-text-primary)}.amortization__more{text-align:center;padding:var(--space-4)}.calc-breakdown{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-6)}.calc-breakdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--clr-border)}.calc-breakdown__item:last-child{border-bottom:none}.calc-breakdown__label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--clr-text-secondary)}.calc-breakdown__value{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--clr-text-primary);text-align:right}.calc-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.btn--full{flex:1;justify-content:center}.calc-verdict{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:rgba(6,214,160,0.08);border-left:3px solid var(--clr-accent);border-radius:var(--radius-sm)}.calc-verdict h4{color:var(--clr-accent);margin-bottom:var(--space-1);font-size:var(--fs-base);font-weight:var(--fw-semibold)}.calc-verdict p{font-size:var(--fs-sm);color:var(--clr-text-secondary);line-height:var(--lh-relaxed);margin:0}.result-highlight{min-height:120px;display:flex;flex-direction:column;justify-content:center;contain:layout}.calc-breakdown{min-height:160px;contain:layout}.chart-container{min-height:200px;contain:layout}