body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:30px}h2{color:#555;margin-bottom:20px}.balance{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.balance h2{text-align:center;margin-bottom:20px}.totals{display:flex;justify-content:space-around;margin-top:20px}.total{text-align:center;padding:10px;border-radius:4px}.total.income{background-color:#e8f5e8;color:#2e7d32}.total.expense{background-color:#ffebee;color:#c62828}.form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#666}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.add-btn{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px}.add-btn:hover{background-color:#45a049}.history{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.transaction-list{list-style:none}.transaction-list li{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.transaction-list li:last-child{border-bottom:none}.transaction-list li.income{border-left:4px solid #4caf50}.transaction-list li.expense{border-left:4px solid #f44336}.transaction-list li span.income{color:#4caf50;font-weight:700}.transaction-list li span.expense{color:#f44336;font-weight:700}.empty{text-align:center;color:#999;padding:20px}@media(max-width:600px){.app{padding:10px}.totals{flex-direction:column}.total{margin-bottom:10px}}