:root { --gain-color: #059669; --loss-color: #dc2626; --income-color: #c59b27; }
.dark { --gain-color: #34d399; --loss-color: #f87171; --income-color: #fbbf24; }
.seg-btn { flex: 1; text-align: center; padding: .6rem .5rem; border-radius: .7rem; font-size: .72rem; font-weight: 700; color: var(--text-secondary); transition: all .2s ease; cursor: pointer; }
.seg-btn.active { background-color: var(--bg-surface); color: var(--accent-emerald); box-shadow: 0 2px 8px -2px rgba(18,22,25,.08); }
.num-field { background-color: var(--bg-secondary); border: 1px solid var(--border-main); color: var(--text-primary); border-radius: .65rem; }
.num-field:focus { outline: none; border-color: var(--accent-emerald); }
.stat-tile { border-radius: 1.25rem; padding: 1.1rem 1.25rem; border: 1px solid var(--border-main); }
.calc-tab-panel[hidden] { display: none; }
.warning-note { border-left: 3px solid var(--accent-gold); }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }