.tools-page{flex-direction:column;gap:24px;display:flex}.tools-header{flex-direction:column;display:flex}.tool-tabs{gap:var(--space-16);flex-wrap:wrap;display:flex}.tool-tab{align-items:center;gap:var(--space-8);height:48px;padding:0 var(--space-20);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-surface-primary);cursor:pointer;transition:all .2s;display:inline-flex;position:relative}.tool-tab:hover{background:var(--color-surface-blue);border-color:var(--brand-blue);color:var(--brand-blue)}.tool-tab:hover svg,.tool-tab.active svg{color:var(--brand-blue)}.tool-tab.active{background:var(--color-surface-blue);border-color:var(--brand-blue);color:var(--brand-blue)}.tools-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tools-panel,.results-panel{align-self:start;gap:var(--space-32);border:1px solid var(--color-border-primary);background:var(--color-surface-primary);border-radius:20px;flex-direction:column;padding:24px;display:flex}.panel-header{flex-direction:column;gap:6px;display:flex}.panel-header p{color:var(--color-text-muted)}.input-section{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group input,.input-group select{border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-surface-primary);outline:none;width:100%;height:48px;padding:0 16px;transition:border-color .2s,background-color .2s}.input-group input:hover,.input-group select:hover,.input-group input:focus,.input-group select:focus{background:var(--color-surface-blue);border-color:var(--brand-blue)}.results-panel{gap:var(--space-32);flex-direction:column;display:flex}.results-table{flex-direction:column;display:flex}.results-table-header,.results-table-row{padding:var(--space-16) 0;border-bottom:1px solid var(--color-border-primary);grid-template-columns:1.2fr 1fr 1.2fr;align-items:center;display:grid}.result-option{align-items:center;gap:var(--space-8);display:flex}.result-dot{border-radius:999px;width:8px;height:8px}.result-dot.renting{background:var(--brand-blue)}.result-dot.buying{background:var(--brand-teal)}.negative-text{color:var(--color-danger)}.breakdown-section{gap:var(--space-16);flex-direction:column;display:flex}.breakdown-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.breakdown-card{gap:var(--space-10);padding:var(--space-24);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.breakdown-card.renting{background:var(--color-surface-blue);border:1px solid #0067a726}.breakdown-card.buying{background:#e8f6f6;border:1px solid #01abad26}.breakdown-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.breakdown-card.renting:before{background:var(--brand-blue)}.breakdown-card.buying:before{background:var(--brand-teal)}.chart-section{gap:var(--space-16);flex-direction:column;display:flex}.chart-header{justify-content:space-between;align-items:center;display:flex}.chart-filter{height:40px;padding:0 var(--space-16);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary)}.chart-placeholder{border-radius:var(--radius-lg);background:var(--color-surface-primary);justify-content:center;align-items:center;height:280px;display:flex}.insight-card{padding:var(--space-20);border-radius:var(--radius-md);background:var(--color-surface-blue);border:1px solid #0067a726}.insight-text{align-items:flex-start;gap:var(--space-8);display:flex}