*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{color:#1f2937;background:#f4f6f8;margin:0}.container{max-width:1200px;margin:auto;padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:14px;margin:20px;padding:20px;box-shadow:0 10px 25px #0000000f}h1{margin-bottom:20px}input,select,button{border:1px solid #d1d5db;border-radius:8px;padding:10px}button{color:#fff;cursor:pointer;background:#2563eb;border:none}button:hover{background:#1e40af}.form-grid{gap:10px;display:grid}.transaction-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.transaction-row{background:#f9fafb;border-left:5px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.transaction-row.income{border-left-color:#22c55e}.transaction-row.expense{border-left-color:#ef4444}.transaction-row .title{font-weight:600}.transaction-row .meta{color:#6b7280;font-size:12px}.transaction-row .amount{font-weight:600}.transaction-row.income .amount{color:#16a34a}.transaction-row.expense .amount{color:#dc2626}