body{font-family:Arial,sans-serif;background:#f5f7fa;margin:0;padding:0}.app{max-width:600px;margin:auto;padding:20px;text-align:center}h1{color:#333}.expense-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.expense-form input,.expense-form select{padding:8px;border:1px solid #ccc;border-radius:6px}.expense-form button{background:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer}.expense-form button:hover{background:#45a049}.expense-list ul{list-style:none;padding:0}.expense-list li{background:#fff;margin:5px 0;padding:10px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.chart-container{margin:20px 0}
