.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 18px;box-shadow:var(--shadow)}
small{display:block;color:var(--muted);margin-top:5px}.label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:3px}.money{font-size:16px;font-weight:800;white-space:nowrap}.technical{margin-top:12px;padding:9px;background:#f4f6f4;border-radius:7px}
.client-header,.section-heading,.step{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.balance{text-align:right}.balance span,.bank-data span,.client-stats span{display:block;color:var(--muted);font-size:12px}.balance strong{font-size:25px;color:var(--brand)}
.client-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.client-stats>div,.bank-data>div{background:#f6f8f6;border:1px solid var(--line);border-radius:10px;padding:13px}.client-stats strong{display:block;font-size:20px}.bank-data{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-bottom:16px}.nested{box-shadow:none;margin-top:12px}.positive{color:#176142;font-weight:700}.negative{color:var(--danger);font-weight:700}
.result-card{border-top:4px solid var(--brand2)}.step{justify-content:flex-start}.step>span{display:grid;place-items:center;background:var(--brand);color:white;border-radius:50%;width:32px;height:32px;font-weight:800}.step p{margin:2px 0;color:var(--muted)}.result-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:20px 0}.result-form label,.confirm-result label{font-size:12px;font-weight:700}.result-form select,select{width:100%;border:1px solid #cbd5cd;background:#fff;border-radius:8px;padding:10px}.preview{border-top:1px solid var(--line);padding-top:20px}.confirm-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:16px}.section-heading{margin:28px 0 15px}.section-heading .filter{margin:0}
@media(max-width:900px){.client-stats{grid-template-columns:repeat(2,1fr)}.result-form{grid-template-columns:1fr 1fr}.result-form label:first-child{grid-column:1/-1}.confirm-result{grid-template-columns:1fr}}
@media(max-width:560px){.client-header,.section-heading{display:block}.balance{text-align:left;margin-top:12px}.bank-data,.result-form{grid-template-columns:1fr}.result-form label:first-child{grid-column:auto}.client-stats{grid-template-columns:1fr 1fr}}