*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#1a1a1a;color:#e0e0e0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:15px}.container{width:100%;max-width:600px;padding:20px;background:#2c2c2c;border-radius:10px;box-shadow:0 0 12px #0009;transition:all .3s ease}h1{text-align:center;color:#fff;font-size:1.8rem;margin-bottom:15px}.balance h2{color:#4ade80;font-size:1.4rem;text-align:center;margin-bottom:20px}.transaction-form{display:grid;gap:12px;margin-bottom:20px;grid-template-columns:1fr}.transaction-form input,.transaction-form select{padding:10px;border:1px solid #444;border-radius:6px;background:#333;color:#e0e0e0;font-size:1rem;width:100%;transition:border-color .3s ease}.transaction-form input:focus,.transaction-form select:focus{outline:none;border-color:#4ade80}.transaction-form input::placeholder{color:#888}.form-buttons{display:flex;flex-direction:column;gap:10px}.transaction-form button,.cancel-btn{padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.transaction-form button{background-color:#4ade80;color:#1a1a1a}.transaction-form button:hover{background-color:#3ab567}.cancel-btn{background-color:#6b7280;color:#fff}.cancel-btn:hover{background-color:#4b5563}.transaction-list h3{color:#fff;margin-bottom:15px;text-align:center;font-size:1.3rem}.transaction-list ul{list-style:none;padding:0}.transaction-list li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-bottom:1px solid #444;align-items:center;transition:background-color .2s ease}.transaction-list li:hover{background-color:#333}.transaction-list li:last-child{border-bottom:none}.transaction-list li span{font-size:.95rem}.income{color:#4ade80}.expense{color:#ef4444}.transaction-actions{display:flex;gap:8px;justify-content:flex-end}.edit-btn,.delete-btn{border:none;padding:6px 12px;border-radius:4px;cursor:pointer;color:#fff;font-size:.9rem;transition:background-color .3s ease}.edit-btn{background-color:#3b82f6}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444}.delete-btn:hover{background-color:#dc2626}.footer{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid #444;color:#a0a0a0;font-size:.9rem}@media (max-width: 400px){.container{padding:15px}h1{font-size:1.5rem}.balance h2{font-size:1.2rem}.transaction-form input,.transaction-form select,.transaction-form button,.cancel-btn{font-size:.9rem;padding:8px}.transaction-list li{padding:10px}}@media (min-width: 401px) and (max-width: 600px){.transaction-form{grid-template-columns:1fr 1fr}.form-buttons{grid-column:span 2}}@media (min-width: 601px){.transaction-form{grid-template-columns:repeat(4,1fr);align-items:center}.form-buttons{grid-column:span 4;flex-direction:row;justify-content:center}.transaction-form button,.cancel-btn{width:auto;min-width:120px}.transaction-list li{grid-template-columns:2fr 1fr 1fr 1fr auto;gap:15px}.transaction-list li span{text-align:left}.transaction-actions{flex-direction:row}}