*{box-sizing:border-box}body{color:#333;background:#f5f6f8;margin:0;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.container{background:#fff;border-radius:12px;max-width:720px;margin:0 auto;padding:2rem;box-shadow:0 2px 8px #00000014}h1{margin-top:0;font-size:1.6rem}.form{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.form select,.form input{border:1px solid #ccc;border-radius:6px;padding:.5rem;font-size:.95rem}.form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1.2rem}.form button:hover{background:#1d4ed8}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:.6rem .5rem}th{color:#888;font-size:.85rem;font-weight:500}td button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.85rem}td button:hover{background:#dc2626}.income{color:#16a34a}.expense{color:#dc2626}