.gastos-head,.gasto-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.gastos-head span{background:#F5C400;color:#111;border-radius:999px;font-size:12px;font-weight:900;padding:6px 11px;white-space:nowrap}
.gastos-layout{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:18px;align-items:start}
.gasto-form{border-radius:16px;padding:18px;overflow:hidden}
.gasto-form h4,.gasto-list h4{font-size:18px;font-weight:900;margin-bottom:12px}
.gasto-field{display:grid;gap:6px;font-size:12px;font-weight:900;color:#4b5563;min-width:0}
.gasto-field .input,.gasto-form .input{width:100%;max-width:100%;min-width:0}
.gasto-list-head{margin-bottom:12px}.gasto-list-head div{display:flex;gap:8px;align-items:center}
.gastos-table{min-width:980px}.gasto-status{border-radius:999px;font-weight:900;padding:4px 8px}.gasto-pendiente{background:#fef3c7;color:#92400e}.gasto-confirmado{background:#d1fae5;color:#047857}
body.dark .gasto-field{color:#a3aab8}
@media(max-width:1100px){.gastos-layout{grid-template-columns:1fr}}
@media(max-width:800px){.gastos-head,.gasto-list-head{display:grid}.gastos-head span{width:max-content}.gasto-list-head div{display:grid}}