.calculator-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);max-width:var(--container-narrow);margin-left:auto;margin-right:auto}@media (width>=768px){.calculator-card{padding:var(--space-8)}}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.form-helper{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-body);color:var(--color-text-primary);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.form-input:hover{border-color:#cbd5e1}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-input::placeholder{color:var(--color-text-faint)}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #fee2e2}.form-select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-size:var(--text-body);color:var(--color-text-primary);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer}.form-select:hover{border-color:#cbd5e1}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.input-with-unit{gap:var(--space-2);display:flex}.input-with-unit .form-input{flex:1}.input-with-unit .form-select{flex-shrink:0;width:auto;min-width:80px}.form-row{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}}.form-radio-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.form-radio-label{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);display:inline-flex}.form-radio-label:hover{border-color:var(--color-primary-200);background-color:var(--color-primary-50)}.form-radio-label input[type=radio]{accent-color:var(--color-primary)}.form-radio-label.active{border-color:var(--color-primary);background-color:var(--color-primary-50);color:var(--color-primary-dark);font-weight:500}.calc-tabs{gap:var(--space-1);background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-6);display:flex}.calc-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:center;transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500}.calc-tab:hover{color:var(--color-text-primary)}.calc-tab.active{background:var(--color-card);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.btn-calculate{width:100%;padding:var(--space-4);font-size:var(--text-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;font-weight:600}.btn-calculate:hover{background-color:var(--color-primary-dark)}.btn-calculate:active{transform:translateY(1px)}.btn-calculate:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-reset{margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500;display:block}.btn-reset:hover{color:var(--color-text-primary)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);display:none}.form-error.visible{display:block}.result-panel{margin-top:var(--space-6);max-width:var(--container-narrow);margin-left:auto;margin-right:auto;display:none}.result-panel.visible{display:block}.result-main{text-align:center;padding:var(--space-6) var(--space-4);background:linear-gradient(135deg, var(--color-primary-50), var(--color-primary-100));border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.result-label{font-size:var(--text-sm);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:500}.result-value{font-size:var(--text-4xl);color:var(--color-primary-dark);font-weight:700;line-height:1.2}@media (width>=768px){.result-value{font-size:var(--text-5xl)}}.result-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.result-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.result-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.result-grid{grid-template-columns:repeat(4,1fr)}}.result-metric{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.result-metric-value{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:700}.result-metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.progress-container{margin-bottom:var(--space-6)}.progress-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.progress-title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.progress-value{font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.progress-bar{background-color:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:10px;overflow:hidden}.progress-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-fill.success{background-color:var(--color-success)}.progress-fill.warning{background-color:var(--color-warning)}.progress-fill.error{background-color:var(--color-error)}.result-actions{justify-content:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.result-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.result-action-btn:hover{color:var(--color-primary);border-color:var(--color-primary-200);background-color:var(--color-primary-50)}.status-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:500}.status-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #bbf7d0}.status-warning{background-color:var(--color-warning-light);color:#b45309;border:1px solid #fde68a}.status-error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid #fecaca}.timeline{gap:var(--space-4);padding-left:var(--space-6);border-left:2px solid var(--color-border);margin-bottom:var(--space-6);flex-direction:column;display:flex}.timeline-item{padding-left:var(--space-4);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-6) - 5px);background:var(--color-primary);border:2px solid var(--color-card);border-radius:50%;width:10px;height:10px;position:absolute;top:4px}.timeline-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:500}.timeline-content{font-size:var(--text-sm);color:var(--color-text-secondary)}.dynamic-rows{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.dynamic-row{gap:var(--space-2);align-items:end;display:flex}.dynamic-row .form-group{flex:1;margin-bottom:0}.btn-remove-row{padding:var(--space-3);color:var(--color-text-faint);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);flex-shrink:0;align-self:flex-end}.btn-remove-row:hover{color:var(--color-error);background-color:var(--color-error-light)}.btn-add-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-primary);border:1px dashed var(--color-primary-200);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.btn-add-row:hover{background-color:var(--color-primary-50);border-color:var(--color-primary)}.percentage-circle{width:160px;height:160px;margin:0 auto var(--space-4);position:relative}.percentage-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.percentage-circle-bg{fill:none;stroke:var(--color-border);stroke-width:8px}.percentage-circle-fill{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.percentage-circle-text{font-size:var(--text-4xl);color:var(--color-primary-dark);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calculator-page[data-astro-cid-n5yxtf5f]{padding-top:var(--space-6);padding-bottom:var(--space-12)}@media (width>=768px){.calculator-page[data-astro-cid-n5yxtf5f]{padding-top:var(--space-8)}}.calculator-h1[data-astro-cid-n5yxtf5f]{margin-bottom:var(--space-3)}.calculator-intro[data-astro-cid-n5yxtf5f]{color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-6);max-width:600px;line-height:1.6}@media (width>=768px){.calculator-intro[data-astro-cid-n5yxtf5f]{margin-bottom:var(--space-8)}}.calculator-content[data-astro-cid-n5yxtf5f]{margin-top:var(--space-12)}.related-section[data-astro-cid-n5yxtf5f]{max-width:var(--container-max)}.related-heading[data-astro-cid-n5yxtf5f]{margin-bottom:var(--space-6)}.related-card[data-astro-cid-n5yxtf5f]{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;display:flex}.related-card-icon[data-astro-cid-n5yxtf5f]{font-size:var(--text-2xl);flex-shrink:0}.related-card-content[data-astro-cid-n5yxtf5f]{flex:1;min-width:0}.related-card-name[data-astro-cid-n5yxtf5f]{font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600}.related-card-desc[data-astro-cid-n5yxtf5f]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.related-card-arrow[data-astro-cid-n5yxtf5f]{color:var(--color-text-faint);font-size:var(--text-lg);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.related-card[data-astro-cid-n5yxtf5f]:hover .related-card-arrow[data-astro-cid-n5yxtf5f]{color:var(--color-primary);transform:translate(2px)}