.appliance-row { display: grid; grid-template-columns: 1fr 80px 80px 100px 40px; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--color-border); }
@media(max-width:600px) { .appliance-row { grid-template-columns: 1fr 1fr; } }
.cost-text { font-weight: 700; color: var(--color-primary); font-family: monospace; }
.summary-row { display: flex; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid var(--color-border); }
.summary-name { flex: 1; } .summary-cost { font-weight: 700; font-family: monospace; }
.total-bar { padding: 16px; background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(236,72,153,.1)); border-radius: var(--radius-md); text-align: center; }
.total-val { font-size: 2rem; font-weight: 800; background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.total-label { color: var(--color-text-secondary); font-size: .85rem; }
.preset-btn { padding: 6px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-full); background: transparent; color: var(--color-text); cursor: pointer; font-size: .8rem; transition: all .2s; }
.preset-btn:hover { border-color: var(--color-primary); background: rgba(99,102,241,.1); }
.remove-btn { background: none; border: none; color: #ef4444; cursor: pointer; font-size: 1.2rem; padding: 4px; }