.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}}

.caja-kpi{border-color:#16a34a33}.caja-kpi b{color:#15803d}
.caja-panel{border:1px solid #16a34a26;background:linear-gradient(135deg,#f0fdf4,#ffffff)}
.caja-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,520px);gap:16px;align-items:end}
.caja-top span{display:block;font-size:12px;font-weight:900;color:#166534;text-transform:uppercase;letter-spacing:.04em}.caja-top b{display:block;font-size:30px;font-weight:950;color:#15803d;line-height:1.1}.caja-top small{display:block;color:#64748b;margin-top:6px}.caja-form{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:end}.caja-table{min-width:720px}.caja-badge{border-radius:999px;font-weight:900;padding:4px 8px}.caja-entrada{background:#d1fae5;color:#047857}.caja-salida{background:#fee2e2;color:#b91c1c}
body.dark .caja-panel{background:linear-gradient(135deg,#052e16,#111827);border-color:#16a34a55}body.dark .caja-top small{color:#a3aab8}
@media(max-width:900px){.caja-top{grid-template-columns:1fr}.caja-form{grid-template-columns:1fr}}